@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

html{
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    outline: none;
}

*:before,
*:after{
    box-sizing: inherit;
}


html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: var(--commuters-yellow) rgba(79, 79, 79, .21);
    text-rendering: optimizeLegibility;
}

html,
html[theme=dark] {
    --commuters-yellow: #e1b201;
    --commuters-blue: #110133;
    --commuters-rating: #ffbb03;
    --color-transparent: transparent;

    --color-dim: #7a829275;
    --color-highlight: var(--commuters-yellow);

    --color-text: var(--commuters-yellow);

    --color-grey: grey;
    --color-orange: orange;

    --opacity-1: 0.10;
    --opacity-2: 0.20;
    --opacity-3: 0.30;
    --opacity-4: 0.40;
    --opacity-5: 0.50;
    --opacity-6: 0.60;
    --opacity-7: 0.70;
    --opacity-8: 0.80;
    --opacity-9: 0.90;
    --opacity-10: 1;
    --facebook: hsl(221, 44%, 41%);
    --twitter: hsl(206, 82%, 63%);
    --google: hsl(7, 71%, 55%);
    --linkedin: hsl(196, 100%, 43%);
    --whatsapp: hsl(127, 66%, 55%);
    --email: hsl(0, 0%, 27%);

    --zIndex-max: 9999999999999; /* preloader */
    --zIndex-7: 9999999;
    --zIndex-6: 999999;
    --zIndex-5: 99999;
    --zIndex-4: 9999;
    --zIndex-3: 999;
    --zIndex-2: 99;
    --zIndex-1: 9;
    --zIndex-0: 0;
    --zIndex: 1;
    --zIndex--1: -1;
    --zIndex--2: -2;
}

html {

    --color-white-dim: #fff;
    --color-white: #fff;
    --color-hue: #eeeefe;
    --color-base: #7a8292;
    --color-link: var(--color-base);
    --color-alt: var(--commuters-blue);
    --color-std: var(--commuters-yellow);
    --color-alt-fade: rgba(17, 1, 51, 0.7);
    --color-alt-fade15: rgba(17, 1, 51, 0.04);
    --color-alt-dim: var(--commuters-blue);
    --color-highlight-alt: var(--commuters-yellow);
    --color-rich: #fff;
    --background: #fff;
    --background-alt: rgb(25,27,29);
    --item-background: var(--commuters-yellow);
    --item-background-alt: var(--commuters-yellow);
    --item-background-sharp: #fff;
    --item-background-hue: var(--item-hue);
    --item-background-sharp-alt: var(--commuters-blue);
    --item-text: var(--commuters-blue);
    --item-text-rich: var(--color-alt-fade);
    --item-text-rigid: var(--commuters-blue);
    --item-title: #ffffff;
    --item-highlight: #dfdfdf;
    --item-fade: #ffffff;
    --item-hue: #f5f7f9;
    --item-hue-plain: #ffffff;
    --item-hue-border: #cccccc;
    --form-1: #f2f2f2;
    --form-2: #eeeefe;
    --red-blue:  #da0000;
    --blue-red: var(--commuters-blue);
    --red-yellow:  #da0000;
    --yellow-red:  var(--commuters-yellow);

    --whatsapp-custom_1: #26C281;
    --whatsapp-custom_2: #00E676;
    --blendMode: normal;
    --filter: blur(0px);

    --light-contrast-flb: rgb(241, 237, 237);
    --light-contrast: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}

html[theme=dark] {

    --color-white-dim: var(--color-base);
    --color-white: #ededed;
    --color-hue: rgba(36, 38, 41, 0.80);
    --color-base: #7a8292;
    --color-link: var(--color-base);
    --color-alt: var(--commuters-yellow);
    --color-std: var(--commuters-blue);
    --color-alt-fade: rgba(225, 178, 1, 0.3);
    --color-alt-fade15: rgba(225, 178, 1, 0.15);
    --color-alt-dim: var(--color-base);
    --color-highlight-alt: var(--color-dim);
    --color-rich: var(--commuters-blue);
    --background: rgb(25, 27, 29);
    --background-alt: var(--color-white);
    --item-background: var(--commuters-yellow);
    --item-background-sharp: #222327;
    --item-background-hue: #222327;
    --item-background-sharp-alt: #222327;
    --item-background-alt: rgba(36, 38, 41, 0.80);
    --item-text: var(--color-dim);
    --item-text-rich: var(--color-alt-fade);
    --item-text-rigid: var(--commuters-blue);
    --item-title: hsl(56, 29%, 55%);
    --item-highlight: #1b1c1f;
    --item-fade: #ffd085;
    --item-hue: none;
    --item-hue-plain: rgba(36, 38, 41, 0.80);
    --item-hue-border: var(--color-grey);

    --form-1: rgba(36, 38, 41, 0.80);
    --form-2: rgba(36, 38, 41, 0.80);
    --red-blue: var(--commuters-blue);
    --blue-red: #da0000;
    --red-yellow:  var(--commuters-yellow);
    --yellow-red:  #da0000;
    --whatsapp-custom_1: var(--background);
    --whatsapp-custom_2: #00E676;
    --blendMode: soft-light;
    --filter: brightness(.8) contrast(1.2);

    --item-hue-text: rgb(122, 130, 146);

    --light-contrast-flb: rgb(14, 18, 18);
    --light-contrast: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));

}


#noscript-js{
    position: sticky;
    text-align: center;
    width: 100%;
    padding: 1em 0;
    background-color: gray;
    top: 0;
    left: 0;
    z-index: 99999;
}

#noscript-js p{
    color: var(--commuters-yellow);
    font-family: sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin: 0.5em 0;
}

#noscript-js p:not(:first-of-type){
    color: white;
}

#noscript-js a{
    background-color: white;
    padding: 0.5em;
    color: darkred;
    text-decoration: none;
    border-radius: 5px;
    margin: 0.5em;
    display: inline-block;
}

::-webkit-scrollbar {
    width: 9px;
}

::-webkit-scrollbar-track {
    background: rgba(79, 79, 79, .21);
}

::-webkit-scrollbar-thumb {
    background-color: var(--commuters-yellow);
    border: transparent;
}

li::marker {
    list-style: none;
}

.taxiDetailsContainer li {
    padding-left: 1em;
}

.taxiDetailsList li::marker {
    color: var(--color-highlight-alt);
    font-size: 50px;
    content: ' ' url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='rgb(225 178 1)' height='512px' width='512px' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/></svg>");
}

footer, header, main, nav, section {
    display: block;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    background-color: var(--background);
}

[tabindex="-1"]:focus {
    outline: 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

ul {
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--color-alt-dim);
}

ul ul {
    margin-bottom: 0;
}

b {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

a, a:visited {
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: var(--item-text);
}

a:hover {
    color: var(--color-highlight);
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

code {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
    height: 30px;
    fill: currentColor;
}

table {
    border-collapse: collapse;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

button, input {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button, input {
    overflow: visible;
}

button {
    text-transform: none;
}

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

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

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

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox;
}

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

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

[hidden] {
    display: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

.h1, h1 {
    font-size: 2.5rem;
}

.h2, h2 {
    font-size: 2rem;
}

.h3, h3 {
    font-size: 1.75rem;
}

.h4, h4 {
    font-size: 1.5rem;
}

.h5, h5 {
    font-size: 1.25rem;
}

.h6, h6 {
    font-size: 1rem;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.small, small {
    font-size: 80%;
    font-weight: 400;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word;
}

a > code {
    color: inherit;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    /*margin-top: 323px;*/
    margin-top: 0px;
}

@media (max-width: 770px) {

    .media-body .taxiDetailsContainer {
        flex-wrap: wrap;
    }

    .media-body .taxiDetailsList {
        margin-top: 10px;
    }

}

@media (max-width: 361px) {
    .section_title p {
        width: 286px;
    }

    .teamContainer .section_title h5 {
        font-size: 12px;
    }

    .Policy {
        margin-top: 150px;
    }

    .share-btns {
        font-size: 12px;
    }

    .copyright {
        max-width: 450px;
        height: 20px;
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }

    .policyLinksBlock {
        flex-direction: column;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
        margin-top: 0;
    }

    .section_title p {
        width: 460px;
    }

    .media-body .taxiDetailsContainer {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .policyLinksBlock {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
        margin-top: 0;
    }

    .section_title p {
        width: 550px;
    }

    .copyright {
        display: block;
        margin-bottom: 10px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
        margin-top: 0
    }
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

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

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

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

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

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

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

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

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

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

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

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

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

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

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

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

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

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

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

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

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

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

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

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

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

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

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

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

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

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

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}

.table .table {
    background-color: #fff
}

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-info, .table-info > td, .table-info > th {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #abdde5
}

.table-light, .table-light > td, .table-light > th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
    background-color: #ececf6
}

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
    background-color: #b9bbbe
}

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, .075)
}

.table-dark {
    color: #fff;
    background-color: #212529
}

.table-dark td, .table-dark th {
    border-color: #32383e
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .075)
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row > .col, .form-row > [class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled ~ .form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    margin: 0 5px 0 5px;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:focus, .btn:hover {
    text-decoration: none;
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.btn.disabled, .btn:disabled {
    opacity: .65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

a.btn.disabled {
    pointer-events: none;
}

.btn-primary {
    color: var(--commuters-blue);
    background-color: var(--commuters-yellow);
    border-color: var(--commuters-yellow);
}

.btn-primary:hover,
.btn-warning:hover {
    color: #fff;
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 178, 1, .5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: var(--commuters-blue);
    background-color: var(--commuters-yellow);
    border-color: var(--commuters-yellow);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: var(--commuters-blue);
    background-color: var(--commuters-yellow);
    border-color: var(--commuters-yellow);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 178, 1, .5);
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-warning {
    color: var(--commuters-yellow);
    background-color: var(--commuters-blue);
    border-color: var(--commuters-blue);
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(17, 1, 51, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: var(--commuters-yellow);
    background-color: var(--commuters-blue);
    border-color: var(--commuters-blue);
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
    color: var(--commuters-yellow);
    background-color: var(--commuters-blue);
    border-color: var(--commuters-blue);
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(17, 1, 51, 0.5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}


.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus, .list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
}

.btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none;
}

.btn-link.disabled, .btn-link:disabled {
    color: #6c757d;
    pointer-events: none;
}

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: .5rem;
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%;
}

.fade {
    transition: opacity .15s linear;
}

@media screen and (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.mNavShow) {
    display: none;
}

.mNavShow {
    /* TODO height: calc(3 * 50px); */
}

.btn-group {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group > .btn {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.btn-group > .btn:hover {
    z-index: var(--zIndex);
}

.btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
    z-index: var(--zIndex);
}

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

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

.btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group-append {
    display: -ms-flexbox;
    display: flex;
}

.input-group-append .btn {
    position: relative;
    z-index: var(--zIndex-1);
}

.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text {
    margin-left: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox], .input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d
}

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
}

.navbar > .container, .navbar > .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand > .container, .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand > .container, .navbar-expand > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
    color: #fff
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-link {
    font-weight: 700
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus, .list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.list-group-item:focus, .list-group-item:hover {
    z-index: var(--zIndex);
    text-decoration: none;
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    background-color: #fff;
}

.list-group-item.active {
    z-index: var(--zIndex-1);
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--zIndex-3);
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

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

@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

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

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer > :not(:first-child) {
    margin-left: .25rem
}

.modal-footer > :not(:last-child) {
    margin-right: .25rem
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-sm {
        max-width: 300px
    }
}

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

.tooltip {
    position: absolute;
    z-index: var(--zIndex-3);
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--zIndex-4);
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::after, .popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-right, .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-left, .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.align-top {
    vertical-align: top
}

.align-bottom {
    vertical-align: bottom
}

.align-text-bottom {
    vertical-align: text-bottom
}

.align-text-top {
    vertical-align: text-top
}

.bg-info {
    background-color: #17a2b8
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #117a8b
}

.bg-light {
    background-color: #f8f9fa
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5
}

.bg-dark {
    background-color: #343a40
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124
}

.bg-white {
    background-color: #fff
}

.border {
    border: 1px solid #dee2e6
}

.border-top {
    border-top: 1px solid #dee2e6
}

.border-right {
    border-right: 1px solid #dee2e6
}

.border-bottom {
    border-bottom: 1px solid #dee2e6
}

.border-left {
    border-left: 1px solid #dee2e6
}

.border-0 {
    border: 0
}

.border-top-0 {
    border-top: 0
}

.border-right-0 {
    border-right: 0
}

.border-bottom-0 {
    border-bottom: 0
}

.border-left-0 {
    border-left: 0
}

.border-info {
    border-color: #17a2b8
}

.border-light {
    border-color: #f8f9fa
}

.border-dark {
    border-color: #343a40
}

.border-white {
    border-color: #fff
}

.d-none {
    display: none
}

.d-inline {
    display: inline
}

.d-inline-block {
    display: inline-block
}

.d-block {
    display: block
}

.d-table {
    display: table
}

.d-table-row {
    display: table-row
}

.d-flex {
    display: -ms-flexbox;
    display: flex
}

.d-inline-flex {
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none
    }

    .d-sm-inline {
        display: inline
    }

    .d-sm-inline-block {
        display: inline-block
    }

    .d-sm-block {
        display: block
    }

    .d-sm-table {
        display: table
    }

    .d-sm-table-row {
        display: table-row
    }

    .d-sm-flex {
        display: -ms-flexbox;
        display: flex
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none
    }

    .d-md-inline {
        display: inline
    }

    .d-md-inline-block {
        display: inline-block
    }

    .d-md-block {
        display: block
    }

    .d-md-table {
        display: table
    }

    .d-md-table-row {
        display: table-row
    }

    .d-md-flex {
        display: -ms-flexbox;
        display: flex
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none
    }

    .d-lg-inline {
        display: inline
    }

    .d-lg-inline-block {
        display: inline-block
    }

    .d-lg-block {
        display: block
    }

    .d-lg-table {
        display: table
    }

    .d-lg-table-row {
        display: table-row
    }

    .d-lg-flex {
        display: -ms-flexbox;
        display: flex
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.flex-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

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

.flex-fill {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.justify-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

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

.align-items-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.align-items-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.align-items-center {
    -ms-flex-align: center;
    align-items: center
}

.align-content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.align-content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.align-content-center {
    -ms-flex-line-pack: center;
    align-content: center
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flex-sm-column {
        -ms-flex-direction: column;
        flex-direction: column
    }

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

    .flex-sm-fill {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .justify-content-sm-start {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .justify-content-sm-end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-content-sm-center {
        -ms-flex-pack: center;
        justify-content: center
    }

    .align-items-sm-start {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .align-items-sm-end {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .align-items-sm-center {
        -ms-flex-align: center;
        align-items: center
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center;
        align-content: center
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flex-md-column {
        -ms-flex-direction: column;
        flex-direction: column
    }

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

    .flex-md-fill {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .justify-content-md-start {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .justify-content-md-end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-content-md-center {
        -ms-flex-pack: center;
        justify-content: center
    }

    .align-items-md-start {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .align-items-md-end {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .align-items-md-center {
        -ms-flex-align: center;
        align-items: center
    }

    .align-content-md-start {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .align-content-md-end {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .align-content-md-center {
        -ms-flex-line-pack: center;
        align-content: center
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flex-lg-column {
        -ms-flex-direction: column;
        flex-direction: column
    }

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

    .flex-lg-fill {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .justify-content-lg-start {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .justify-content-lg-end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-content-lg-center {
        -ms-flex-pack: center;
        justify-content: center
    }

    .align-items-lg-start {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .align-items-lg-end {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .align-items-lg-center {
        -ms-flex-align: center;
        align-items: center
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center;
        align-content: center
    }
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.float-none {
    float: none
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left
    }

    .float-sm-right {
        float: right
    }

    .float-sm-none {
        float: none
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left
    }

    .float-md-right {
        float: right
    }

    .float-md-none {
        float: none
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left
    }

    .float-lg-right {
        float: right
    }

    .float-lg-none {
        float: none
    }
}

.position-absolute {
    position: absolute
}

.position-fixed {
    position: fixed;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: var(--zIndex-3);
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--zIndex-3);
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: var(--zIndex-3);
    }
}

.w-25 {
    width: 25%;
}

.w-50 {
    width: 50%;
}

.w-75 {
    width: 75%;
}

.w-100 {
    width: 100%;
}

.w-auto {
    width: auto;
}

.h-25 {
    height: 25%;
}

.h-50 {
    height: 50%;
}

.h-75 {
    height: 75%;
}

.h-100 {
    height: 100%;
}

.h-auto {
    height: auto;
}

.m-0 {
    margin: 0;
}

.my-0 {
    margin-top: 0;
}

.mr-0 {
    margin-right: 0;
}

.my-0 {
    margin-bottom: 0;
}

.m-1 {
    margin: .25rem;
}

.my-1 {
    margin-top: .25rem;
}

.mr-1 {
    margin-right: .25rem;
}

.my-1 {
    margin-bottom: .25rem;
}

.m-2 {
    margin: .5rem;
}

.my-2 {
    margin-top: .5rem;
}

.mr-2 {
    margin-right: .5rem;
}

.my-2 {
    margin-bottom: .5rem;
}

.m-3 {
    margin: 1rem;
}

.my-3 {
    margin-top: 1rem;
}

.mr-3 {
    margin-right: 1rem;
}

.my-3 {
    margin-bottom: 1rem;
}

.m-4 {
    margin: 1.5rem;
}

.my-4 {
    margin-top: 1.5rem;
}

.mr-4 {
    margin-right: 1.5rem;
}

.my-4 {
    margin-bottom: 1.5rem;
}

.m-5 {
    margin: 3rem;
}

.my-5 {
    margin-top: 3rem;
}

.mr-5 {
    margin-right: 3rem;
}

.my-5 {
    margin-bottom: 3rem;
}

.p-0 {
    padding: 0;
}

.px-0 {
    padding-right: 0;
}

.px-0 {
    padding-left: 0;
}

.p-1 {
    padding: .25rem;
}

.px-1 {
    padding-right: .25rem;
}

.px-1 {
    padding-left: .25rem;
}

.p-2 {
    padding: .5rem;
}

.px-2 {
    padding-right: .5rem;
}

.px-2 {
    padding-left: .5rem;
}

.p-3 {
    padding: 1rem;
}

.px-3 {
    padding-right: 1rem;
}

.px-3 {
    padding-left: 1rem;
}

.p-4 {
    padding: 1.5rem;
}

.px-4 {
    padding-right: 1.5rem;
}

.px-4 {
    padding-left: 1.5rem;
}

.p-5 {
    padding: 3rem;
}

.px-5 {
    padding-right: 3rem;
}

.px-5 {
    padding-left: 3rem;
}

.m-auto {
    margin: auto;
}

.my-auto {
    margin-top: auto;
}

.mr-auto {
    margin-right: auto;
}

.my-auto {
    margin-bottom: auto;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0;
    }

    .my-sm-0 {
        margin-top: 0;
    }

    .mr-sm-0 {
        margin-right: 0;
    }

    .my-sm-0 {
        margin-bottom: 0;
    }

    .m-sm-1 {
        margin: .25rem;
    }

    .my-sm-1 {
        margin-top: .25rem;
    }

    .mr-sm-1 {
        margin-right: .25rem;
    }

    .my-sm-1 {
        margin-bottom: .25rem;
    }

    .m-sm-2 {
        margin: .5rem;
    }

    .my-sm-2 {
        margin-top: .5rem;
    }

    .mr-sm-2 {
        margin-right: .5rem;
    }

    .my-sm-2 {
        margin-bottom: .5rem;
    }

    .m-sm-3 {
        margin: 1rem;
    }

    .my-sm-3 {
        margin-top: 1rem;
    }

    .mr-sm-3 {
        margin-right: 1rem;
    }

    .my-sm-3 {
        margin-bottom: 1rem;
    }

    .m-sm-4 {
        margin: 1.5rem;
    }

    .my-sm-4 {
        margin-top: 1.5rem;
    }

    .mr-sm-4 {
        margin-right: 1.5rem;
    }

    .my-sm-4 {
        margin-bottom: 1.5rem;
    }

    .m-sm-5 {
        margin: 3rem;
    }

    .my-sm-5 {
        margin-top: 3rem;
    }

    .mr-sm-5 {
        margin-right: 3rem;
    }

    .my-sm-5 {
        margin-bottom: 3rem;
    }

    .p-sm-0 {
        padding: 0;
    }

    .px-sm-0 {
        padding-right: 0;
    }

    .px-sm-0 {
        padding-left: 0;
    }

    .p-sm-1 {
        padding: .25rem;
    }

    .px-sm-1 {
        padding-right: .25rem;
    }

    .px-sm-1 {
        padding-left: .25rem;
    }

    .p-sm-2 {
        padding: .5rem
    }

    .px-sm-2 {
        padding-right: .5rem
    }

    .px-sm-2 {
        padding-left: .5rem
    }

    .p-sm-3 {
        padding: 1rem
    }

    .px-sm-3 {
        padding-right: 1rem
    }

    .px-sm-3 {
        padding-left: 1rem
    }

    .p-sm-4 {
        padding: 1.5rem
    }

    .px-sm-4 {
        padding-right: 1.5rem
    }

    .px-sm-4 {
        padding-left: 1.5rem
    }

    .p-sm-5 {
        padding: 3rem
    }

    .px-sm-5 {
        padding-right: 3rem
    }

    .px-sm-5 {
        padding-left: 3rem
    }

    .m-sm-auto {
        margin: auto
    }

    .my-sm-auto {
        margin-top: auto
    }

    .mr-sm-auto {
        margin-right: auto
    }

    .my-sm-auto {
        margin-bottom: auto
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0
    }

    .my-md-0 {
        margin-top: 0
    }

    .mr-md-0 {
        margin-right: 0
    }

    .my-md-0 {
        margin-bottom: 0
    }

    .m-md-1 {
        margin: .25rem
    }

    .my-md-1 {
        margin-top: .25rem
    }

    .mr-md-1 {
        margin-right: .25rem
    }

    .my-md-1 {
        margin-bottom: .25rem
    }

    .m-md-2 {
        margin: .5rem
    }

    .my-md-2 {
        margin-top: .5rem
    }

    .mr-md-2 {
        margin-right: .5rem
    }

    .my-md-2 {
        margin-bottom: .5rem
    }

    .m-md-3 {
        margin: 1rem
    }

    .my-md-3 {
        margin-top: 1rem
    }

    .mr-md-3 {
        margin-right: 1rem
    }

    .my-md-3 {
        margin-bottom: 1rem
    }

    .m-md-4 {
        margin: 1.5rem
    }

    .my-md-4 {
        margin-top: 1.5rem
    }

    .mr-md-4 {
        margin-right: 1.5rem
    }

    .my-md-4 {
        margin-bottom: 1.5rem
    }

    .m-md-5 {
        margin: 3rem
    }

    .my-md-5 {
        margin-top: 3rem
    }

    .mr-md-5 {
        margin-right: 3rem
    }

    .my-md-5 {
        margin-bottom: 3rem
    }

    .p-md-0 {
        padding: 0
    }

    .px-md-0 {
        padding-right: 0
    }

    .px-md-0 {
        padding-left: 0
    }

    .p-md-1 {
        padding: .25rem
    }

    .px-md-1 {
        padding-right: .25rem
    }

    .px-md-1 {
        padding-left: .25rem
    }

    .p-md-2 {
        padding: .5rem
    }

    .px-md-2 {
        padding-right: .5rem
    }

    .px-md-2 {
        padding-left: .5rem
    }

    .p-md-3 {
        padding: 1rem
    }

    .px-md-3 {
        padding-right: 1rem
    }

    .px-md-3 {
        padding-left: 1rem
    }

    .p-md-4 {
        padding: 1.5rem
    }

    .px-md-4 {
        padding-right: 1.5rem
    }

    .px-md-4 {
        padding-left: 1.5rem
    }

    .p-md-5 {
        padding: 3rem
    }

    .px-md-5 {
        padding-right: 3rem
    }

    .px-md-5 {
        padding-left: 3rem
    }

    .m-md-auto {
        margin: auto
    }

    .my-md-auto {
        margin-top: auto
    }

    .mr-md-auto {
        margin-right: auto
    }

    .my-md-auto {
        margin-bottom: auto
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0
    }

    .my-lg-0 {
        margin-top: 0
    }

    .mr-lg-0 {
        margin-right: 0
    }

    .my-lg-0 {
        margin-bottom: 0
    }

    .m-lg-1 {
        margin: .25rem
    }

    .my-lg-1 {
        margin-top: .25rem
    }

    .mr-lg-1 {
        margin-right: .25rem
    }

    .my-lg-1 {
        margin-bottom: .25rem
    }

    .m-lg-2 {
        margin: .5rem
    }

    .my-lg-2 {
        margin-top: .5rem
    }

    .mr-lg-2 {
        margin-right: .5rem
    }

    .my-lg-2 {
        margin-bottom: .5rem
    }

    .m-lg-3 {
        margin: 1rem
    }

    .my-lg-3 {
        margin-top: 1rem
    }

    .mr-lg-3 {
        margin-right: 1rem
    }

    .my-lg-3 {
        margin-bottom: 1rem
    }

    .m-lg-4 {
        margin: 1.5rem
    }

    .my-lg-4 {
        margin-top: 1.5rem
    }

    .mr-lg-4 {
        margin-right: 1.5rem
    }

    .my-lg-4 {
        margin-bottom: 1.5rem
    }

    .m-lg-5 {
        margin: 3rem
    }

    .my-lg-5 {
        margin-top: 3rem
    }

    .mr-lg-5 {
        margin-right: 3rem
    }

    .my-lg-5 {
        margin-bottom: 3rem
    }

    .p-lg-0 {
        padding: 0
    }

    .px-lg-0 {
        padding-right: 0
    }

    .px-lg-0 {
        padding-left: 0
    }

    .p-lg-1 {
        padding: .25rem
    }

    .px-lg-1 {
        padding-right: .25rem
    }

    .px-lg-1 {
        padding-left: .25rem
    }

    .p-lg-2 {
        padding: .5rem
    }

    .px-lg-2 {
        padding-right: .5rem
    }

    .px-lg-2 {
        padding-left: .5rem
    }

    .p-lg-3 {
        padding: 1rem
    }

    .px-lg-3 {
        padding-right: 1rem
    }

    .px-lg-3 {
        padding-left: 1rem
    }

    .p-lg-4 {
        padding: 1.5rem
    }

    .px-lg-4 {
        padding-right: 1.5rem
    }

    .px-lg-4 {
        padding-left: 1.5rem
    }

    .p-lg-5 {
        padding: 3rem
    }

    .px-lg-5 {
        padding-right: 3rem
    }

    .px-lg-5 {
        padding-left: 3rem
    }

    .m-lg-auto {
        margin: auto
    }

    .my-lg-auto {
        margin-top: auto
    }

    .mr-lg-auto {
        margin-right: auto
    }

    .my-lg-auto {
        margin-bottom: auto
    }
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left
    }

    .text-sm-right {
        text-align: right
    }

    .text-sm-center {
        text-align: center
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left
    }

    .text-md-right {
        text-align: right
    }

    .text-md-center {
        text-align: center
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left
    }

    .text-lg-right {
        text-align: right
    }

    .text-lg-center {
        text-align: center
    }
}

.font-weight-light {
    font-weight: 300
}

.font-weight-normal {
    font-weight: 400
}

.text-white {
    color: #fff
}

.text-info {
    color: #17a2b8
}

a.text-info:focus, a.text-info:hover {
    color: #117a8b
}

.text-light {
    color: #f8f9fa
}

a.text-light:focus, a.text-light:hover {
    color: #dae0e5
}

.text-dark {
    color: #343a40
}

a.text-dark:focus, a.text-dark:hover {
    color: #1d2124
}

.text-body {
    color: #212529
}

.text-white-50 {
    color: rgba(255, 255, 255, .5)
}

.text-hide {
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible
}

@media print {
    *, ::after, ::before {
        text-shadow: none;
        box-shadow: none
    }

    a:not(.btn) {
        text-decoration: underline
    }

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

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

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

    @page {
        size: a3
    }

    body {
        min-width: 992px
    }

    .container {
        min-width: 992px
    }

    .navbar {
        display: none
    }

    .table {
        border-collapse: collapse
    }

    .table td, .table th {
        background-color: #fff
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody + tbody, .table-dark td, .table-dark th {
        border-color: #dee2e6
    }
}

.col-lg-offset-right-1, .col-md-offset-right-1 {
    margin-right: 8.33333333%
}

a {
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a:focus, a:hover {
    text-decoration: none;
    outline: 0
}

.row.m0 {
    margin: 0
}

.p0 {
    padding: 0
}

body {
    line-height: 28px;
    font-size: 16px;
    font-family: Lato, sans-serif;
    color: var(--color-base);
    height: 100%
}

:focus {
    outline: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    font-family: "Barlow Condensed", sans-serif;
    color: var(--color-alt)
}

i:before {
    margin-left: 0
}

button:focus {
    outline: 0
}

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

.section_title {
    margin-bottom: 60px;
    margin-top: 60px
}

.sectionTeamTitle {
    /*margin-top: 120px;*/
}

.sectionHead_ {
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 0;
}

.tagLineSeparator {
    color: var(--color-alt)
}

.section_title p {
    margin: 20px auto auto
}

.section_title h5 {
    font-size: 20px;
    line-height: 26px;
    color: var(--color-highlight-alt);
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.section_title h2 {
    font-size: 40px;
    line-height: 45px;
    color: var(--color-alt);
    margin-bottom: 0;
    letter-spacing: 2px;
}

.section_title .color_w {
    color: #fff
}

.sec_pad {
    padding: 30px 10px 0;
}

.bg_one {
    background: #fbfbfd
}

@-webkit-keyframes loading {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes loading {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.header_area {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: var(--zIndex);
    border-bottom: 8px solid var(--commuters-yellow);
}

.header_area + div, .header_area + section {
    margin-top: 99px;
}

.navbar {
    padding: 0;
    width: 100%;
    position: relative;
    z-index: var(--zIndex);
}

.navbar:before {
    content: "";
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--background);
    z-index: var(--zIndex--1);
}

.menu {
    padding-left: 165px;
}

.menu > .nav-item {
    padding: 37px 0;
}

.menu > .nav-item > .nav-link {
    font: 500 20px/25px "Barlow Condensed", sans-serif;
    color: var(--item-text);
    position: relative;
    padding: 0;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}

.menu > .nav-item > .nav-link:after {
    display: none
}

.menu > .nav-item > .nav-link:before {
    content: "";
    width: 0;
    height: 1px;
    background: var(--color-alt);
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition: width .3s linear;
    -o-transition: width .3s linear;
    transition: width .3s linear
}

.menu > .nav-item:not(:last-child) {
    margin-right: 55px
}

.menu > .nav-item.active .nav-link, .menu > .nav-item:hover .nav-link {
    color: var(--commuters-yellow)
}

.menu > .nav-item.active .nav-link:before, .menu > .nav-item:hover .nav-link:before {
    width: 100%;
    left: 0;
    right: auto
}

.phone_btn {
    position: absolute;
    right: 15px
}

.phone_btn a {
    font-size: 30px;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500;
    color: var(--color-alt)
}

.phone_btn a span {
    color: var(--color-text)
}

.menu_btn {
    width: 275px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.menu_btn .search_btn {
    font-size: 18px;
    color: #fff;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.search {
    background: #fff;
    height: 50px;
    padding: 5px;
    line-height: 35px;
    border-radius: 0;
    width: 290px;
    position: absolute;
    top: 222%;
    right: 0;
    z-index: var(--zIndex-3);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.search .search-form {
    border: 1px solid #ededed
}

.navbar-toggler {
    padding: 0;
    margin-right: 10px;
    margin-left: 10px;
    border: 0
}

.navbar-toggler:focus {
    outline: 0
}

.menu_toggle {
    width: 22px;
    height: 22px;
    position: relative;
    cursor: pointer;
    display: block
}

.menu_toggle .hamburger span {
    background: var(--color-alt)
}

.menu_toggle .hamburger-cross span {
    background: red
}

.menu_toggle .hamburger {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block
}

.menu_toggle .hamburger span {
    width: 0%;
    height: 2px;
    position: relative;
    top: 0;
    left: 0;
    margin: 4px 0;
    display: block;
    border-radius: 3px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.menu_toggle .hamburger span:nth-child(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.menu_toggle .hamburger span:nth-child(2) {
    -webkit-transition-delay: .125s;
    -o-transition-delay: .125s;
    transition-delay: .125s
}

.menu_toggle .hamburger span:nth-child(3) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.menu_toggle .hamburger-cross {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block
}

.menu_toggle .hamburger-cross span {
    display: block;
    border-radius: 3px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.menu_toggle .hamburger-cross span:nth-child(1) {
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.menu_toggle .hamburger-cross span:nth-child(2) {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 10px;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.collapsed .menu_toggle .hamburger span {
    width: 100%
}

.collapsed .menu_toggle .hamburger span:nth-child(1) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.collapsed .menu_toggle .hamburger span:nth-child(2) {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.collapsed .menu_toggle .hamburger span:nth-child(3) {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
    height: 0%;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
    width: 0%;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.navbar_fixed {
    width: 100%;
    left: 0;
    top: -70px;
    position: fixed;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
    border-bottom: 0;
    z-index: var(--zIndex-3);
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    transition: background .1s linear, -webkit-transform .5s ease;
    -webkit-transition: background .1s linear, -webkit-transform .5s ease;
    -o-transition: transform .5s ease, background .1s linear;
    transition: transform .5s ease, background .1s linear;
    transition: transform .5s ease, background .1s linear, -webkit-transform .5s ease
}

.slider_area {
    height: 850px;
    position: relative;
    z-index: var(--zIndex-0);
}

.background_slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--zIndex--2);
}


.background_slider .bg_img {
    height: 100%;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    z-index: var(--zIndex-3);
    opacity: 0;
    object-fit: cover;
    object-position: center center;
    filter: grayscale(1) blur(1px) var(--filter);
    transition: opacity 2s ease 0s;
}

.background_slider .bg_img_V2 {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0) url(../Images/commuters_MainBanner.jpg) no-repeat scroll center center/cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: var(--zIndex-3);
    opacity: 0;
    filter: grayscale(1) blur(1px) var(--filter);
    transition: opacity 2s ease 0s;
}

.ovarlay {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--commuters-blue);
    background-image: linear-gradient(var(--commuters-blue), var(--commuters-yellow));
    opacity: .7;
    z-index: var(--zIndex--1);
}

.slider_text {
    max-width: 770px;
    margin: 0 auto;
}

.slider_text h1 {
    font-size: 80px;
    line-height: 86px;
    margin-bottom: 25px;
    color: var(--item-fade);
}

.slider_text p {
    color: var(--color-white);
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 52px;
}

.slider_btn {
    font: 500 18px/30px "Barlow Condensed", sans-serif;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding: 15px 40px;
    color: #fff;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    border-radius: 2px;
    border: 0;
    overflow: hidden;
}

.slider_btn:before {
    content: "";
    position: absolute;
    z-index: var(--zIndex--1);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.slider_btn:after {
    background: var(--item-title);
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 550ms cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 550ms cubic-bezier(.19, 1, .22, 1);
    transition: all 550ms cubic-bezier(.19, 1, .22, 1);
    width: 50px;
    z-index: var(--zIndex-0);
}

.slider_btn:focus, .slider_btn:hover {
    color: #fff;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.slider_btn:focus:before, .slider_btn:hover:before {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}

.slider_btn:focus:after, .slider_btn:hover:after {
    left: 120%;
    -webkit-transition: all 1s .2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 1s .2s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s .2s cubic-bezier(.19, 1, .22, 1)
}

.yellow_hover {
    background: var(--item-text-rich);
}

.yellow_hover:before {
    background: var(--color-std);
}

.dark_hover {
    background: var(--commuters-yellow);
}

.dark_hover:before {
    background: var(--commuters-blue);
}

.boking_content {
    padding: 80px 70px 90px 45px;
}

.boking_content h2 {
    font-size: 36px;
    color: var(--commuters-blue);
    line-height: 48px;
    margin-bottom: 32px;
}

.action_img {
    padding: 30px;
    padding-right: 0;
    position: relative;
    z-index: var(--zIndex);
}

.action_content h3 {
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 20px
}

.action_content p {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 50px
}

.action_content .slider_btn {
    padding: 15px 46px
}

.action_content .slider_btn i {
    padding-left: 6px
}

.featured_area {
    padding: 125px 0 100px
}

.featured_area .section_title {
    margin-bottom: 64px
}

.featured_item {
    text-align: center;
    padding: 30px 50px 50px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 14px 0 rgba(0, 11, 40, .06);
    box-shadow: 0 3px 14px 0 rgba(0, 11, 40, .06);
    border-top: 4px solid transparent;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.featured_item .icon {
    color: var(--commuters-yellow);
    text-shadow: 1px 17px 24px rgba(255, 187, 3, .39);
    line-height: 85px
}

.featured_item .icon:before {
    font-size: 75px
}

.featured_item h3 {
    font-size: 24px;
    line-height: 26px;
    color: var(--commuters-blue);
    margin-bottom: 22px
}

.featured_item p {
    font: 400 17px/28px Lato, sans-serif;
    color: #7a8292;
    margin-bottom: 25px
}

.featured_item:hover {
    border-color: var(--commuters-yellow);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 30px 40px 0 rgba(0, 11, 40, .08);
    box-shadow: 0 30px 40px 0 rgba(0, 11, 40, .08)
}

.city_location_tab {
    padding: 0 40px 0 40px;
    margin-bottom: 50px
}

.city_location_tab .location_inner_tab {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0
}

.city_location_tab .location_inner_tab .nav-item {
    margin-bottom: 6px
}

.city_location_tab .location_inner_tab .nav-item .nav-link {
    font-size: 26px;
    font-family: "Barlow Condensed", sans-serif;
    line-height: 26px;
    border: 0;
    border-radius: 0;
    background: #f8f9fc;
    padding: 34px 75px;
    color: var(--commuters-blue);
    color: var(--commuters-blue);
    -webkit-transition: background .3s linear, color .3s linear;
    -o-transition: background .3s linear, color .3s linear;
    transition: background .3s linear, color .3s linear
}

.city_location_tab .location_inner_tab .nav-item .nav-link i {
    line-height: 45px;
    vertical-align: middle;
    display: inline-block;
    padding-right: 20px;
    color: #7a8292;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.city_location_tab .location_inner_tab .nav-item .nav-link i:before {
    font-size: 50px
}

.city_location_tab .location_inner_tab .nav-item .nav-link.active, .city_location_tab .location_inner_tab .nav-item .nav-link:hover {
    background: var(--commuters-yellow);
    color: #fff
}

.city_location_tab .location_inner_tab .nav-item .nav-link.active i, .city_location_tab .location_inner_tab .nav-item .nav-link:hover i {
    color: #fff
}

.city_location_tab .location_inner_tab .nav-item:not(:last-child) {
    margin-right: 6px
}

.boking_information {
    padding-top: 25px
}

.boking_information .location-milage {
    padding: 36px 0;
    border-bottom: 1px solid var(--light-contrast-flb)
}

.boking_information .location-milage .media-body h4 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 5px
}

.boking_information .location-milage .media-body p {
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
}

.taxiDetailsContainer {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}


.taxiHighlight{
    display: inline-block;
}

ul.taxiHighlight_attributes {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    position: relative;
    top: -3px;
    font-size: 100%;
}

.new_taxi_attrib::before {
    content: "NEW";
    background-color: #5fcf80;
    background: linear-gradient(to bottom,  #5fcf80 0%, rgba(95, 207, 128, 0.7) 8%, rgba(95, 207, 128, 0.4) 100%);
}

.taxi_updated_attrib::before{
    content: "UPDATED";
    background-color: var(--commuters-blue);
    background: linear-gradient(to bottom,  var(--commuters-blue) 0%, rgba(17, 1, 51, 0.7) 8%, rgba(17, 1, 51, 0.4) 100%);
}

.private_vehicle_attrib::before {
    content: "PV";
    background-color: #f27935;
    background: linear-gradient(to bottom,  #f27935 0%, rgba(242, 121, 53, 0.7) 8%, rgba(242, 121, 53, 0.4) 100%);
}

ul.taxiHighlight_attributes li {
    margin: 0 0 0 5px;
    font-size: 1.6em;
    font-weight: 600;
}

ul.taxiHighlight_attributes li::before {
    color: white;
    font-size: .5em;
    padding: 2px 5px;
    border-radius: 2px;
    box-shadow: 0 .125rem .25rem rgba(54,54,54,.075);
}


ul.taxiHighlight_attributes,
.taxiHighlight_attributes li{
    display: inline;
}

.taxiDetailsContainer div img {
    height: 200px;
    width: 200px;
    border-radius: 10px;
    transition: transform .2s;
}

.taxiDetailsContainer div img:hover {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    z-index: var(--zIndex-3);
    position: relative;
}

.boking_information .location-milage .rating, .boking_information .location-milage .ratingReviews {
    font-size: 36px;
    color: var(--commuters-rating);
    font-weight: 700;
    font-family: "Barlow Condensed", sans-serif;
}

.boking_information .location-milage .ratingReviews {
    padding: 15px;
}

.boking_information .location-milage .rating span, .boking_information .location-milage .ratingReviews span {
    font-size: 20px;
    font-weight: 500;
}

.boking_information .location-milage .ratingReviews .totalReviews {
    font-size: 14px;
    color: var(--item-text)
}

.boking_information .location-milage .rating > span, .boking_information .location-milage .ratingReviews > span {
    font-size: inherit;
    color: var(--item-text)
}

.boking_information .location-milage .rating .ratingMax, .boking_information .location-milage .ratingReviews .ratingMax {
    color: var(--color-dim);
    font-size: 36px;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
}

.boking_information .location-milage .rating .userRating {
    color: var(--color-grey);
    font-size: 14px;
    border-top: 1px solid var(--color-dim);
    margin-top: 5px;
    width: 81px;
}

.boking_information .location-milage .rating .starRating, .boking_information .location-milage .ratingReviews .starRating {
    color: var(--color-orange);
    font-size: 14px
}

.boking_information .location-milage .rating .starRatingMax, .boking_information .location-milage .ratingReviews .starRatingMax {
    color: var(--color-grey);
    font-size: 14px
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        -webkit-transition: -webkit-transform 1.4s .6s linear;
        transition: -webkit-transform 1.4s .6s linear;
        -o-transition: transform 1.4s .6s linear;
        transition: transform 1.4s .6s linear;
        transition: transform 1.4s .6s linear, -webkit-transform 1.4s .6s linear
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        -webkit-transition: -webkit-transform 1.4s .6s linear;
        transition: -webkit-transform 1.4s .6s linear;
        -o-transition: transform 1.4s .6s linear;
        transition: transform 1.4s .6s linear;
        transition: transform 1.4s .6s linear, -webkit-transform 1.4s .6s linear
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes shadow {
    0% {
        -webkit-box-shadow: 0 35px 33px 0 #000;
        box-shadow: 0 35px 33px 0 #000
    }
    50% {
        -webkit-box-shadow: 0 35px 35px -2px #000;
        box-shadow: 0 35px 35px -2px #000;
        width: 60%;
        left: 20%
    }
    100% {
        -webkit-box-shadow: 0 35px 33px 0 #000;
        box-shadow: 0 35px 33px 0 #000
    }
}

@keyframes shadow {
    0% {
        -webkit-box-shadow: 0 35px 33px 0 #000;
        box-shadow: 0 35px 33px 0 #000
    }
    50% {
        -webkit-box-shadow: 0 35px 35px -2px #000;
        box-shadow: 0 35px 35px -2px #000;
        width: 60%;
        left: 20%
    }
    100% {
        -webkit-box-shadow: 0 35px 33px 0 #000;
        box-shadow: 0 35px 33px 0 #000
    }
}

.team_item {
    text-align: center;
    cursor: pointer;
    margin-bottom: 50px
}

.presRow {
    justify-content: center;
}

.presRow .team_item {
    margin-bottom: 0;
}

.team_item .team_img {
    position: relative;
    z-index: var(--zIndex-0);
    overflow: hidden;
}

.team_item .team_img:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    z-index: var(--zIndex);
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.team_item .team_img img {
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: transform .3s linear;
    width: 250px;
    -webkit-filter: grayscale(100%) var(--filter);
    filter: grayscale(100%) var(--filter);
    border-radius: 4px;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}

.team_item .social_icon {
    position: absolute;
    bottom: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: var(--zIndex-1);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.team_item .social_icon a {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: block;
    border-radius: 50%;
    line-height: 40px;
    margin: 0 5px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.team_item .social_icon a:hover {
    background: #fff;
    color: var(--commuters-yellow)
}

.team_item .team_content {
    padding-top: 25px
}

.team_item .team_content h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 5px;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    color: var(--item-text)
}

.presRow .team_item .team_content h3 {
    font-size: 21px;
    line-height: 25px;
    font-weight: 800;
    color: var(--commuters-yellow)
}

.team_item .team_content h3:hover {
    color: var(--color-highlight)
}

.team_item .team_content h6 {
    font-size: 15px;
    line-height: 28px;
    font-family: Lato, sans-serif;
    color: var(--color-base);
    font-weight: 400;
    margin-bottom: 0;
}

.team_item:hover .team_img img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-filter: grayscale(0) var(--filter);
    filter: grayscale(0) var(--filter)
}

.team_item:hover .team_img:before {
    opacity: .85
}

.team_item:hover .social_icon {
    bottom: 20px
}

.team_area_two .row {
    margin-bottom: 50px
}

.post_author {
    background: #fbfbfd;
    padding: 40px 70px 40px 30px;
    margin-bottom: 80px
}

.post_author .author_img {
    width: 100px;
    height: 100px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 0;
    overflow: hidden;
    margin-right: 25px
}

.post_author .author_img img {
    max-width: 100%
}

.post_author .media-body {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.post_author .media-body h5 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
    color: var(--commuters-blue);
    font-weight: 600
}

.post_author .media-body h5 span {
    font-style: italic;
    font-weight: 400;
    color: #7a8292;
    font-size: 18px;
    padding-left: 6px
}

.post_author .media-body p {
    line-height: 24px;
    margin-bottom: 0PX
}

.widget_title {
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    position: relative;
    display: inline-block;
    padding-right: 15px;
    position: relative;
    margin-bottom: 30px
}

.widget_title:before {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--commuters-yellow);
    height: 1px
}

.widget.search_widget .search_form {
    position: relative
}

.widget.search_widget .search_form button {
    border: 0;
    padding: 0;
    position: absolute;
    right: 25px;
    background: 0 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    color: var(--commuters-yellow)
}

.widget.instagram_widget {
    overflow: hidden
}

.widget.instagram_widget ul {
    margin: -4px
}

.widget.instagram_widget ul li {
    width: calc(100% / 3);
    float: left;
    padding: 4px
}

.widget.instagram_widget ul li a {
    display: block
}

.widget.instagram_widget ul li a img {
    max-width: 100%;
    height: 100%
}

.widget:not(:last-child) {
    margin-bottom: 55px
}

.contact_area {
    background: #f8f9fc
}

.info_item {
    padding-left: 50px;
    position: relative;
    margin-bottom: 35px
}

.info_item i {
    position: absolute;
    left: 0;
    font-size: 30px;
    color: var(--commuters-yellow);
    top: 0;
    left: 0
}

.info_item h6 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px
}

.info_item p {
    font-size: 15px;
    line-height: 28px;
    color: #677294;
    font-family: Lato, sans-serif;
}

.info_item a {
    color: #677294
}

.info_item a:hover {
    color: var(--commuters-yellow)
}

.contact_info {
    max-width: 580px;
    margin-right: auto;
    margin-left: 0;
    padding: 120px 0 120px 80px
}

.contact_info .contact_form .form-group:last-child {
    margin-bottom: 0
}

.contact_form .form-group {
    position: relative;
    margin-bottom: 40px
}

.contact_form .form-group .border_line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background: var(--commuters-yellow);
    height: 2px;
    border: 0;
    margin-bottom: 0;
    -webkit-transition: width .3s linear;
    -o-transition: width .3s linear;
    transition: width .3s linear
}

.contact_form .form-group .contact_btn {
    padding: 10px 40px;
    margin-top: 10px
}

.contact_area_two {
    background: #f8f9fc
}

.get_info {
    padding-right: 100px
}

.get_info h3 {
    font: 700 26px/44px "Barlow Condensed", sans-serif;
    color: var(--commuters-blue);
    margin-bottom: 30px
}

.get_info h3 span {
    font-size: 50px;
    font-weight: 500;
    color: var(--commuters-yellow);
    vertical-align: bottom;
    padding-left: 25px
}

.get_info p {
    font: 400 17px/28px Lato, sans-serif;
    color: #7a8292;
    margin-bottom: 50px
}

.get_info .info_item p {
    margin-bottom: 0
}

.get_info .social_icon h6 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600
}

.get_info .social_icon ul li {
    display: inline-block;
    margin-right: 7px;
    padding-top: 8px
}

.get_info .social_icon ul li a {
    font-size: 14px;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    color: #7a8292;
    border-radius: 50%;
    border: 1px solid #7a8292;
    text-align: center;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.get_info .social_icon ul li a:hover {
    background: var(--commuters-yellow);
    border-color: var(--commuters-yellow);
    color: #fff
}

.contact_info_two .contact_form .form-group:last-child {
    margin-bottom: 0
}

.footer_area {
    background: var(--item-background-alt)
}

.f_widget .f_title {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    font-family: "Barlow Condensed", sans-serif;
}

.f_widget.about_widget p {
    font-size: 14px;
    line-height: 35px;
    font-family: Lato, sans-serif;
    color: #6e778b;
}

.f_widget.about_widget p a {
    color: var(--commuters-yellow);
}

.f_widget.about_widget .f_social_icon {
    padding: 42px 0 40px
}

.f_widget.link_widget {
    padding-left: 130px
}

.f_widget.link_widget ul {
    margin-bottom: 0;
    padding-top: 28px
}

.f_widget.link_widget ul li a {
    font-family: Lato, sans-serif;
    line-height: 26px;
    position: relative;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    display: inline-block;
    color: #a8b2c6;
}

.f_widget.link_widget ul li a:before {
    content: "";
    right: 0;
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: var(--commuters-yellow);
    -webkit-transition: width .3s linear;
    -o-transition: width .3s linear;
    transition: width .3s linear;
    display: inline-block
}

.f_widget.link_widget ul li a:hover {
    color: var(--commuters-yellow)
}

.f_widget.link_widget ul li a:hover:before {
    width: 100%;
    left: 0;
    right: auto
}

.f_widget.link_widget ul li:not(:last-child) {
    margin-bottom: 10px
}

.f_social_icon a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: var(--item-text);
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.f_social_icon a:hover > svg {
    fill: currentColor
}

@media (max-width: 1500px) {
    .menu {
        padding-left: 40px
    }

    .menu > .nav-item:not(:last-child) {
        margin-right: 26px
    }

    .phone_btn {
        padding-right: 15px;
        position: static
    }
}

@media (max-width: 1199px) {
    .navbar {
        width: 100%
    }

    .menu_btn {
        width: 200px
    }

    .menu > .nav-item:not(:last-child) {
        margin-right: 18px
    }

    .menu {
        padding-left: 20px
    }

    .phone_btn a {
        font-size: 24px
    }

    .featured_item {
        padding-left: 15px;
        padding-right: 15px
    }

    .boking_content {
        padding-left: 20px;
        padding: 80px 20px 90px 20px
    }

    .city_location_tab .location_inner_tab .nav-item .nav-link {
        padding: 34px 45px
    }

    .action_img img {
        max-width: 100%
    }

    .contact_info {
        padding-left: 40px;
        max-width: 100%;
        padding-right: 40px
    }

    .f_widget.link_widget {
        padding-left: 40px
    }

    .f_widget.about_widget p {
        font-size: 13px
    }

    .team_item .team_img img {
        max-width: 100%
    }

    .get_info {
        padding-right: 0
    }
}

@media (max-width: 991px) {
    .menu_btn {
        display: none
    }

    .navbar {
        width: 100%
    }

    .navbar:before {
        display: none
    }

    .header_area {
        background: var(--background);
    }

    .header_area .logo {
        margin: 20px 0;
    }

    .header_area + div, .header_area + section {
        margin-top: 70px;
    }

    .menu {
        padding-left: 0;
    }

    .menu > .nav-item:not(:last-child) {
        margin-right: 0;
    }

    .menu > .nav-item {
        padding: 10px 0;
    }

    .menu > .nav-item > .nav-link {
        display: inline-block;
    }

    .navbar-collapse {
        max-height: 400px;
        overflow-y: scroll;
    }

    .phone_btn {
        padding: 15px 0;
    }

    .city_location_tab .location_inner_tab .nav-item .nav-link {
        padding: 20px 27px;
    }

    .boking_content {
        padding-top: 42px;
    }

    .action_content {
        padding-top: 60px;
    }

    .slider_text {
        margin-top: -60px;
    }

    .slider_text h1 br {
        display: none;
    }

    .f_widget.link_widget {
        padding-left: 0;
    }

    .f_widget {
        margin-bottom: 35px;
    }

    .footer_area .row {
        margin-bottom: -40px;
    }

    .team_item .social_icon a {
        margin: 0 2px;
    }

    .widget.instagram_widget ul {
        margin: -4px;
        overflow: hidden;
        max-width: 295px;
    }

    .contact_info_two {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .sec_pad {
        padding: 130px 0;
    }
}

@media (max-width: 576px) {
    .f_widget.link_widget ul {
        padding-top: 15px;
    }

    .slider_text h1 {
        font-size: 40px;
        line-height: 52px
    }

    .slider_area {
        height: 680px
    }

    .contact_info {
        padding-left: 15px;
        padding-right: 15px
    }

    .post_author {
        padding: 40px 15px
    }
}

@media (max-width: 480px) {
    .boking_information .location-milage {
        display: block
    }

    .boking_information .location-milage .media-body {
        margin-bottom: 15px
    }

    .city_location_tab .location_inner_tab {
        display: block;
        text-align: center
    }

    .city_location_tab .location_inner_tab .nav-item:not(:last-child) {
        margin-right: 0
    }

    .team_item .team_img img {
        width: 100%
    }

    .post_author .media-body h5 {
        font-size: 18px
    }

    .post_author {
        display: block
    }

    .post_author .media-body {
        padding-right: 0;
        margin-top: 20px
    }
}

/* TODO ==========z-g zag===================*/

html[theme=dark] input::placeholder {
    color: var(--item-hue-text);
}

html[theme=dark] .image--style img,
html[theme=dark] .bDay-sidebar-content img,
html[theme=dark] .birthdayPopUpContainer img,
html[theme=dark] .taxiDetailsContainer img,
html[theme=dark] .commuters_popup_Featured_content img,
html[theme=dark] .commutersTeamModalSlides img,
html[theme=dark]  img#expandable-ModalImg{
    filter: var(--filter);
}


/** Social Button CSS **/

.share-btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 0px;
    position: absolute;
    right: 0px;
}

.share-btns .shareLink {
    display: inline-block;
    color: #252C6AFF;
    text-transform: uppercase;
    border: none;
    padding: 0.1em 0.6em;
    outline: none;
    text-align: center;
    font-size: 0.9em;
    margin: 0 0.2em;
    background-color: #FAFAFAFF;
    border-radius: 0 0 2px 2px;
    opacity: 0.8;
}

.share-btn, .share-btns a:visited {
    display: inline-block;
    color: #fff;
    border: none;
    padding: 0.1em 0.6em;
    outline: none;
    text-align: center;
    font-size: 0.9em;
    margin: 0 0.2em;
    border-radius: 0 0 5px 5px;
    text-decoration: none;
}


.share-btn:hover {
    text-decoration: none;
    opacity: 1;
    color: white;
    font-style: oblique;
}

.share-btn:active {
    color: #DEDEDE;
    transform: scale(0.98);

}

.share-btn.twitter {
    background: var(--twitter);
}

.share-btn.fb--icon {
    background: var(--facebook);
}

.share-btn.WhatsApp {
    background: var(--whatsapp);
}

.share-btn.linkedin {
    background: var(--linkedin);
}

.share-btn.email {
    background: var(--email);
}

@media (min-width: 576px) {
    .share-btns {
        margin-right: 10px;
        font-size: 0.9em;
    }
}

.footer_area a:hover {
    color: var(--item-fade);
}

.arrow {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: var(--zIndex-1);
    background-color: var(--color-alt-fade);
    border-radius: 3px;
    height: 40px;
    width: 40px;
    display: none;
    transition: all .3s;
}

.arrow a {
    cursor: pointer;
    text-align: center;
    display: block;
    border-radius: 3px;
    text-decoration: none;
    transition: all .3s;
}

.arrow a svg {
    fill: var(--color-highlight-alt);
    height: 40px;
    width: 40px;
    transform: rotate(90deg);
    transition: all .3s;
}

.f_logo img {
    height: 80px;
    margin-bottom: 20px;
}

.logo {
    padding-left: 100px;
}


@media (min-width: 320px) {
    .logo {
        padding-left: 10px;
    }
}

.logo img {
    height: 80px;
}

#Contact-US div:first-of-type {
    max-width: 350px;
}

#Contact-US div:nth-of-type(2) {
    max-width: 230px;
    height: 40px;
    margin-top: 20px;
}

#Contact-US div:nth-of-type(2) a .linktreeIcon {
    height: 60px;
    width: 125px;
}

#Contact-US svg{
    display: inline;
}

.copyright {
    max-width: 450px;
    height: 20px;
    margin: 0 0 31px 0;
}

.Policy {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    letter-spacing: .03em;
}


.Policy h1, .Policy h2,
.Policy h3, .Policy h4,
.Policy h5, .Policy h6 {
    color: var(--item-text-rich);
}

.Policy p {
    text-align: justify;
    text-justify: inter-word;
    color: var(--color-base);
}

.policyLinksBlock {
    display: flex;
    justify-content: space-around;
    padding: 20px 0 0 0;
}

policyLinksBlock p{
    margin-bottom: 0;
}

.policyIndent {
    padding: 0 20px;
    margin-bottom: 12px;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

details {
    background: var(--color-hue);
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
    min-width: 300px;
    max-width: 80%;
    border-radius: 5px;
}

summary {
    cursor: pointer;
}

summary::marker{
    color: var(--color-highlight-alt);
}

summary > * {
    display: inline;
}

.cookieListings ul:nth-of-type(even) {
    border-radius: 10px;
    background: var(--color-hue);
}

.cookieListings ul{
    padding-left: 40px;
}

.cookieListings hr{
    background-color: var(--color-highlight-alt);
}

.teamContainer {
    margin-top: 0;
}

.birthdayBlock {
    font-family: serif;
    font-size: 10px;
    letter-spacing: 0.5px;
    font-weight: 800;
    vertical-align: middle;
    color: #ffffff;
    background: var(--commuters-yellow);
    border-radius: 5px;
    display: inline-block;
    padding: 1px 5px;
}

.birthdayBlock p {
    margin: 0;
    padding: 1px;
}

.birthdayPopUpContainer {
    width: 50vw;
    margin: auto;
    /*padding: 105px 10px 0px;*/
}

.birthdayPopUpContainer img {
    width: 100%;
    border-radius: 7px;
}

/* fireworks */


.fireworks {
    display: none;
}

.birthdayBlock:hover > .fireworks,
.birthdayBlock:focus > .fireworks {
    display: block;
}

.fireworksLive > .before, .fireworks > .after,
.fireworks > .before, .fireworks > .after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
    -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.fireworksLive > .after,
.fireworks > .after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-moz-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-o-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-ms-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-webkit-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-moz-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-o-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-ms-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-webkit-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-moz-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-o-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-ms-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

/* birthday sidebar */

.bDay-sidebar {
    background: linear-gradient(187deg, #0034aa14 -47%, #e1b20142 100%);
    position: fixed;
    z-index: var(--zIndex);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0 0 0 5px;
    right: 0;
    display: block;
    overflow: auto;
    scrollbar-width: none;
    width: 354px;
    animation: animateright 0.4s;
}


.bDay-sidebar::-webkit-scrollbar {
    width: 0;
}

@-webkit-keyframes animateright {
    0% {
        right: -300px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

@keyframes animateright {
    0% {
        right: -300px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

.bDay-sidebar-content {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    display: inline-block;
    padding: 8px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 11px 0 0 11px;
}

.bDay-sidebar-content img {
    width: 104%;
    border-radius: 11px 0 0 11px;
}

.bDay-sidebar button {
    position: absolute;
    font-size: 30px;
    text-align: center;
    border: none;
    outline: none;
    background: transparent;
    color: var(--color-white);
    padding: 10px 14px 0 14px;
    line-height: 0.9;
    background-image: -moz-linear-gradient(left, var(--color-highlight), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(left, var(--color-highlight), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(left, var(--color-highlight), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(left, var(--color-highlight), rgba(255, 255, 255, 0));
    background-image: -webkit-gradient(linear, 0 0, 100% 100, from(var(--color-highlight)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(left, var(--color-highlight), rgba(255, 255, 255, 0));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--color-highlight)', endColorstr='rgba(255, 255, 255, 0)', GradientType=1);
    border-radius: 0 0 7px 0;
    z-index: var(--zIndex-2);
}

.bDay-sidebar button:active {
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.bDay-sidebar button span {
    font-size: 10px;
    display: block;
    text-align: center;
    padding: 2px 0 8px 2px;
}

@media (max-width: 992px) {

}

/* birthday sidebar end */

/*Chat with us*/

/* ====================================================================== *
                [A] GLOBAL
         * ====================================================================== */

#example_3 {
    display: none;
}

.whatsapp_chat_support {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

/* ====================================================================== *
       [B] BUTTON
* ====================================================================== */

.wcs_button {
    text-align: center;
    vertical-align: middle;
    padding: 9px 18px;
    border-radius: 50px;
    background: #00E676;
    color: #fff;
    display: inline-block;
    margin-right: 3px;
    cursor: pointer;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.wcs_button:active {
    transform: scale(0.98);
}

.wcs_button img {
    height: 50px;
    margin-right: 3px;
}

.wcs_button_circle {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    padding: 0;
}

.wcs_button_circle img {
    height: 50px;
    margin-right: 0px;
}

.wcs_button_label {
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
    margin-left: 10px;
    background: #d4f3e6;
    padding: 5px 10px;
    border-radius: 4px;

    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}

.wcs_button_label:active {
    transform: scale(0.98);
}

.wcs_button_label_hide {
    -webkit-transform: translate(10px, 0);
    -moz-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0);

    opacity: 0;
    visibility: hidden;
}

.wcs_fixed_right {
    z-index: var(--zIndex-3);
    position: fixed;
    /*bottom: 20px;*/
    /*right: 20px;*/
    bottom: 27px;
    right: 80px;
}

.wcs_fixed_left {
    z-index: var(--zIndex-3);
    position: fixed;
    bottom: 20px;
    left: 20px;
}

.wcs_fixed_left .wcs_popup {
    left: 0 !important;
    right: unset !important;
}

/* ====================================================================== *
        [C] BUTTON PERSON
 * ====================================================================== */

.wcs_button_person {
    padding: 7px 18px 8px 10px;
    border-radius: 50px;
    text-align: left;
    background: #26C281;
    color: #fff;

    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    transition: .4s ease all;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.wcs_button_person:hover {
    -webkit-transform: translate(0, -3px);
    -moz-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    transform: translate(0, -3px);

    -webkit-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    -moz-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    -o-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    -ms-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
}

/* PERSON IMG */

.wcs_button_person_img {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.wcs_button_person_img img {
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
    width: 60px;
    height: 60px;
}

.wcs_button_person_img img {
    font-size: 60px;
}

/* PERSON CONTENT */

.wcs_button_person_content {
    padding-left: 14px;
    display: table-cell;
    vertical-align: middle;
}

/* PERSON NAME */

.wcs_button_person_name {
    font-size: 10px;
    color: rgba(255, 255, 255, .8);
}

/* PERSON DESCRIPTION */

.wcs_button_person_description {
    font-size: 14px;
    font-weight: bold;
    line-height: 23px;
    color: #fff;
}

/* PERSON STATUS */

.wcs_button_person_status {
    font-size: 10px;
    vertical-align: middle;
    color: #fff;
    background: rgba(255, 255, 255, .3);
    display: inline-block;
    padding: 1px 5px;
    border-radius: 5px;
}

/* BUTTON PERSON OFFLINE */

.wcs_button_person_offline {
    background: #a4a4a4 !important;
    cursor: auto !important;
}

.wcs_button_person_offline:hover {
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}

.wcs_button_person_offline .wcs_button_person_status {
    background: #c43a3d;
}

.wcs_button_person_offline .wcs_button_person_img {
    -webkit-filter: grayscale(1) var(--filter);
    filter: grayscale(1) var(--filter);
}

/* ====================================================================== *
        [D] POPUP
 * ====================================================================== */

.wcs_popup {
    position: absolute;
    width: 300px;
    bottom: 100%;
    right: 0;
    margin-bottom: 20px;
    visibility: hidden;
    max-width: calc(100vw - 60px);
    box-shadow: -1px -1px 6px 3px rgba(255, 255, 255, 0.05);
    -webkit-box-shadow: -1px -1px 6px 3px rgba(255, 255, 255, 0.05);
    -moz-box-shadow: -1px -1px 6px 3px rgba(255, 255, 255, 0.05);
}

/* CLOSE */

.wcs_popup_close {
    position: absolute;
    top: 2px;
    right: 8px;
    cursor: pointer;
    opacity: .8;
    -webkit-transition: all 0.08s ease-in-out;
    -moz-transition: all 0.08s ease-in-out;
    transition: all 0.08s ease-in-out;
}

.wcs_popup_close path {
    fill: white;
}

.wcs_popup_close:hover {
    opacity: 1;
}

.wcs_popup_close svg:active {
    transform: scale(0.98);
}

/* ====================================================================== *
        [1] HEADER
 * ====================================================================== */

.wcs_popup_header {
    padding: 20px;
    background: var(--whatsapp-custom_1);
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    color: var(--color-white-dim);
    text-align: center;

    -webkit-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    -moz-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    -o-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    -ms-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
}

.wcs_popup_header img {
    height: 80px;
    margin: 0 auto;
    mix-blend-mode: var(--blendMode);
}

.wcs_popup_header h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}


.wcs_popup_header_description {
    display: block;
    margin-top: 10px;
    font-size: 12px;
}

/* ====================================================================== *
        [2] MULTIPLE PERSONS
 * ====================================================================== */

/* CONTAINER */

.wcs_popup_container {
    /*max-height: 470px;
    overflow-y: scroll;*/
    background: var(--item-background-sharp);
    padding: 20px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;

    -webkit-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    -moz-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    -o-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    -ms-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
}

/* PERSON */


.wcs_popup_group,
.wcs_popup_person {
    /*background: var(--item-hue);*/
    padding: 10px;
    text-align: left;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 2px;
    box-shadow: rgba(127, 127, 127, 0.25) 0 18px 36px -18px inset;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    transition: .2s ease all;
}

.wcs_popup_group {
    border-radius: 15px;
    border-top: 2px solid #26C281;
}

.wcs_popup_group:hover,
.wcs_popup_person:hover {
    -webkit-box-shadow: 0 1px 2px rgba(43, 43, 43, .15);
    -moz-box-shadow: 0 1px 2px rgba(43, 43, 43, .15);
    -o-box-shadow: 0 1px 2px rgba(43, 43, 43, .15);
    -ms-box-shadow: 0 1px 2px rgba(43, 43, 43, .15);
    box-shadow: 0 1px 2px rgba(43, 43, 43, .15);
}

.wcs_popup_group:last-child,
.wcs_popup_person:last-child {
    margin-bottom: 0;
}

.wcs_popup_group::after,
.wcs_popup_person::after {
    content: "";
    clear: both;
    display: table;
}

/* PERSON IMG */

.wcs_popup_img {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.wcs_popup_img img {
    border: 2px solid var(--commuters-yellow);
    border-radius: 50%;
    display: block;
    width: 60px;
    height: 60px;
}

/* PERSON CONTENT */

.wcs_popup_content {
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
}

/* PERSON NAME */

.wcs_popup_name {
    font-size: 14px;
    color: var(--color-alt);
    font-weight: bold;
}

/* PERSON DESCRIPTION */

.wcs_popup_description {
    font-size: 11px;
    line-height: 18px;
    color: var(--color-base);
}

/* PERSON STATUS */

.wcs_popup_person_status {
    font-family: serif;
    font-size: 10px;
    letter-spacing: 0.5px;
    font-weight: 800;
    vertical-align: middle;
    color: #fff;
    background: #26C281;
    border-radius: 5px;
    display: inline-block;
    padding: 1px 5px;
}

/* POPUP PERSON OFFLINE */

.wcs_popup_person_offline {
    cursor: auto !important;
}

.wcs_popup_person_offline .wcs_popup_img {
    -webkit-filter: grayscale(1) var(--filter);
    filter: grayscale(1) var(--filter);
}

.wcs_popup_person_offline:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}

.wcs_popup_person_offline .wcs_popup_person_status {
    background: #c43a3d;

}

.wcs_popup_person_offline.pending .wcs_popup_person_status {
    color: var(--commuters-blue);
    background-color: var(--commuters-yellow);

}

/* ====================================================================== *
        [3] INPUT TEXT FIELD
 * ====================================================================== */

.wcs_popup_input {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #fff;
    padding: 10px 10px;

    -webkit-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    -moz-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    -o-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    -ms-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
    box-shadow: 0 4px 8px 1px rgba(43, 43, 43, .15);
}

.wcs_popup_input input {
    border: 0;
    outline: none;
    width: 90%;
    color: #555555;
}

.wcs_popup_input input::placeholder {
    color: #cfcfcf;
}

.wcs_popup_input > * {
    vertical-align: top;
}

.wcs_popup_input svg {
    height: 22px;
    vertical-align: middle;
    cursor: pointer;
}

.wcs_popup_input path {
    fill: black;
    fill-opacity: 0.3;
}

.wcs_popup_input svg:active {
    transform: scale(0.98);
}

.wcs_popup_input svg:hover > path {
    fill: #26C281;
    fill-opacity: 1;
}

/* AVATAR */

.wcs_popup_avatar {
    overflow: hidden;
    position: absolute;
    left: -70px;
    bottom: -4px;
}

.wcs_fixed_left .wcs_popup_avatar {
    left: initial;
    right: -70px;
}

.wcs_popup_avatar img {
    border-radius: 50%;
    border: 2px solid #26C281;
    display: block;
    height: 50px;
    width: 50px;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.wcs_popup_input_offline {
    color: #c43a3d;
}

.wcs_popup_input_offline + .wcs_popup_avatar {
    -webkit-filter: grayscale(1) var(--filter);
    filter: grayscale(1) var(--filter);
}

@media only screen and (max-width: 400px) {
    .wcs_popup_avatar {
        display: none;
    }
}


@media (max-height: 670px) {

    .wcs_popup {
        height: 300px;
        overflow-y: scroll;
    }
}

/* ====================================================================== *
        [H] EFFECTS
 * ====================================================================== */

.wcs-show .wcs_popup {
    visibility: visible;
}

/* Effect 0: Fade in */

.wcs-effect-0 .wcs_popup {
    opacity: 0;

    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.wcs-show.wcs-effect-0 .wcs_popup {
    opacity: 1;
}

/* Effect 1: Fade in and scale up */

.wcs-effect-1 .wcs_popup {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.wcs-show.wcs-effect-1 .wcs_popup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 2: Slide from the right */

.wcs-effect-2 .wcs_popup {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.wcs-show.wcs-effect-2 .wcs_popup {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

/* Effect 3: Slide from the bottom */

.wcs-effect-3 .wcs_popup {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.wcs-show.wcs-effect-3 .wcs_popup {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

/* Effect 4: Newspaper */

.wcs-effect-4 .wcs_popup {
    -webkit-transform: scale(0) rotate(720deg);
    -moz-transform: scale(0) rotate(720deg);
    -ms-transform: scale(0) rotate(720deg);
    transform: scale(0) rotate(720deg);
    opacity: 0;
}

.wcs-show.wcs-effect-4 ~ .datepicker-in-fullscreen-background,
.wcs-effect-4 .wcs_popup {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.wcs-show.wcs-effect-4 .wcs_popup {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 1;
}

/* Effect 5: fall */

.wcs-effect-5.whatsapp_chat_support {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

.wcs-effect-5 .wcs_popup {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
    -moz-transform: translateZ(600px) rotateX(20deg);
    -ms-transform: translateZ(600px) rotateX(20deg);
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0;
}

.wcs-show.wcs-effect-5 .wcs_popup {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: translateZ(0px) rotateX(0deg);
    -moz-transform: translateZ(0px) rotateX(0deg);
    -ms-transform: translateZ(0px) rotateX(0deg);
    transform: translateZ(0px) rotateX(0deg);
    opacity: 1;
}

/* Effect 6: side fall */

.wcs-effect-6.whatsapp_chat_support {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

.wcs-effect-6 .wcs_popup {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
    -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
    -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
    transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0;
}

.wcs-show.wcs-effect-6 .wcs_popup {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
    -moz-transform: translate(0%) translateZ(0) rotate(0deg);
    -ms-transform: translate(0%) translateZ(0) rotate(0deg);
    transform: translate(0%) translateZ(0) rotate(0deg);
    opacity: 1;
}

/* Effect 7:  3D Rotate from bottom */

.wcs-effect-7.whatsapp_chat_support {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

.wcs-effect-7 .wcs_popup {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateY(100%) rotateX(90deg);
    -moz-transform: translateY(100%) rotateX(90deg);
    -ms-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wcs-show.wcs-effect-7 .wcs_popup {
    -webkit-transform: translateY(0%) rotateX(0deg);
    -moz-transform: translateY(0%) rotateX(0deg);
    -ms-transform: translateY(0%) rotateX(0deg);
    transform: translateY(0%) rotateX(0deg);
    opacity: 1;
}

/* Effect 8:  3D Rotate in from left */

.wcs-effect-8.whatsapp_chat_support {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

.wcs-effect-8 .wcs_popup {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.wcs-show.wcs-effect-8 .wcs_popup {
    -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
    -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
    -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}

/* Effect 9: 3D flip horizontal */

.wcs-effect-9.whatsapp_chat_support {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

.wcs-effect-9 .wcs_popup {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    -moz-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.wcs-show.wcs-effect-9 .wcs_popup {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
}

/* Effect 10: 3D flip vertical */

.wcs-effect-10.whatsapp_chat_support {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

.wcs-effect-10 .wcs_popup {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    -moz-transform: rotateX(-70deg);
    -ms-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.wcs-show.wcs-effect-10 .wcs_popup {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
}

/* Effect 11: 3D sign */

.wcs-effect-11.whatsapp_chat_support {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

.wcs-effect-11 .wcs_popup {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    -moz-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.wcs-show.wcs-effect-11 .wcs_popup {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
}

/* Effect 12: Super scaled */

.wcs-effect-12 .wcs_popup {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.wcs-show.wcs-effect-12 .wcs_popup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 13: 3D split */

.wcs-effect-13.whatsapp_chat_support {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

.wcs-effect-13 .wcs_popup {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
    -moz-transform: translateZ(-3000px) rotateY(90deg);
    -ms-transform: translateZ(-3000px) rotateY(90deg);
    transform: translateZ(-3000px) rotateY(90deg);
    opacity: 0;
}

.wcs-show.wcs-effect-13 .wcs_popup {
    -webkit-animation: slit .7s forwards ease-out;
    -moz-animation: slit .7s forwards ease-out;
    animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -webkit-animation-timing-function: ease-out;
    }
    100% {
        -webkit-transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes slit {
    50% {
        -moz-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -moz-animation-timing-function: ease-out;
    }
    100% {
        -moz-transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes slit {
    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-in;
    }
    100% {
        transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}


/*Notice*/

.consentNoticeWrapper {
    font-family: 'Poppins', sans-serif;
    position: fixed;
    bottom: 30px;
    left: 30px;
    color: var(--item-text);
    background: var(--background);
    padding: 25px 25px 30px 25px;
    border-radius: 15px;
    box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.60);
    text-align: center;
    max-width: 533px;
    max-width: 70vw;
    z-index: var(--zIndex-7);
}

.consentNoticeWrapper.hide {
    opacity: 0;
    pointer-events: none;
    transform: scale(0.8);
    transition: all 0.3s ease;
}

.consentNoticeWrapper .consentNoticeIcon {
    fill: var(--color-highlight);
    height: 98px;
    display: inline;
}

.consentNoticeWrapper::selection {
    color: var(--commuters-yellow);
    background: var(--commuters-blue);
}

.consentNoticeContent h2 {
    color: var(--item-text);
    font-size: 25px;
    font-weight: 600;
}

.consentNoticeContent {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}

.consentNoticeContent p {
    color: var(--color-alt-dim);
    margin: 5px 0 20px 0;
    max-width: 534px;
    text-align: justify;
    text-justify: inter-word;
}

.consentNoticeContent .consentNoticeButtons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.consentNoticeButtons button {
    padding: 10px 20px;
    border: none;
    outline: none;
    color: #ededed;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    background: var(--commuters-yellow);
    cursor: pointer;
    transition: all 0.3s ease;
}

.consentNoticeButtons button:hover {
    transform: scale(0.97);
}

.consentNoticeButtons .consentNoticeItem {
    margin: 0 10px;
}

.consentNoticeForwardLinks {
    display: flex;
}

.consentNoticeWrapper a, .consentNoticeWrapper a:visited {
    color: var(--commuters-yellow);
}

@media (max-width: 377px) {

    .consentNoticeForwardLinks {
        flex-direction: column;
        justify-content: space-evenly;
    }

    .consentNoticeContent p {
        text-align: left;
    }
}


.taxi-accordionContent {
    padding: 0.01em 16px;
}

.taxi-accordionContent:after,
.taxi-accordionContent:before {

    content: "";
    display: table;
    clear: both;
}

.taxi-accordion {
    border: none;
    padding: 8px 16px 8px 8px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    display: block;
    width: 80px;
    color: var(--item-text-rigid);
    background-color: var(--item-background);
    text-align: left;
    border-radius: 3px;
    position: absolute;
    left: 160px;
    margin-top: 4px;
}


.taxi-showAccordion {
    display: block;
    height: 400px;
}

.taxi-hideAccordion {
    display: none;
}


/* Mode / theme toggle */

html.modeSelectorTransition,
html.modeSelectorTransition *,
html.modeSelectorTransition *:before,
html.modeSelectorTransition *:after,
html.modeSelectorTransition *:not(div.consentNoticeWrapper) {
    transition: all 750ms;
    transition-delay: 0ms;
}

.modeSelector {
    width: 50px;
    height: 28px;
    border-radius: 99em;
    z-index: var(--zIndex-3);
    position: fixed;
    bottom: 20px;
    left: 20px;
}

.modeSelector:hover > .modeSelectorTip {
    opacity: 1;
}

.modeSelectorInput {
    position: absolute;
    opacity: 0;
}

.modeSelectorToggle {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 99em;
    background: rgb(226, 224, 223);
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.40) 0 2px 4px,
    rgba(0, 0, 0, 0.30) 0 7px 13px -3px,
    rgb(45 31 75) 0 -3px 0 inset;
}


[theme=dark] .modeSelectorToggle {
    background: rgb(30, 32, 33);
}

.modeBtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 15px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}


[theme=dark] .modeBtn {
    left: auto;
    background: var(--commuters-blue);
    right: 0;
    box-shadow: rgba(255, 255, 255, 0.25) 0 6px 12px -2px,
    rgba(255, 255, 255, 0.30) 0 3px 7px -3px;
}

.modeBtnIcon {
    position: absolute;
    top: 6px;
    width: 16px;
    height: 16px;
}

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

.modeBtnDark,
.modeBtnLight {
    pointer-events: none;
}

.modeBtnLight {
    left: 5px;
    color: var(--commuters-yellow);
}

.modeBtnDark {
    right: 6px;
}

.modeBtnDark, /*dark mode on/off, modeBtn color*/
[theme=dark] .modeBtnLight { /*dark mode on, modeBtn color*/
    color: #7a8292;
}

.modeSelectorTip {
    position: absolute;
    font-size: .925em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: normal;
    padding: .3em .85em;
    white-space: nowrap;
    max-width: calc(100vw - 1em);
    color: var(--commuters-blue);
    background-color: rgb(255, 255, 255);
    opacity: 0;
    transition: opacity .25s ease;
    border-radius: .25em;
    z-index: var(--zIndex-1);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    bottom: 100%;
    margin-bottom: .75em;
}

/* Mode / theme toggle end */

/* Driver search */

.driverSearch {
    padding: 0 40px 0 40px;
}

.driverSearch label {
    line-height: 1.2;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
    color: var(--color-alt);
    text-transform: capitalize;
    margin: 0;
}


.driverSearch label + input {
    width: 270px;
    font-size: 1rem;
    border: solid 2px transparent;
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    color: var(--color-alt);
    background: var(--color-hue);
    border-radius: 0.5rem;
}

/* Driver search end*/

/* loading spinner */
.dualRingSpinner {
    display: none;
    width: 80px;
    height: 80px;
}

.dualRingSpinner:after {
    content: " ";
    display: block;
    width: 32px;
    height: 32px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid var(--commuters-yellow);
    border-color: var(--commuters-yellow) transparent var(--commuters-blue) transparent;
    animation: spinnerRotate 1.2s linear infinite;
}

@keyframes spinnerRotate {
    0% {
        transform: rotate(0deg);
        opacity: 0.3;
    }
    50% {
        opacity: 0.6;
        border-color: var(--commuters-blue) transparent var(--commuters-yellow) transparent;
    }
    100% {
        transform: rotate(360deg);
        opacity: 0.3;

    }
}

/* loading spinner end */

/* Review popup */

a.committeeRatingLabel{
    font-size: 0.8rem;
    padding: 0 1rem;
    font-variant: all-petite-caps;
    letter-spacing: 2px;
    color: var(--color-grey);
    display: inline;
    position: relative;
    bottom: 8px;
}

.a-size-small {
    font-size: 12px;
    line-height: 16px
}

.a-size-base {
    font-size: 14px;
    line-height: 20px
}

.a-size-medium {
    font-size: 18px;
    line-height: 24px
}

.a-size-medium {
    text-rendering: optimizeLegibility
}

.a-size-large {
    font-size: 24px;
    line-height: 32px
}

.a-size-large {
    text-rendering: optimizeLegibility
}


.a-icon {
    display: inline-block;
    vertical-align: top
}

.a-icon-arrow {
    width: 11px;
    height: 15px;
    background-position: -5px -35px
}


.a-icon-popover {
    margin: 5px 0 0 .385em;
    vertical-align: text-top;
    width: 7px;
    height: 5px;
    background-position: -90px -5px;
    opacity: .6
}

.a-size-small .a-icon-popover {
    margin-top: 4px
}

.a-icon-row {
    display: block;
    line-height: 0
}

.a-icon-row.a-spacing-none {
    padding-bottom: 0
}

.a-icon-row.a-size-base {
    line-height: 19px
}

.a-icon-row.a-size-small {
    line-height: 1.5
}

.a-icon-row .a-row {
    margin-top: 1px
}

.a-icon-wrapper {
    display: inline-block;
    vertical-align: top
}

.a-icon-text {
    padding-left: 3px;
    position: relative;
    bottom: 3px
}

.a-icon-close {
    opacity: .64;
    width: 10px;
    height: 9px;
    background-position: -297px -5px
}

.a-icon-row {
    padding-top: 1px;
    padding-bottom: 1px
}


.a-icon-star-large {
    height: 35px;
    width: 38px
}

.a-icon-star-large {
    background-position: -350px -705px
}


.a-icon.a-star-5 {
    background-position: -166px -36px
}

.a-icon.a-star-4 {
    background-position: -84px -8px
}

.a-icon.a-star-3 {
    background-position: -84px -48px
}

.a-icon.a-star-2 {
    background-position: -181px -76px
}

.a-icon.a-star-1 {
    background-position: -375px -144px
}

.a-icon.a-star-0 {
    background-position: -278px -100px
}

.a-icon.a-star-4-5 {
    background-position: -84px -28px
}

.a-icon.a-star-3-5 {
    background-position: -181px -56px
}

.a-icon.a-star-2-5 {
    background-position: -99px -68px
}

.a-icon.a-star-1-5 {
    background-position: -390px -164px
}

.a-icon.a-star-0-5 {
    background-position: -278px -120px
}

.a-icon.a-star-medium-5 {
    background-position: -99px -108px
}

.a-icon.a-star-medium-4 {
    background-position: -2px -84px
}

.a-icon.a-star-medium-3 {
    background-position: -293px -180px
}

.a-icon.a-star-medium-2 {
    background-position: -99px -132px
}

.a-icon.a-star-medium-1 {
    background-position: -390px -228px
}

.a-icon.a-star-medium-0 {
    background-position: -196px -180px
}

.a-icon.a-star-medium-4-5 {
    background-position: -390px -204px
}

.a-icon.a-star-medium-3-5 {
    background-position: -196px -156px
}

.a-icon.a-star-medium-2-5 {
    background-position: -2px -108px
}

.a-icon.a-star-medium-1-5 {
    background-position: -293px -204px
}

.a-icon.a-star-medium-0-5 {
    background-position: -99px -156px
}

.a-icon.a-star-small-5 {
    background-position: -166px -36px
}

.a-icon.a-star-small-4 {
    background-position: -84px -8px
}

.a-icon.a-star-small-3 {
    background-position: -84px -48px
}

.a-icon.a-star-small-2 {
    background-position: -181px -76px
}

.a-icon.a-star-small-1 {
    background-position: -375px -144px
}

.a-icon.a-star-small-0 {
    background-position: -278px -100px
}

.a-icon.a-star-small-4-5 {
    background-position: -84px -28px
}

.a-icon.a-star-small-3-5 {
    background-position: -181px -56px
}

.a-icon.a-star-small-2-5 {
    background-position: -99px -68px
}

.a-icon.a-star-small-1-5 {
    background-position: -390px -164px
}

.a-icon.a-star-small-0-5 {
    background-position: -278px -120px
}

.a-icon-star, .a-icon-star-medium, .a-icon-star-small {
    position: relative;
    vertical-align: text-top
}

.a-icon-star-medium {
    height: 22px;
    width: 95px;
    margin-right: 1px;
    top: -2px
}

.a-icon-star, .a-icon-star-small {
    height: 18px;
    width: 80px
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    min-height: 100%
}

section {
    display: block
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%
}

button {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button {
    line-height: normal
}

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

button {
    cursor: pointer;
    -webkit-appearance: button
}

body {
    padding: 0;
    margin: 0;
}


.a-color-base {
    color: #0f1111
}

.a-color-secondary {
    color: #565959
}

.a-color-state {
    color: #c45500
}

.a-row {
    width: 100%
}

.a-row:after, .a-row:before {
    display: table;
    content: "";
    line-height: 0;
    font-size: 0
}

.a-row:after {
    clear: both
}

td.a-span1, td.a-span10, td.a-span11, td.a-span12, td.a-span2, td.a-span3, td.a-span4, td.a-span5, td.a-span6, td.a-span7, td.a-span8, td.a-span9 {
    float: none;
    margin-right: 0
}

.a-row .a-span1 {
    width: 6.448%
}

td.a-span1 {
    width: 8.68%;
    float: none
}

.a-row .a-span2 {
    width: 14.948%
}

td.a-span2 {
    width: 17.43%;
    float: none;
}

.a-row .a-span3 {
    width: 23.448%;
}

td.a-span3 {
    width: 26.18%;
    float: none;
}

.a-row .a-span4 {
    width: 31.948%;
}

td.a-span4 {
    width: 34.93%;
    float: none
}

.a-row .a-span5 {
    width: 40.448%;
}

td.a-span5 {
    width: 43.68%;
    float: none;
}

.a-row .a-span6 {
    width: 48.948%;
}

td.a-span6 {
    width: 52.43%;
    float: none;
}

.a-row .a-span7 {
    width: 57.448%;
}

td.a-span7 {
    width: 61.18%;
    float: none;
}

.a-row .a-span8 {
    width: 65.948%;
}

td.a-span8 {
    width: 69.93%;
    float: none;
}

.a-row .a-span9 {
    width: 74.448%;
}

td.a-span9 {
    width: 78.68%;
    float: none;
}

.a-row .a-span10 {
    width: 82.948%;
}

td.a-span10 {
    width: 87.43%;
    float: none;
}

.a-row .a-span11 {
    width: 91.448%;
}

td.a-span11 {
    width: 96.18%;
    float: none;
}

.a-row .a-span12 {
    width: 99.948%;
}

td.a-span12 {
    width: 104.93%;
    float: none;
}

.a-row .a-span12, .a-span12 {
    width: 100%;
    margin-right: 0;
}

.a-row .a-right {
    float: right;
    margin-left: 2%;
    margin-right: 0;
}

.a-fixed-left-grid-inner, .a-fixed-right-grid-inner {
    position: relative;
    padding: 0;
}

.a-fixed-left-grid-inner:after, .a-fixed-left-grid-inner:before, .a-fixed-right-grid-inner:after, .a-fixed-right-grid-inner:before {
    display: table;
    content: "";
    line-height: 0;
    font-size: 0;
}

.a-fixed-left-grid-inner:after, .a-fixed-right-grid-inner:after {
    clear: both;
}

.a-fixed-left-grid-col, .a-fixed-right-grid-col {
    position: relative;
    overflow: visible;
    zoom: 1;
    min-height: 1px;
}

.a-fixed-right-grid {
    position: relative;
}

.a-fixed-right-grid .a-col-left {
    width: 100%;
    padding-right: 3.5%;
}

.a-fixed-right-grid .a-fixed-left-grid .a-col-left {
    padding-right: 0;
}

.a-fixed-left-grid {
    position: relative;
}

.a-fixed-left-grid .a-col-right {
    width: 100%;
    padding-left: 3.5%;
}

.a-fixed-left-grid .a-fixed-right-grid .a-col-right {
    padding-left: 0;
}

.a-grid-center.a-fixed-left-grid-inner > .a-fixed-left-grid-col, .a-grid-center.a-fixed-right-grid-inner > .a-fixed-right-grid-col {
    vertical-align: middle;
}

.a-span4 div.a-span1 {
    width: 2.53787%;
}

.a-span5 div.a-span1 {
    width: 3.72%;
}

.a-span6 div.a-span1 {
    width: 4.62933%;
}

.a-span7 div.a-span1 {
    width: 5.084%;
}

.a-span8 div.a-span1 {
    width: 5.53867%;
}

.a-span9 div.a-span1 {
    width: 5.81147%;
}

.a-span10 div.a-span1 {
    width: 6.08427%;
}

.a-span4 div.a-span2 {
    width: 11.3962%;
}

.a-span5 div.a-span2 {
    width: 12.47%;
}

.a-span6 div.a-span2 {
    width: 13.296%;
}

.a-span7 div.a-span2 {
    width: 13.709%;
}

.a-span8 div.a-span2 {
    width: 14.122%;
}

.a-span9 div.a-span2 {
    width: 14.3698%;
}

.a-span10 div.a-span2 {
    width: 14.6176%;
}

.a-span4 div.a-span3 {
    width: 20.25453%;
}

.a-span5 div.a-span3 {
    width: 21.22%;
}

.a-span6 div.a-span3 {
    width: 21.96267%;
}

.a-span7 div.a-span3 {
    width: 22.334%;
}

.a-span8 div.a-span3 {
    width: 22.70533%;
}

.a-span9 div.a-span3 {
    width: 22.92813%;
}

.a-span10 div.a-span3 {
    width: 23.15093%;
}

.a-span4 div.a-span4 {
    width: 29.11287%;
}

.a-span5 div.a-span4 {
    width: 29.97%;
}

.a-span6 div.a-span4 {
    width: 30.62933%;
}

.a-span7 div.a-span4 {
    width: 30.959%;
}

.a-span8 div.a-span4 {
    width: 31.28867%;
}

.a-span9 div.a-span4 {
    width: 31.48647%;
}

.a-span10 div.a-span4 {
    width: 31.68427%;
}

.a-span4 div.a-span5 {
    width: 37.9712%;
}

.a-span5 div.a-span5 {
    width: 38.72%;
}

.a-span6 div.a-span5 {
    width: 39.296%;
}

.a-span7 div.a-span5 {
    width: 39.584%;
}

.a-span8 div.a-span5 {
    width: 39.872%;
}

.a-span9 div.a-span5 {
    width: 40.0448%;
}

.a-span10 div.a-span5 {
    width: 40.2176%;
}

.a-span4 div.a-span6 {
    width: 46.82953%;
}

.a-span5 div.a-span6 {
    width: 47.47%;
}

.a-span6 div.a-span6 {
    width: 47.96267%;
}

.a-span7 div.a-span6 {
    width: 48.209%;
}

.a-span8 div.a-span6 {
    width: 48.45533%;
}

.a-span9 div.a-span6 {
    width: 48.60313%;
}

.a-span10 div.a-span6 {
    width: 48.75093%;
}

.a-span4 div.a-span7 {
    width: 55.68787%
}

.a-span5 div.a-span7 {
    width: 56.22%
}

.a-span6 div.a-span7 {
    width: 56.62933%
}

.a-span7 div.a-span7 {
    width: 56.834%
}

.a-span8 div.a-span7 {
    width: 57.03867%
}

.a-span9 div.a-span7 {
    width: 57.16147%
}

.a-span10 div.a-span7 {
    width: 57.28427%
}

.a-span4 div.a-span8 {
    width: 64.5462%
}

.a-span5 div.a-span8 {
    width: 64.97%
}

.a-span6 div.a-span8 {
    width: 65.296%
}

.a-span7 div.a-span8 {
    width: 65.459%
}

.a-span8 div.a-span8 {
    width: 65.622%
}

.a-span9 div.a-span8 {
    width: 65.7198%
}

.a-span10 div.a-span8 {
    width: 65.8176%
}

.a-span4 div.a-span9 {
    width: 73.40453%
}

.a-span5 div.a-span9 {
    width: 73.72%
}

.a-span6 div.a-span9 {
    width: 73.96267%
}

.a-span7 div.a-span9 {
    width: 74.084%
}

.a-span8 div.a-span9 {
    width: 74.20533%
}

.a-span9 div.a-span9 {
    width: 74.27813%
}

.a-span10 div.a-span9 {
    width: 74.35093%
}

.a-span4 div.a-span10 {
    width: 82.26287%
}

.a-span5 div.a-span10 {
    width: 82.47%
}

.a-span6 div.a-span10 {
    width: 82.62933%
}

.a-span7 div.a-span10 {
    width: 82.709%
}

.a-span8 div.a-span10 {
    width: 82.78867%
}

.a-span9 div.a-span10 {
    width: 82.83647%
}

.a-span10 div.a-span10 {
    width: 82.88427%
}

.a-span4 div.a-span11 {
    width: 91.1212%
}

.a-span5 div.a-span11 {
    width: 91.22%
}

.a-span6 div.a-span11 {
    width: 91.296%
}

.a-span7 div.a-span11 {
    width: 91.334%
}

.a-span8 div.a-span11 {
    width: 91.372%
}

.a-span9 div.a-span11 {
    width: 91.3948%
}

.a-span10 div.a-span11 {
    width: 91.4176%
}

.a-span4 div.a-span12 {
    width: 99.97953%
}

.a-span5 div.a-span12 {
    width: 99.97%
}

.a-span6 div.a-span12 {
    width: 99.96267%
}

.a-span7 div.a-span12 {
    width: 99.959%
}

.a-span8 div.a-span12 {
    width: 99.95533%
}

.a-span9 div.a-span12 {
    width: 99.95313%
}

.a-span10 div.a-span12 {
    width: 99.95093%
}

.a-span4 div.a-span12 {
    margin-right: 0
}

.a-span5 div.a-span12 {
    margin-right: 0
}

.a-span6 div.a-span12 {
    margin-right: 0
}

.a-span7 div.a-span12 {
    margin-right: 0
}

.a-span8 div.a-span12 {
    margin-right: 0
}

.a-span9 div.a-span12 {
    margin-right: 0
}

.a-span10 div.a-span12 {
    margin-right: 0
}

.a-spacing-none {
    margin-bottom: 0
}

.a-spacing-small {
    margin-bottom: 8px
}

.a-spacing-base {
    margin-bottom: 12px
}

.a-spacing-medium {
    margin-bottom: 16px
}

.a-spacing-large {
    margin-top: 20px;
    margin-bottom: 12px;
    border: 0;
    height: 1px;
    background: var(--light-contrast-flb);
    background-image: var(--light-contrast);
}

.a-padding-none {
    padding: 0
}

.a-padding-small {
    padding: 6px 10px
}

.a-padding-base {
    padding: 10px 14px
}

.a-padding-medium {
    padding: 14px 18px
}

.a-padding-large {
    padding: 18px 22px
}

.a-text-left {
    text-align: left
}

.a-text-center {
    text-align: center
}

.a-text-right {
    text-align: right
}

.a-width-small {
    width: 77px
}

.a-width-base {
    width: 113px
}

.a-width-medium {
    width: 175px
}

.a-width-large {
    width: 250px
}

.a-span-small {
    width: 30px
}

.a-span-base {
    width: 56px
}

.a-span-medium {
    width: 72px
}

.a-section {
    margin-bottom: 22px
}

.a-section:last-child {
    margin-bottom: 0
}

.a-letter-space {
    display: inline-block;
    width: .385em
}

.offscreen {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

hr {
    background-color: transparent;
    display: block;
    height: 1px;
    border-width: 0;
    border-top: 1px solid #e7e7e7;
    line-height: 19px;
    margin-top: 0;
    margin-bottom: 14px;
}

.a-divider.a-divider-section .a-divider-inner {
    height: 44px;
    margin-bottom: -18px;
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, .14), rgba(0, 0, 0, .03) 3px, transparent);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .14), rgba(0, 0, 0, .03) 3px, transparent);
    z-index: var(--zIndex);
    zoom: 1;
}

.a-divider.a-divider-section .a-divider-inner:after {
    display: block;
    width: 100%;
    height: 44px;
    background-color: transparent;
    background: -webkit-linear-gradient(to right, #fff, rgba(255, 255, 255, 0), #fff);
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0), #fff);
    z-index: var(--zIndex);
    content: "";
}

.a-button {
    background: #fff;
    border-radius: 3px;
    border-color: #d5d9d9;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle
}

.a-button:active .a-button-inner {
    box-shadow: 0 2px 5px 0 rgba(213, 217, 217, .5);
    background-image: none
}

.a-button:not(.a-button-toggle) {
    border-radius: 8px;
    box-shadow: 0 2px 5px 0 rgba(213, 217, 217, .5)
}

.a-button:not(.a-button-toggle) .a-button-inner {
    border-radius: 7px;
    background: 0 0;
    box-shadow: none
}

.a-button:active:not(.a-button-disabled) {
    background-color: #fff;
    box-shadow: none
}

.a-button:active:not(.a-button-disabled) .a-button-inner {
    box-shadow: none
}

.a-button:active:not(.a-button-disabled) .a-button-inner .a-button-text {
    color: #0f1111
}

.a-button:hover {
    background-color: #f7fafa;
    border-color: #d5d9d9
}

.a-button.a-button-disabled {
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(213, 217, 217, .5)
}

.a-button.a-button-disabled:active .a-button-inner, .a-button.a-button-disabled:focus .a-button-inner, .a-button.a-button-disabled:hover .a-button-inner {
    background-color: #fff
}

.a-button:focus {
    outline: 0;
    border-color: #008296;
    box-shadow: 0 2px 5px 0 rgba(213, 217, 217, .5)
}

.a-button:focus .a-button-inner {
    background-color: #edfdff
}

.a-button:focus .a-button-inner .a-button-text {
    color: #0f1111
}

.a-button .a-button-text {
    color: #0f1111
}

.a-button .a-button-text:hover {
    color: #0f1111
}

.a-button-text {
    background-color: transparent;
    border: 0;
    display: block;
    font-size: 13px;
    line-height: 29px;
    margin: 0;
    outline: 0;
    padding: 0 10px 0 11px;
    text-align: center;
    white-space: nowrap
}

.a-button-text:focus {
    outline: 0
}


.a-button-inner {
    display: block;
    position: relative;
    overflow: hidden;
    height: 29px;
    border-radius: 2px
}


.a-button-icon:not(.a-button-toggle) {
    border-radius: 20px
}

.a-button-icon:not(.a-button-toggle) .a-button-inner {
    border-radius: 19px
}

.a-button-icon:not(.a-button-toggle).a-button-small {
    border-radius: 16px
}

.a-button-icon:not(.a-button-toggle).a-button-small .a-button-inner {
    border-radius: 15px
}

.a-button + .a-button {
    margin-left: .385em
}


.a-button.a-button-small {
    height: 22px
}

.a-button.a-button-small .a-button-text {
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    padding: 0 6px 0 7px
}

.a-button.a-button-small .a-button-inner, .a-button.a-button-small.a-button-disabled .a-button-inner, .a-button.a-button-small.a-button-disabled:active .a-button-inner, .a-button.a-button-small.a-button-disabled:focus .a-button-inner, .a-button.a-button-small.a-button-disabled:hover .a-button-inner, .a-button.a-button-small:active .a-button-inner, .a-button.a-button-small:focus .a-button-inner, .a-button.a-button-small:focus:active .a-button-inner, .a-button.a-button-small:hover .a-button-inner {
    height: 20px
}

.a-button-disabled {
    background: #f8f9f9;
    background-image: none;
    border-color: #eaecec;
    cursor: default
}

.a-button-disabled .a-button-inner .a-icon {
    opacity: .4
}

.a-button-disabled:active, .a-button-disabled:focus, .a-button-disabled:hover {
    border-color: #eaecec
}

.a-button-disabled:active .a-button-inner, .a-button-disabled:focus .a-button-inner, .a-button-disabled:hover .a-button-inner {
    background-color: #f8f9f9;
    background-image: none;
    box-shadow: 0 2px 5px 0 rgba(213, 217, 217, .5)
}

.a-button-disabled:active .a-button-text, .a-button-disabled:focus .a-button-text, .a-button-disabled:hover .a-button-text {
    color: #445050
}

.a-button-disabled .a-button-text {
    color: #445050;
    cursor: default;
    font-weight: 400;
    text-shadow: none
}

.a-button-disabled .a-button-inner {
    background-image: none;
    background-color: transparent;
    box-shadow: none
}

.a-button-span1 {
    width: 8%
}

.a-button-span2 {
    width: 17%
}

.a-button-span3 {
    width: 25%
}

.a-button-span4 {
    width: 33%
}

.a-button-span5 {
    width: 42%
}

.a-button-span6 {
    width: 50%
}

.a-button-span7 {
    width: 58%
}

.a-button-span8 {
    width: 67%
}

.a-button-span9 {
    width: 75%
}

.a-button-span10 {
    width: 83%
}

.a-button-span11 {
    width: 92%
}

.a-button-span12 {
    width: 100%
}


.a-link-emphasis:after {
    display: inline-block;
    vertical-align: top
}

.a-meter {
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #e3e6e6;
    background-color: #f0f2f2;
    height: 20px
}

.a-meter .a-meter-bar {
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
    float: left;
    font-size: 0;
    height: 100%;
    width: 0
}

.a-meter .a-meter-bar {
    border-radius: 4px;
    box-shadow: inset -2px 0 0 -1px var(--commuters-rating), inset 0 0 0 1px var(--commuters-yellow);
    background-color: var(--commuters-rating);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.a-meter .a-meter-bar[style*="width: 100%"] {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.a-meter.a-disabled .a-meter-bar {
    box-shadow: inset -2px 0 0 -1px #f7c88b, inset 0 0 0 1px #ecb98b;
    background-color: #fccf8b;
}

tr.a-histogram-row .a-link-normal {
    color: var(--color-dim);
}

tr.a-histogram-row td {
    padding: 7px 3px
}

tr.a-histogram-row td:first-child {
    padding-left: 0
}

tr.a-histogram-row td:last-child {
    padding-right: 0
}

tr.a-histogram-row:first-child td {
    padding-top: 0
}

tr.a-histogram-row:last-child td {
    padding-bottom: 0
}

tr.a-histogram-row:active a, tr.a-histogram-row:hover a {
    color: var(--color-highlight);

}

tr.a-histogram-row:active .a-meter, tr.a-histogram-row:hover .a-meter {
    box-shadow: inset 0 0 0 1px var(--commuters-yellow);
    background-color: #dcdcdc;
}

tr.a-histogram-row:active .a-meter.a-disabled, tr.a-histogram-row:active .a-meter[aria-label="0%"], tr.a-histogram-row:hover .a-meter.a-disabled, tr.a-histogram-row:hover .a-meter[aria-label="0%"] {
    box-shadow: inset 0 0 0 1px #e3e6e6;
    background-color: #f0f2f2
}

tr.a-histogram-row.a-disabled .a-meter {
    background-color: #f3f3f3
}

tr.a-histogram-row.a-disabled .a-meter .a-meter-bar {
    box-shadow: inset -2px 0 0 -1px #f7c88b, inset 0 0 0 1px #ecb98b;
    background-color: #fccf8b
}

tr.a-histogram-row.a-disabled .a-meter .a-meter-bar {
    visibility: hidden
}

tr.a-histogram-row, tr.a-histogram-row.a-disabled, tr.a-histogram-row.a-disabled a {
    color: #565959
}

.a-meter {
    border-radius: 4px
}

table {
    margin-bottom: 18px;
    border-collapse: collapse;
    width: 100%
}

table:last-child {
    margin-bottom: 0
}

table.a-align-center td {
    vertical-align: middle
}

td {
    vertical-align: top
}

td:first-child {
    padding-left: 0
}

td:last-child {
    padding-right: 0
}

tr:last-child td {
    padding-bottom: 0
}

tr:first-child td {
    padding-top: 0
}

.a-text-center table {
    margin-left: auto;
    margin-right: auto
}

td {
    padding: 3px
}


label {
    display: block;
    padding-left: 2px;
    padding-bottom: 2px;
    font-weight: 700
}

label .a-spacing-none {
    padding-bottom: 0
}

.a-text-center > label {
    margin-right: 8px
}


@-webkit-keyframes rotate360 {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes rotate360 {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.a-popover-hidden {
    visibility: hidden;
}

.a-popover {
    display: inline-block;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: var(--zIndex-3);
    padding: 8px;
    max-width: 440px;
}

.a-popover:focus {
    outline: 0;
}

.a-popover-wrapper {
    overflow: hidden;
    border: 1px solid #cdcdcd;
    border-color: rgba(0, 0, 0, .2);
    height: 100%;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .13);
    background-color: var(--item-hue-plain);
}

.a-popover-inner {
    padding: 14px 18px;
    text-align: left;
    overflow-x: hidden
}

.a-popover-inner .a-button-close {
    position: static;
    margin: -10px -14px 6px 6px
}

.a-popover-inner.a-padding-none .a-button-close {
    margin: 0
}

.a-popover.a-arrow-right .a-arrow {
    border-right-color: #fff
}

.a-popover.a-arrow-left .a-arrow {
    border-left-color: #fff
}

.a-popover .a-arrow, .a-popover .a-arrow-border {
    border: 8px solid transparent;
}

.a-popover .a-arrow {
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    z-index: var(--zIndex-3);
}

.a-popover .a-arrow-border {
    position: absolute;
}

.a-popover.a-arrow-right .a-arrow-border {
    left: 0;
    margin-top: -8px;
    border-left: 0;
    border-right-color: rgba(0, 0, 0, .2);
}

.a-popover.a-arrow-right .a-arrow {
    top: -8px;
    left: 1px;
    border-left: 0;
}

.a-popover.a-arrow-left .a-arrow-border {
    right: 0;
    margin-top: -8px;
    border-right: 0;
    border-left-color: rgba(0, 0, 0, .2)
}

.a-popover.a-arrow-left .a-arrow {
    top: -8px;
    right: 1px;
    border-right: 0
}

.a-popover:focus {
    outline: 0
}

.a-popover .a-popover-a11y-offscreen {
    opacity: 0;
    overflow: hidden;
    display: block;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
    left: 0
}

.a-popover .a-popover-start {
    top: 1px
}

.a-popover .a-popover-end {
    bottom: 1px
}

.a-button-close {
    display: block;
    zoom: 1;
    background-color: transparent;
    border-radius: 3px;
    border: 1px solid;
    border-color: transparent;
    float: right;
    padding: 8px;
    position: absolute;
    top: 50%;
    right: 5px;
    margin: -13px 0 0;
    line-height: 0
}

.a-button-close:active {
    background-color: #e9e9e9
}

.a-button-close:focus {
    background-color: transparent;
    border-color: var(--commuters-yellow);
    box-shadow: 0 0 3px 2px rgba(225, 178, 1, 0.6);
    outline: 0;
    padding: 8px
}

.a-button-close:hover {
    cursor: pointer
}

.a-button-close:hover .a-icon-close {
    opacity: .8
}

.a-button-close-a11y {
    opacity: 0;
    width: 1px;
    height: 1px;
    padding: 0
}

.a-button-close-a11y:focus {
    padding: 0
}

.a-button-close-a11y .a-icon-close {
    display: none
}

.a-popover.a-arrow-bottom .a-arrow-border {
    top: 0;
    margin-left: -8px;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, .2);
    left: 140px;
}


.a-popover.a-arrow-bottom .a-arrow {
    top: 1px;
    right: -8px;
    border-top: 0;
    border-bottom-color: var(--item-hue-plain);
}

@-webkit-keyframes bubble-pop {
    0% {
        -webkit-transform: translateX(0) translateZ(-350px) scale3d(1, 1, 1);
        opacity: 0
    }
    8% {
        -webkit-transform: translateX(0) translateZ(55px) scale3d(1, 1, 1);
        opacity: .8
    }
    12% {
        -webkit-transform: translateX(0) translateZ(0) scale3d(1, 1, 1);
        opacity: 1
    }
    78% {
        -webkit-transform: translateX(0) translateZ(0) scale3d(1, 1, 1);
        opacity: 1
    }
    82% {
        -webkit-transform: translateX(0) translateZ(55px) scale3d(1, 1, 1);
        opacity: .8
    }
    90% {
        -webkit-transform: translateX(0) translateZ(-350px) scale3d(1, 1, 1);
        opacity: 0;
        top: 40%
    }
    100% {
        -webkit-transform: translateX(0) translateZ(-350px) scale3d(1, 1, 1);
        opacity: 0;
        top: -9999px
    }
}

@keyframes bubble-pop {
    0% {
        transform: translateX(0) translateZ(-350px) scale3d(1, 1, 1);
        opacity: 0
    }
    8% {
        transform: translateX(0) translateZ(55px) scale3d(1, 1, 1);
        opacity: .8
    }
    12% {
        transform: translateX(0) translateZ(0) scale3d(1, 1, 1);
        opacity: 1
    }
    78% {
        transform: translateX(0) translateZ(0) scale3d(1, 1, 1);
        opacity: 1
    }
    82% {
        transform: translateX(0) translateZ(55px) scale3d(1, 1, 1);
        opacity: .8
    }
    90% {
        transform: translateX(0) translateZ(-350px) scale3d(1, 1, 1);
        opacity: 0;
        top: 40%
    }
    100% {
        transform: translateX(0) translateZ(-350px) scale3d(1, 1, 1);
        opacity: 0;
        top: -9999px
    }
}

.a-hidden, .aok-hidden {
    display: none;
    visibility: hidden;
}

.a-offscreen, .aok-offscreen {
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: var(--zIndex--1);
    opacity: 0;
}

.a-float-right, .aok-float-right {
    float: right;
}

.a-float-left, .aok-float-left {
    float: left;
}

.a-align-center, .aok-align-center {
    vertical-align: middle;
}

.a-nowrap, .aok-nowrap {
    white-space: nowrap;
}


.commuters_popup_Featured_modal {
    position: fixed;
    z-index: var(--zIndex-7);
    padding: 50px 0 50px 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .6);
    scrollbar-width: none;
    display: none;
    backdrop-filter: blur(16px);
}

.commuters_popup_Featured_modal::-webkit-scrollbar {
    width: 0;
}


.commuters_popup_Featured_content {
    width: 90%;
    margin: 0 auto;
}

.commuters_popup_Featured_content img {
    width: 100%;
    border: none;
    background-color: var(--color-transparent);
    padding: 15px;
    border-radius: 20px 30px 20px 30px;/* radius should be bigger then 15px padding*/
}

.commuters_popup_Featured_modal_close {
    color: red;
    float: right;
    font-size: 30px;
    font-weight: 700;
}

.commuters_popup_Featured_modal_close:focus,
.commuters_popup_Featured_modal_close:hover {
    color: var(--commuters-blue);
    text-decoration: none;
    cursor: pointer;
}


.commuter-corner {
    border: 0;
    position: fixed;
    right: 0;
    text-decoration: none;
    top: 0;
    z-index: var(--zIndex-3);
    display: flex;
}

.commuter-corner svg {
    height: 45px;
}


.commutersTeamModal {
    display: none;
    position: fixed;
    z-index: var(--zIndex-7);
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: var(--item-background-sharp-alt);
}

.commutersTeamModalContent {
    position: relative;
    background-color: #ededed;
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 41%;
}

.commutersTeamModalClose {
    color: var(--color-base);
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
}

.commutersTeamModalClose:hover,
.commutersTeamModalClose:focus {
    color: var(--item-fade);
    text-decoration: none;
    cursor: pointer;
}

.commutersTeamModalSlides {
    display: none;
}

.commutersTeamModalSlides img {
    width: 100%;
    margin-bottom: -4px;
}

#commutersTeamModalNext,
#commutersTeamModalPrev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: var(--background);
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

#commutersTeamModalNext svg,
#commutersTeamModalPrev svg {
    opacity: 0.6;
}

#commutersTeamModalNext {
    right: 0;
    border-radius: 3px 0 0 3px;
}


#commutersTeamModalPrev:hover,
#commutersTeamModalNext:hover {
    background-color: var(--item-background-sharp-alt);
}

#commutersTeamModalPrev:hover > svg,
#commutersTeamModalNext:hover > svg {
    fill: var(--color-highlight);
    opacity: 1;
}

.commutersTeamModalQueueText {
    color: var(--background);
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
    z-index: var(--zIndex-2);
}

.commutersTeamModalCaptionBlock {
    text-align: center;
    background-color: var(--item-background-sharp-alt);
    padding: 2px 16px;
    color: var(--item-title);
}

#commutersTeamModalCaption {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.commutersTeamModalMembers {
    margin: 5px;
    width: 100%;
    opacity: 0.6;
    cursor: pointer;
    font-size: 21px;
}

.commutersTeamModalMembers:hover {
    opacity: 1;
    color: var(--color-highlight);
}

.commutersTeamModalMembersBlock {
    display: flex;
    text-align: center;
    flex-direction: column;
    background-color: var(--item-background-sharp);
    color: var(--color-base);
}


@media (max-width: 710px) {
    .commutersTeamModalContent {
        max-width: 90%;
    }

}

@media (max-width: 1000px) {

    .birthdayPopUpContainer {
        width: 80vw;
    }

}

.initiativeContainer{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    z-index: var(--zIndex-6);
    top: 7rem;
    right: 0;
    gap: 24px;
    scrollbar-width: none;
    height: auto;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 24px 10px;
    border-radius: 20px 0 0 20px;
    min-width: 480px;
}

.initiativeContainer::-webkit-scrollbar {
    width: 0;
}

.bg-blueTrans{
    background: #11013396;
}

.initiativeBlock{
    font-family: 'Poppins', sans-serif;
    z-index: var(--zIndex-6);
    right: 0;
    bottom: 90px;
    max-width: 600px;
    width: available;
    width: -moz-available;
    width: -webkit-fill-available;
}

.initiativeBlock .initiativeHighlight{
    background: var(--item-hue-plain);
    display: flex;
    align-items: center;
    border-radius: 6px;
    padding: 15px 25px 15px 15px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    position: relative;
    animation: show_box 0.8s ease forwards;
}
@keyframes show_box {
    0%{
        transform: translateX(100%);
    }
    40%{
        transform: translateX(-5%);
    }
    80%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(-10px);
    }
}
.hideInitiative:checked ~ .initiativeHighlight{
    animation: hide_box 0.8s ease forwards;
}
@keyframes hide_box {
    0%{
        transform: translateX(0%);
    }
    40%{
        transform: translateX(5%);
    }
    80%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(calc(100% + 66px ));
    }
}
@keyframes rotate3D {

    0%{
        transform: rotateY(0deg);
    }
    10%{
        transform: rotateY(36deg);
    }
    20%{
        transform: rotateY(72deg);
    }
    30%{
        transform: rotateY(108deg);
    }
    40%{
        transform: rotateY(144deg);
    }
    50%{
        transform: rotateY(180deg);
    }
    60%{
        transform: rotateY(216deg);
    }
    70%{
        transform: rotateY(252deg);
    }
    80%{
        transform: rotateY(288deg);
    }
    90%{
        transform: rotateY(324deg);
    }
    100%{
        transform: rotateY(360deg);
    }
}

.initiativeBlock .initiativeHighlight svg{
    position: absolute;
    right: 15px;
    height: 18px;
    top: 10px;
    fill: var(--color-alt-dim);
    cursor: pointer;
    transition: all 0.3s ease;
}
.initiativeBlock svg:hover{
    transform: scale(1.2);
}

.initiativeBlock svg:active,
.initiativeHighlight .initiativeDetails a:active,
.initiativeHighlight .ignoreInitiativeBtn:active{
    transform: scale(0.98);
}

.initiativeHighlight .initiativeLogo{
    height: 90px;
    width: 90px;
    margin-right: 15px;
}
.initiativeHighlight .initiativeLogo img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    animation: rotate3D 3s cubic-bezier(0.45, 0.45, 0.45, 0.45) infinite;
}

.initiativeHighlight .initiativeLogo img:hover{
    animation: none;
}

.initiativeHighlight .initiativeDetails{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80%;
}
.initiativeHighlight .initiativeDetails .initiativeTitle{
    font-size: 18px;
    font-weight: 600;
    color: var(--color-highlight);
}

.initiativeHighlight .initiativeDetails .initiativeTaglines{
    width: 100%;
}

.initiativeHighlight .initiativeDetails .initiativeTagline-1,
.initiativeHighlight .initiativeDetails .initiativeTagline-2{
    color: var(--color-alt-dim);
    text-align: center;
    font-variant: all-small-caps;
    position: relative;
}

.initiativeHighlight .initiativeDetails .initiativeTagline-1{
    font-size: 14px;
    top: -12px;
    letter-spacing: 16px;
}

.initiativeHighlight .initiativeDetails .initiativeTagline-2{
    font-size: 12px;
    top: -26px;
    letter-spacing: 2px;
}

.initiativeHighlight .initiativeDetails .initiativeTagline-std-1,
.initiativeHighlight .initiativeDetails .initiativeTagline-std-2{
    color: var(--color-alt-dim);
    letter-spacing: 2px;
    text-align: center;
    font-variant: all-small-caps;
}

.initiativeHighlight .initiativeDetails .initiativeTagline-std-2{
    font-size: 12px;
}

.initiativeHighlight .initiativeDetails a.std-,
.initiativeHighlight .initiativeDetails a{
    font-size: 17px;
    font-weight: 600;
    display: block;
    padding: 8px 60px;
    background: var(--color-highlight);
    border: 0;
    border-radius: 6px;
    color: #ededed;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    transition: all 0.4s ease;
}

.initiativeHighlight .initiativeDetails a:not(.std-){
    position: relative;
    top: -28px;
}

.initiativeHighlight .initiativeDetails a:hover,
.initiativeHighlight .ignoreInitiativeBtn:hover {
    transform: scale(1.04);
}

.initiativeBlock .hideInitiative{
    display: none;
}

.initiativeHighlight .initiativeFrame{
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--color-alt-fade15);
    margin-right: 10px;
    width: 20%;
}

.initiativeHighlight .ignoreInitiativeBtn{
    text-transform: uppercase;
    color: var(--color-alt);
    font-size: .6em;
    padding: 3px;
    border-radius: 2px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    margin: 15px 5px;
    background: var(--item-background-hue);
    border: 1px solid;
    cursor: pointer;
}

@media (max-width: 440px) {

    .initiativeContainer{
        min-width: 345px;
        padding: 24px 5px;
    }

    .initiativeBlock .initiativeHighlight{
        flex-direction: column;
    }

    .initiativeHighlight .initiativeFrame {
        border: 0;
    }

    .initiativeHighlight .initiativeDetails {

        border-top: 1px solid var(--color-alt-fade15);
    }

    .initiativeHighlight .initiativeDetails .initiativeTitle {
        font-size: 14px;
    }

    .initiativeHighlight .initiativeDetails .initiativeTagline-std-2 {
        font-size: 10px;
    }

    .initiativeHighlight .initiativeDetails .initiativeTagline-std-1,
    .initiativeHighlight .initiativeDetails .initiativeTagline-std-2 {
        letter-spacing: 1px;
    }
}


.commuterButton {
    width: fit-content;
    width: -moz-fit-content;
    background-color: var(--color-alt);
    color: var(--background);
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.commuterButton:hover {
    background-color: var(--color-std);
    color: var(--color-alt);
}

.taxiDetailsContainer .supplementaryDetails{
    display: flex;
    align-self: self-start;
    margin: 0.5rem 0;
}

.taxiDetailsContainer .supplementaryDetails img{
    height: 50px;
    width: 50px;
    margin: 0.25rem;
}


@media (min-width: 768px) {

    .taxiDetailsContainer .supplementaryDetails{
        flex-direction: column;
    }

}


#expandable-Modal{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    z-index: 999999;
    backdrop-filter: blur(16px);
}

/* Modal Content (image) */

.expandable-ModalContent {
    margin: auto;
    display: block;
    height: 90%;
    max-height: 840px;
}

/* Caption of Modal Image */
#expandable-ModalCaption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: var(--secondary-color);
    padding: 10px 0;
    min-height: 60px;
}

/* Add Animation */
.expandable-ModalContent,
#expandable-ModalCaption{
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */

.ModalClose {
    position: absolute;
    top: 15px;
    right: 35px;
    color: var(--secondary-color);
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.ModalClose:hover,
.ModalClose:focus {
    color: dimgray;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){

    .expandable-ModalContent{
        width: 100%;
    }
}