/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

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

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

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
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

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,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

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

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

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,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

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

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

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

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[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-decoration {
    -webkit-appearance: none
}

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

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

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

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

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

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

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

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

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

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

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

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

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

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

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

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

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

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

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

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.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-3,
.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,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    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: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 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%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.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: 100%
    }

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

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .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: 100%
    }

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

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .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: 100%
    }

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

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

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

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

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

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

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

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

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

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

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

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

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

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

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

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.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-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.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 .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

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

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

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

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.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-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

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

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip {
    display: block
}

.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip,
.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip {
    display: block
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip {
    display: block
}

.form-control-file.is-invalid~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip,
.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip {
    display: block
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip,
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip,
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.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 .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,
    .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;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    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 (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

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

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

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.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(38, 143, 255, .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(130, 138, 145, .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(130, 138, 145, .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(72, 180, 97, .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(72, 180, 97, .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(58, 176, 195, .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(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.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(222, 170, 12, .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(225, 83, 97, .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(225, 83, 97, .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,
.btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .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,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

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

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

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .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,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

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

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

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

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

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

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

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

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

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

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

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

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

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

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

.btn-outline-info.focus,
.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,
.show>.btn-outline-info.dropdown-toggle {
    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,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

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

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

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

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

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

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

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

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

.btn-outline-light.focus,
.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,
.show>.btn-outline-light.dropdown-toggle {
    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,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

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

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

.btn-outline-dark.focus,
.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,
.show>.btn-outline-dark.dropdown-toggle {
    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,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

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

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline;
    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 (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

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

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

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

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

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

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

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

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

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-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>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.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,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -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>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.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,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.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,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: calc(1rem + .4rem);
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {

    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.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;
    pointer-events: none;
    cursor: default
}

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

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

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

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    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-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

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

.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-nav .dropdown-menu {
    position: static;
    float: none
}

.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-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 .dropdown-menu {
        position: absolute
    }

    .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 !important;
        display: flex !important;
        -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 .dropdown-menu {
        position: absolute
    }

    .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 !important;
        display: flex !important;
        -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 .dropdown-menu {
        position: absolute
    }

    .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 !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

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

@media (max-width:1199.98px) {

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

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

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

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

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

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

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

    .navbar-expand-xl .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 .dropdown-menu {
    position: absolute
}

.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 !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

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

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

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

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

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.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,%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-brand {
    color: #fff
}

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

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

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

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

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

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-group>.card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

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

    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion>.card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card .card-header {
    margin-bottom: -1px
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

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

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    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 (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

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

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

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

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

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

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

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

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

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

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

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

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

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

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

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

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

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

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

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

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

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

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

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

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

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

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

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

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

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

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.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 {
    z-index: 1;
    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.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

.list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0
}

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

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

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

    .list-group-horizontal-sm .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

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

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

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

    .list-group-horizontal-md .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

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

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

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

    .list-group-horizontal-lg .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

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

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

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .list-group-horizontal-xl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }

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

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

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush .list-group-item:last-child {
    margin-bottom: -1px
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

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

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

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

.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-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

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

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.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:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

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

a.close.disabled {
    pointer-events: none
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

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

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    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, -50px);
    transform: translate(0, -50px)
}

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

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.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-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.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 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem 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 #dee2e6;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem
}

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

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

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

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

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }

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

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", 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
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.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: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", 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
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    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
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s .6s opacity
}

@media (prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

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

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

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

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

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

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

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

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

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

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

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

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

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

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

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

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

.border-0 {
    border: 0 !important
}

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

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

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

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

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

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

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

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

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

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

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

.d-table-cell {
    display: table-cell !important
}

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

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

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

    .d-sm-inline {
        display: inline !important
    }

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

    .d-sm-block {
        display: block !important
    }

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

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

    .d-sm-table-cell {
        display: table-cell !important
    }

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

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

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

    .d-md-inline {
        display: inline !important
    }

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

    .d-md-block {
        display: block !important
    }

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

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

    .d-md-table-cell {
        display: table-cell !important
    }

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

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

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

    .d-lg-inline {
        display: inline !important
    }

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

    .d-lg-block {
        display: block !important
    }

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

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

    .d-lg-table-cell {
        display: table-cell !important
    }

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

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

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

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

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

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

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

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

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

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

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

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

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

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

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

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

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

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

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

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

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

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

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

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

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

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

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

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

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

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

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

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

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

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

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

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

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

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

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

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

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

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

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

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

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

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

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

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

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

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

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

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

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

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

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

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

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

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

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

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

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

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

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

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

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

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

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

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

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

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

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

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

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

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

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

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

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

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

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

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

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

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

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

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

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

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

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

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

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

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

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

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

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

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

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

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

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

    .float-sm-right {
        float: right !important
    }

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

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

    .float-md-right {
        float: right !important
    }

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

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

    .float-lg-right {
        float: right !important
    }

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

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

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

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

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

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

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

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

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

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

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

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

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

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

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

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

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

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

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

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

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

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

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

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

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

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

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

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

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

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

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

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

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

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

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

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

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

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

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

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

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

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

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

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

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

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

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

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

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

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

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

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

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

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

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

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

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

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

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

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

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

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

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

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

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

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

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

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

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

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

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

.font-weight-lighter {
    font-weight: lighter !important
}

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

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

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

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

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

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

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

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

    pre {
        white-space: pre-wrap !important
    }

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

    thead {
        display: table-header-group
    }

    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 !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

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

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

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

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*# sourceMappingURL=bootstrap.min.css.map */

@charset "utf-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
    color: #222;
}

::-moz-selection {
    background: rgba(2, 139, 255, 1);
    color: #fff;
    text-shadow: none;
}

::selection {
    background: rgba(2, 139, 255, 1);
    color: #fff;
    text-shadow: none;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

body {
    color: #444;
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    display: block;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}

h1 {
    font-size: 38px;
    line-height: 54px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
}

h2 {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
}

h3 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
}

h4 {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: normal;
}

h5 {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: normal;
}

h6 {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: normal;
}

.Head {
    display: inline-block;
    margin-bottom: 6px;
}

td.Head,
td.SubHead,
td.SubSubHead {
    display: table-cell;
    margin-bottom: 0;
}

input[type="image"]+span.Head,
input[type="image"]+span.SubHead {
    display: inline;
}

p {
    margin: 0 0 18px 0;
}

p img {
    margin: 0;
}

em,
i {
    font-style: italic;
}

strong,
b {
    font-weight: bold;
}

small {
    font-size: 80%;
}

.Normal,
.NormalDisabled,
.NormalDeleted {
    color: #444;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    word-wrap: break-word;
}

.NormalDisabled,
.NormalDeleted {
    color: #999;
}

.Help {
    padding: 2px;
    border: #000 1px solid;
    background-color: #ff9;
    font-weight: normal;
    font-size: 11px;
    color: #000;
}

.NormalBold {
    font-weight: bold;
    color: #222;
}

.NormalRed {
    font-weight: bold;
    color: red;
}

.NormalDeleted {
    text-decoration: line-through;
}

blockquote,
blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}

blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd;
}

blockquote cite {
    display: block;
    font-size: 12px;
    color: #555;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
    color: #555;
}

hr {
    clear: both;
    margin: 17px 0 17px;
    height: 0;
    border: solid #ddd;
    border-width: 1px 0 0;
}

a,
a:visited {
    color: rgb(2, 139, 255);
    text-decoration: underline;
    outline: 0;
}

a:hover,
a:focus,
a:active {
    color: #222;
    outline: 0;
}

p a,
p a:visited {
    line-height: inherit;
}

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

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

#dnn_dnnLOGO_imgLogo {
    border: 0;
}

ul,
ol {
    margin-bottom: 18px;
    margin-left: 18px;
}

ul {
    list-style: square outside;
}

ol {
    list-style: decimal;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-left: 18px;
    margin-bottom: 0;
}

ol ol {
    list-style: lower-roman;
}

li p {
    line-height: 18px;
}

.dnnFormMessage {
    display: block;
    padding: 17px 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(2, 139, 255, 0.2);
    background: rgba(2, 139, 255, 0.15);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    max-width: 100%;
}

.dnnFormMessage.dnnFormError,
.dnnFormMessage.dnnFormValidationSummary {
    background-color: rgba(255, 0, 0, 0.15);
    border-color: rgba(255, 0, 0, 0.2);
}

.dnnFormMessage.dnnFormWarning {
    background-color: rgba(255, 255, 0, 0.15);
    border-color: #CDB21F;
}

.dnnFormMessage.dnnFormSuccess {
    background-color: rgba(0, 255, 0, 0.15);
    border-color: rgba(0, 255, 0, 0.5);
}

.dnnTableHeader {
    display: block;
    padding: 15px;
    background: none repeat scroll 0 0 #E3E3E5;
}

.dnnTableHeader a,
.dnnTableHeader input,
.dnnTableHeader select {
    margin: 0;
}

.dnnTableDisplay {
    margin-bottom: 18px;
    border: 1px solid #d1d1d1;
    border-left: 0;
    border-bottom: 0;
}

.dnnTableDisplay td,
.dnnTableDisplay th {
    padding: 5px 9px;
    border-bottom: 1px solid #d1d1d1;
}

.dnnTableDisplay th {
    padding: 0;
    border-left: 1px solid #d1d1d1;
    -webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9);
    box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9);
}

.dnnTableDisplay th>span,
.dnnTableDisplay th>a {
    display: block;
    padding: 5px 9px;
}

.dnnTableDisplay td:first-child {
    border-left: 1px solid #cfcfcf;
}

.dnnTableDisplay label {
    display: inline;
    padding-left: 5px;
}

.dnnTableDisplay caption {
    display: none;
}

.dnnTableDisplay th {
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #dfdfdf));
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    background: linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    text-align: left;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
    color: #333;
}

.dnnTableDisplay th a,
.dnnTableDisplay th label {
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

.dnnTableDisplay th a {
    padding: 8px 9px;
}

.dnnTableDisplay th a:hover {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    background: linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    color: #333;
}

.dnnTableDisplay th a:active {
    border-color: #999;
    background: #c6c6c6;
    background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6c6c6), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%);
    background: -o-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%);
    background: linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%);
    -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
}

.dnnTableDisplay tr:nth-child(2n) td {
    background: rgba(0, 0, 0, 0.04);
}

.dnnTableDisplay tr:hover td {
    background: rgba(2, 139, 255, 0.15);
}

.dnnTableDisplay tfoot tr:hover td {
    background: none;
}

.dnnTableFilter {
    margin-bottom: 18px;
    background: rgba(0, 0, 0, 0.04);
}

.dnnTableFilter .dnnTableDisplay {
    margin-bottom: 0;
}

.dnnFilterSet {
    padding: 18px;
}

.dnnFilterSet label {
    display: inline-block;
}

.dnnFilterSet input,
.dnnFilterSet select {
    display: inline-block;
    margin: 0 5px;
}

.verticalFilter .dnnFilterSet {
    float: left;
    width: 20%;
    padding: 2% 18px;
}

.verticalFilter .dnnTableDisplay {
    float: right;
    width: 75%;
}

.verticalFilter input[type=search],
.verticalFilter select,
.verticalFilter input[type=text] {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dnnResults {
    float: left;
    margin-bottom: 0;
}

.dnnPagination {
    float: right;
    margin: 0;
    padding: 0;
}

.dnnPagination li {
    float: left;
    list-style: none;
}

.dnnPagination li a,
.dnnPagination li span {
    display: inline-block;
    padding: 0 5px;
    text-decoration: none;
    color: #333;
}

.dnnPagination li a:hover {
    text-decoration: underline;
    color: #222;
}

.dnnPagination li span {
    color: #222;
    text-decoration: underline;
}

.dnnFormItem input[type="text"],
.dnnFormItem select,
.dnnFormItem textarea,
.dnnFormItem input[type="email"],
.dnnFormItem input[type="search"],
.dnnFormItem input[type="password"] {
    margin-bottom: 18px;
    padding: 8px;
    background: #ffffff;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 12px;
}

.dnnFormItem input.aspNetDisabled,
.dnnFormItem textarea.aspNetDisabled {
    background: #ebebeb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #a7a7a7;
    border-width: 1px;
}

.aspNetDisabled,
a.aspNetDisabled,
.dnnDisabled,
a.dnnDisabled {
    color: #ccc;
    cursor: not-allowed;
    text-decoration: none;
}

.dnnFormItem input[type="text"]:active,
.dnnFormItem input[type="text"]:focus,
.dnnFormItem input[type="password"]:focus,
.dnnFormItem input[type="password"]:active,
.dnnFormItem input[type="email"]:active,
.dnnFormItem input[type="email"]:focus,
.dnnFormItem select:active,
.dnnFormItem select:focus,
.dnnFormItem textarea:active,
.dnnFormItem textarea:focus,
.dnnFormItem input[type="search"]:active,
.dnnFormItem input[type="search"]:focus {
    background: #fff;
    border: 1px solid rgba(2, 139, 255, 0.5);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4);
    box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4);
    color: #333;
}

.required label:after,
legend.required:after {
    display: inline-block;
    margin-top: -2px;
    margin-left: 9px;
    padding: 1px 9px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: rgba(0, 0, 0, 0.03);
    content: 'Required';
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #777;
}

.error label,
legend.error {
    color: rgba(255, 0, 0, 0.9);
}

.error input[type="text"],
.error select,
.error textarea,
.error input[type="email"],
.error input[type="search"] {
    border: 1px solid rgba(255, 0, 0, 0.6);
    color: rgba(255, 0, 0, 0.7);
}

.dnnFormItem button,
.dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
    display: inline-block;
    padding: 9px 9px;
    margin-bottom: 9px;
    cursor: pointer;
    min-width: 75px;
    *overflow: visible;
    border: 1px solid #c2c2c2;
    background: #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

.dnnFormItem button,
.dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction {
    padding: 6px 6px;
}

.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction {
    border-color: #0D569E;
    background: #3792ED;
    background: -moz-linear-gradient(top, #358eea 0%, #2170cd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #358eea), color-stop(100%, #2170cd));
    background: -webkit-linear-gradient(top, #358eea 0%, #2170cd 100%);
    background: linear-gradient(top, #358eea 0%, #2170cd 100%);
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    color: #efefef;
    text-shadow: 0px -1px 0px #185B93;
}

.dnnPrimaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnPrimaryAction:hover {
    border-color: #0D569E;
    background: #6cb6f3;
    background: -moz-linear-gradient(top, #6cb6f3 0%, #4387d2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6cb6f3), color-stop(100%, #4387d2));
    background: -webkit-linear-gradient(top, #6cb6f3 0%, #4387d2 100%);
    background: linear-gradient(top, #6cb6f3 0%, #4387d2 100%);
    color: #fff;
}

.dnnPrimaryAction:active,
.dnnFormItem input[type="submit"]:active,
a.dnnPrimaryAction:active {
    border-color: #0D569E;
    background: #1f66be;
    background: -moz-linear-gradient(top, #1f66be 0%, #3085e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f66be), color-stop(100%, #3085e0));
    background: -webkit-linear-gradient(top, #1f66be 0%, #3085e0 100%);
    background: linear-gradient(top, #1f66be 0%, #3085e0 100%);
    -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
    color: #fff;
}

.dnnPrimaryAction[disabled],
.dnnPrimaryAction[disabled]:hover,
.dnnPrimaryAction[disabled]:active {
    background: #ccc !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #aaa !important;
    text-shadow: none;
}

.dnnFormItem button,
.dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #dfdfdf));
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    background: linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    text-shadow: 0px 1px 0px #ffffff;
    color: #333;
}

.dnnFormItem button:hover,
.dnnFormItem input[type="button"]:hover,
.dnnFormItem input[type="reset"]:hover,
.dnnSecondaryAction:hover,
a.dnnSecondaryAction:hover,
ul.dnnAdminTabNav li a:hover,
.dnnLogin .LoginTabGroup span:hover {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    background: linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    color: #555;
}

.dnnFormItem button:active,
.dnnFormItem input[type="button"]:active,
.dnnFormItem input[type="reset"]:active,
.dnnFormItem input[type="reset"]:active,
.dnnSecondaryAction:active,
a.dnnSecondaryAction:active,
ul.dnnAdminTabNav li a:active {
    border-color: #999;
    background: #c6c6c6;
    background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6c6c6), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%);
    background: -o-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%);
    background: linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%);
    -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
}

span.dnnPrimaryAction>input[type="image"],
span.dnnSecondaryAction>input[type="image"] {
    display: none;
}

span.dnnPrimaryAction>a.dnnPrimaryAction,
span.dnnSecondaryAction>a.dnnSecondaryAction {
    display: inline;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dnnTertiaryAction,
a.dnnTertiaryAction {
    padding: 10px 10px;
    border: none;
    background: #eaeaea;
    color: #333;
}

.dnnTertiaryAction:hover,
a.dnnTertiaryAction:hover {
    background: #f2f2f2;
}

.dnnTertiaryAction:active,
a.dnnTertiaryAction:active {
    background: #d8d8d8;
}

.dnnFormItem input[type="text"]+a.dnnPrimaryAction,
.dnnFormItem input[type="text"]+a.dnnSecondaryAction,
.dnnFormItem input[type="text"]+a.dnnTerriaryAction {
    margin-left: 5px;
}

.dnnFormItem input[type="checkbox"]+span,
.dnnFormItem input[type="radio"]+span {
    margin: 5px;
}

.StandardButton {
    border: 1px solid blue;
}

.dnnFormItem button[disabled],
.dnnFormItem input[disabled] {
    cursor: default;
    opacity: 0.5;
}

.dnnFormItem input[type="checkbox"],
.dnnFormItem input[type="radio"] {
    *width: 13px;
    *height: 13px;
    padding: 0;
    box-sizing: border-box;
}

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

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

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

.dnnFormItem textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

.dnnFormItem input:valid,
.dnnFormItem textarea:valid {}

.dnnFormItem input:invalid,
.dnnFormItem textarea:invalid {
    background-color: #f0dddd;
}

.horizontal ul.categories,
.horizontal ul.tags {
    list-style: none;
}

.horizontal ul.categories {}

.horizontal ul.tags {}

.horizontal ul.categories li,
.horizontal ul.tags li {}

.horizontal ul.tags li.add-tags {}

.horizontal ul.tags li.add-tags img {}

.vertical ul.categories,
.vertical ul.tags {
    list-style: none;
}

.vertical ul.categories li,
.vertical ul.tags li {}

.vertical ul.categories li {}

.vertical ul.tags li {}

.vertical ul.tags li.add-tags {}

.vertical ul.tags li.add-tags img {}

ul.dnnAdminTabNav {
    display: inline-block;
    margin-top: 5px;
    margin-left: 0;
    width: 100%;
    min-height: 37px;
    border-bottom: 1px solid #c2c2c2;
}

ul.dnnAdminTabNav li {
    float: left;
    margin-right: 4px;
    list-style: none;
}

ul.dnnAdminTabNav li a {
    margin-bottom: 0;
    border-bottom: 0;
    box-shadow: none;
    webkit-box-shadow: none;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

ul.dnnAdminTabNav li.ui-tabs-active a {
    margin-top: -3px;
    padding: 12px 9px 10px 9px;
    background: #fff;
}

.ui-tabs .ui-tabs-panel {
    position: relative;
    display: block;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}

.dnnLogin .LoginTabGroup {
    display: inline-block;
    width: 100%;
    height: 37px;
    margin-left: 0;
    margin-top: 5px;
    border-bottom: 1px solid #C2C2C2;
}

.dnnLogin .LoginTabGroup span {
    margin-right: 4px;
    margin-bottom: 0;
    border-bottom: 0 none;
    border-radius: 3px 3px 0 0;
    box-shadow: none;
}

.dnnLogin .LoginTabGroup span.LoginTabSelected {
    margin-top: -3px;
    padding: 12px 9px 10px;
    background: none repeat scroll 0 0 #FFFFFF;
}

.dnnForm .ui-resizable {
    position: relative;
}

.dnnForm .ui-resizable-handle {
    position: absolute;
    display: block;
    z-index: 99999;
    font-size: 0.1px;
}

.dnnForm .ui-resizable-disabled .ui-resizable-handle,
.dnnForm .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.dnnForm .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.dnnForm .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.dnnForm .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.dnnForm .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.dnnForm .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.dnnForm .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.dnnForm .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.dnnForm .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.dnnForm {
    width: 100%;
}

.dnnForm fieldset {
    clear: none;
    position: relative;
    margin-bottom: 18px;
    text-align: left;
}

.dnnForm fieldset fieldset {
    width: 100%;
}

.dnnForm .dnnFormItem {
    clear: both;
    width: 100%;
    display: block;
    position: relative;
    text-align: left;
}

.dnnTooltip {
    position: relative;
    display: block;
    width: 32.075%;
    margin-right: 18px;
}

.dnnHelperTip {
    position: relative;
    display: block;
}

.dnnDragdropTip {
    z-index: 10000;
    position: absolute;
    width: auto !important;
    height: auto !important;
    padding: 10px;
    padding-left: 30px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.75) url("../images/pin-icn.png") no-repeat 7px 12px;
    font-size: 11px;
    color: #DDD;
    text-align: left;
}

span.dnnFormRequired:after,
div.dnnFormItem.dnnFormRequired>div.dnnLabel span:after {
    content: "*";
    display: inline-block;
    margin: 0 0 0 5px;
    color: Red;
    font-size: 16px;
    line-height: 1em;
    font-weight: bold;
}

.dnnFormItem input[type="checkbox"]+span,
.dnnFormItem input[type="radio"]+span {
    display: inline-block;
    width: auto;
    margin: 6px 5px 6px 5px;
}

a.dnnFormHelp,
.dnnForm .dnnFormItem a.dnnFormHelp,
.dnnTooltip label a.dnnFormHelp {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

a.dnnFormHelp {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 2px;
    width: 14px;
    height: 15px;
    background: url("../images/helpI-icn-grey.png") no-repeat left 2px;
    padding: 0 !important;
    margin: 0 !important;
}

.dnnLabel {
    display: inline-block;
    float: left;
    position: relative;
    width: 32.075%;
    padding-right: 20px;
    margin-right: 18px;
    overflow: visible;
    text-align: right;
}

.dnnFormItem>.dnnLabel {
    margin-top: 5px;
}

.dnnLabel>span {
    text-align: right;
}

.dnnForm .dnnFormItem a.dnnFormHelp span {
    position: relative;
}

.dnnForm .dnnFormItem a.dnnFormHelp img {
    display: block;
}

.dnnLabel+span {
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 6px;
    white-space: pre-line;
}

td>.dnnLabel {
    width: 220px;
}

.dnnTooltip .dnnFormHelpContent,
.dnnHelperTip .dnnFormHelpContent {
    visibility: hidden;
    z-index: 10;
    position: absolute;
    width: 200px;
    padding: 10px;
    padding-left: 30px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.75);
    font-size: 11px;
    color: #ddd;
    text-align: left;
}

.dnnFormHelpContent span {
    display: block;
    word-wrap: break-word;
}

.dnnTooltip .dnnFormHelpContent .dnnHelpText {
    word-wrap: break-word;
}

.bottomArrow:after {
    position: absolute;
    content: "";
    left: 15px;
    bottom: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
}

.topArrow:before {
    position: absolute;
    content: "";
    left: 15px;
    top: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #000;
}

a.pinHelp {
    display: block;
    position: absolute;
    left: 7px;
    top: 12px;
    width: 15px;
    height: 15px;
    opacity: 0.5;
    background: url("../images/pin-icn.png") no-repeat 0 0;
}

.ui-draggable a.pinHelp,
a.pinHelp:hover {
    opacity: 1;
}

.dnnFormItem span.dnnFormMessage.dnnFormError {
    display: block;
    position: absolute;
    overflow: visible;
    bottom: 95%;
    right: 12%;
    width: 200px;
    margin-bottom: 0;
    padding: 10px;
    border: none;
    border-radius: 3px;
    background: rgba(255, 0, 0, 0.75);
    font-size: 12px;
    color: #fff;
    text-align: left;
}

.dnnFormItem span.dnnFormMessage.dnnFormError:after {
    position: absolute;
    bottom: -7px;
    left: 15px;
    content: "";
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid red;
}

.dnnFormItem input[type="text"],
.dnnFormItem input[type="password"],
.dnnFormItem input[type="email"],
.dnnFormItem input[type="tel"],
.dnnFormItem select,
.dnnFormItem textarea {
    width: 45%;
    max-width: 445px;
}

.dnnFormItem select {
    width: 47%;
}

.dnnFormItem select option {
    color: #333;
}

.dnnFormItem table {
    background: none;
}

.dnnCheckbox {
    display: inline-block;
    cursor: pointer;
}

.dnnCheckbox .mark {
    display: inline-block;
}

.dnnCheckbox img {
    display: inline-block;
    width: 20px;
    height: 18px;
    min-width: 20px;
    vertical-align: middle;
}

.dnnCheckbox img {
    background: transparent url("../images/checkbox.png") no-repeat;
}

.dnnCheckbox img {
    background-position: 0px 0px;
}

.dnnCheckbox-hover img {
    background-position: 0px 0px;
}

.dnnCheckbox-checked img {
    background-position: -51px 0px;
}

.dnnCheckbox-disabled {
    cursor: not-allowed;
}

.dnnCheckbox-disabled img {
    opacity: .5;
}

.dnnCheckbox-checked-error img {
    background-position: -150px 0px;
}

.dnnCheckbox-error img {
    background-position: -100px 0px;
}

.dnnCheckbox-focus {
    background-color: #e3e3e5;
}

.dnnBoxLabel {
    display: inline-block;
}

.dnnFormItem input[type="checkbox"].normalCheckBox {
    display: inline-block;
    margin: 8px 0 4px 0;
}

.dnnRadiobutton {
    display: inline-block;
    cursor: pointer;
}

.dnnRadiobutton .mark {
    display: inline-block;
}

.dnnRadiobutton img {
    width: 20px;
    height: 18px;
    min-width: 20px;
    vertical-align: middle;
}

.dnnRadiobutton img {
    background: transparent url("../images/radiobutton.png") no-repeat;
}

.dnnRadiobutton img {
    background-position: 0px 0px;
}

.dnnRadiobutton-hover img {
    background-position: 0px 0px;
}

.dnnRadiobutton-checked img {
    background-position: -50px 0px;
}

.dnnRadiobutton-disabled img {
    opacity: .5;
}

.dnnRadiobutton-checked-error img {
    background-position: -150px 0px;
}

.dnnRadiobutton-error img {
    background-position: -100px 0px;
}

.dnnRadiobutton-focus {
    background-color: #e3e3e5;
}

div.dnnFormRadioButtons,
div.dnnHSRadioButtons,
span.dnnFormRadioButtons,
span.dnnHSRadioButtons {
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #f0f0f0;
}

table.dnnFormRadioButtons {
    background-color: #f0f0f0;
    margin-bottom: 5px;
}

.RadComboBox_Default .rcbInput {
    width: 100% !important;
}

div.dnnFormGroup {
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #f0f0f0;
    width: 65%;
}

.dnnSpinner {
    display: inline-block;
    position: relative;
    width: 150px;
    padding: 6px 6px;
    *overflow: visible;
    border: 1px solid #c9c9c9;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f0f2f1));
    background: -webkit-linear-gradient(top, #fff 0%, #f0f2f1 100%);
    background: linear-gradient(top, #fff 0%, #f0f2f1 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 0px 0px #bbb;
    box-shadow: 0px 1px 0px 0px #bbb;
}

.dnnFormItem .dnnSpinner {
    width: 45%;
    margin-bottom: 18px;
}

.dnnSpinnerDisplay {
    margin: 0 25px 0 8px;
    background: transparent;
    color: #999;
}

.dnnFormItem .dnnSpinnerDisplay>input[type="text"],
.dnnFormItem .dnnSpinnerDisplay>input[type="text"]:focus {
    border: none;
    margin: 0;
    box-shadow: none;
    padding: 0;
    background: transparent;
}

.dnnSpinnerCtrl {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    background-color: transparent;
    border-left: 1px solid #c9c9c9;
}

.dnnSpinnerCtrl>a.dnnSpinnerTopButton {
    display: block;
    width: 25px;
    height: 16px;
    background: transparent url("../images/dnnSpinnerUpArrow.png") no-repeat;
    background-position: center;
    cursor: pointer;
}

.dnnSpinnerCtrl>a.dnnSpinnerBotButton {
    display: block;
    width: 25px;
    height: 16px;
    background: transparent url("../images/dnnSpinnerDownArrow.png") no-repeat;
    background-position: center;
    cursor: pointer;
}

div.dnnTagsInput {
    display: inline-block;
    margin: 0;
    padding: 5px 0 0 5px;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.dnnFormItem .dnnTagsInput {
    width: 45%;
}

div.dnnTagsInput span.tag {
    display: block;
    float: left;
    padding: 2px 6px 2px 6px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px;
    text-decoration: none;
    color: #888;
    cursor: pointer;
    background-color: #eee;
    word-break: break-word;
}

div.dnnTagsInput span.tag:hover {
    background-color: #e8f1fa;
    color: #444;
}

div.dnnTagsInput span.tag a {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 6px 0 0 0;
    background: transparent url("../images/dnnTagClose.png") no-repeat;
    background-position: center;
}

div.dnnTagsInput>div>input,
div.dnnTagsInput>div>input:focus {
    border: none;
    background: transparent;
    outline: none;
    font-weight: normal;
    font-family: helvetica;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    height: 19px;
    padding: 3px 0 3px 3px;
    margin-bottom: 5px;
}

div.dnnTagsInput>div>input::-ms-clear {
    display: none;
}

div.dnnTagsInput div {
    display: block;
    float: left;
}

div.dnnTagsInput div.dnnTags_filter {
    float: right;
    position: relative;
    margin: 0 0 5px 5px;
}

div.dnnTagsInput div.dnnTags_filter>.dnnTags_filter_label {
    display: inline-block;
    border-left: 1px solid #ccc;
    padding: 3px 15px 0 10px;
    margin-right: 3px;
    color: #999;
    cursor: pointer;
    background: url("../images/dnnSpinnerDownArrow.png") no-repeat;
    background-position: right center;
    height: 22px;
}

div.dnnTagsInput div.dnnTags_filter>.dnnTags_filter_label.dnnExpanded {
    color: #666;
    background: url("../images/dnnSpinnerUpArrow.png") no-repeat;
    background-position: right center;
}

div.dnnTagsInput div.dnnTags_filter>ul.dnnTags_filter_dropdownUl {
    display: none;
    position: absolute;
    list-style-type: none;
    background: #fff;
    border: 1px solid #c9c9c9;
    right: 22px;
    top: 28px;
    margin: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 0px 0px #bbb;
    box-shadow: 0px 2px 0px 0px #bbb;
    z-index: 15;
}

.dnnTagsInput div.dnnTags_filter>ul.dnnTags_filter_dropdownUl>li {
    white-space: nowrap;
    padding: 6px 12px 6px 8px;
    border-top: 1px solid #c9c9c9;
    list-style: none;
    color: #666;
    min-width: 150px;
}

.dnnTagsInput div.dnnTags_filter>ul.dnnTags_filter_dropdownUl>li:first-child {
    border-top: none;
}

.dnnTagsInput div.dnnTags_filter>ul.dnnTags_filter_dropdownUl>li:hover {
    background-color: #e8f1fa;
    color: #333;
}

.dnnTagsInput div.dnnTags_filter>ul.dnnTags_filter_dropdownUl>li>input {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    cursor: pointer;
}

.dnnTagsInput div.dnnTags_filter>ul.dnnTags_filter_dropdownUl>li>span.dnnCheckbox {
    margin-right: 8px;
}

.dnnTagsInput div.dnnTags_filter>ul.dnnTags_filter_dropdownUl>li>label {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

div.dnnTagsInput div.dnnTags_filter a.dnnSearchButton {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("../images/searchButton.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: top;
    cursor: pointer;
    margin: 4px 5px 0 4px;
}

.dnnTagsClear {
    clear: both;
    width: 100%;
    height: 0px;
}

div.dnnTagsInput>div>input.dnnTagsInvalid {
    display: block;
    float: left;
    margin-right: 5px;
    border: none;
    outline: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FBD8DB;
    cursor: pointer;
    font-size: 12px;
    color: #90111A !important;
    text-decoration: none;
}

.dnn_acResults {
    padding: 0px;
    border: 1px solid #c9c9c9;
    background-color: #fff;
    overflow: hidden;
    z-index: 900001;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 0px 2px 0px 0px #bbb;
    box-shadow: 0px 2px 0px 0px #bbb;
    min-width: 150px;
}

.dnn_acResults ul {
    margin: 0px;
    padding: 0px;
    list-style-position: outside;
    list-style: none;
}

.dnn_acResults ul li {
    margin: 0px;
    padding: 6px 22px 6px 22px;
    border-top: 1px solid #c9c9c9;
    color: #666;
    cursor: pointer;
    display: block;
    overflow: hidden;
    color: #333;
}

.dnn_acResults ul li:first-child {
    border-top: none;
}

.dnn_acLoading {}

.dnn_acSelect {
    background-color: #e8f1fa;
    color: #333;
}

.dnnFormMessage .dnnLabel {
    float: none;
    width: 90%;
    text-align: left;
}

.dnnFormSectionHead span {
    font-size: 18px;
    color: #222;
}

.dnnProgressbar {
    height: 25px !important;
    padding: 18px 10px 0 10px;
    border: 1px solid #c9c9c9;
    background: #fff;
    background: -moz-linear-gradient(top, #f0f2f1 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f2f1), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f0f2f1 0%, #fff 100%);
    background: linear-gradient(top, #f0f2f1 0%, #fff 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25), 0px 1px 0px 0px #fff;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25), 0px 1px 0px 0px #fff;
}

.ui-progressbar {
    height: 10px !important;
    overflow: hidden;
    background-color: #ccc;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bbb;
    box-shadow: inset 0px 1px 0px 0px #bbb;
    text-align: left;
}

.ui-progressbar .ui-progressbar-value {
    margin: 0;
    height: 100%;
    background-color: #1a82f7;
    background: -moz-linear-gradient(left, #2b7fda 0%, #3fbdff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2b7fda), color-stop(100%, #3fbdff));
    background: -webkit-linear-gradient(left, #2b7fda 0%, #3fbdff 100%);
    background: linear-gradient(left, #2b7fda 0%, #3fbdff 100%);
}

.dnnDropdownSettings {
    position: relative;
    height: 30px !important;
}

.dnnButtonDropdown {
    width: 50px;
    height: 30px !important;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f0f2f1));
    background: -webkit-linear-gradient(top, #fff 0%, #f0f2f1 100%);
    background: linear-gradient(top, #fff 0%, #f0f2f1 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px #bbb;
    box-shadow: 0px 1px 0px 0px #bbb;
    border: 1px solid #c9c9c9;
    cursor: pointer;
}

.dnnButtonIcon,
.dnnButtonArrow {
    display: inline-block;
    height: 30px !important;
}

.dnnButtonIcon {
    width: 32px;
}

.dnnButtonArrow {
    width: 10px;
    background: transparent url("../images/dnnSpinnerDownArrow.png") no-repeat center;
}

.dnnButtonDropdown-clicked {
    z-index: 100;
    position: absolute;
    width: 50px;
    height: 30px !important;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-bottom: 1px solid #fff;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.dnnButtonDropdown-ul {
    display: none;
    position: absolute;
    z-index: 99;
    top: 29px;
    left: 0;
    width: 200px;
    margin-left: 0;
    background: #fff;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 0px 0px #bbb;
    box-shadow: 0px 2px 0px 0px #bbb;
    list-style-type: none;
}

.dnnButtonDropdown-ul>li,
.dnnButtonDropdown-ul>ul>li {
    padding: 8px;
    border-bottom: 1px solid #c9c9c9;
    color: #333;
    cursor: pointer;
    vertical-align: middle;
    list-style: none;
    margin: 0;
}

.dnnButtonDropdown-ul>ul {
    margin: 0;
}

.dnnButtonDropdown-ul>ul>li {
    padding-left: 16px;
}

.dnnButtonDropdown-ul>li:last-child {
    border-bottom: none !important;
}

.dnnButtonDropdown-ul>li:hover {
    background-color: #e8f1fa;
    color: #000;
}

ul.dnnButtonGroup {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f0f2f1));
    background: -webkit-linear-gradient(top, #fff 0%, #f0f2f1 100%);
    background: linear-gradient(top, #fff 0%, #f0f2f1 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px #bbb;
    box-shadow: 0px 1px 0px 0px #bbb;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    list-style: none;
}

ul.dnnButtonGroup>li {
    display: block;
    float: left;
    border-left: 1px solid #c9c9c9;
    margin: 0;
}

ul.dnnButtonGroup>li:hover {
    background-color: #e8f1fa;
}

ul.dnnButtonGroup>li.dnnButtonGroup-first {
    display: none;
}

ul.dnnButtonGroup>li.dnnButtonGroup-first+li {
    border-left: none;
}

ul.dnnButtonGroup>li>a {
    display: inline-block;
    padding: 7px 7px 6px 7px;
    text-decoration: none;
    color: #333;
}

ul.dnnButtonGroup span {
    color: #333;
}

.dnnFormItem .dnnInputGroup {
    float: left;
    display: block;
    width: 32.075%;
    padding: 5px;
    margin-bottom: 18px;
    background: rgba(0, 0, 0, 0.05);
}

.dnnFormItem .dnnInputGroup .dnnLeft {
    width: 100%;
}

.dnnFormItem .dnnInputGroup span {
    display: inline-block;
    width: 33%;
    text-align: right;
}

.dnnFormError label a span {
    color: red;
}

.dnnFormError input[type="text"],
.dnnFormError input[type="password"],
.dnnFormError input[type="email"],
.dnnFormError input[type="tel"],
.dnnFormError select,
.dnnFormError textarea {
    border: 1px solid red;
}

.dnnFormItem input[type="text"]+.dnnTertiaryAction,
.dnnFormItem input[type="password"]+.dnnTertiaryAction,
.dnnFormItem input[type="email"]+.dnnTertiaryAction,
.dnnFormItem input[type="tel"]+.dnnTertiaryAction,
.dnnFormItem select+.dnnTertiaryAction {
    display: inline-block;
    max-width: 60px;
}

.dnnForm fieldset.dnnFormInformation {
    float: left;
    width: 32.075%;
    margin-left: 16px;
    padding: 18px 0;
    background: rgba(0, 0, 0, 0.05);
}

.dnnFormItem textarea {
    min-height: 80px;
}

.dnnAddress input[type="checkbox"] {
    margin: 0 5px;
}

.dnnFormRadioButtons {
    float: left;
    display: block;
    width: auto;
}

.dnnFormRadioButtons input[type=radio] {
    float: none;
}

.dnnFormRadioButtons label,
.dnnFormItem input[type=radio]+label {
    float: none;
    display: inline;
    width: auto;
    padding-right: 0;
    margin: 0 10px 0 0;
    text-align: left;
    font-weight: normal;
}

.dnnTextEditor {
    margin-bottom: 18px;
}

.dnnActions {
    float: none;
    clear: both;
    display: block;
    margin: 0;
    padding-top: 18px;
    text-align: left;
}

.dnnActions li {
    float: left;
    margin-right: 5px;
    list-style: none;
}

.dnnLoginActions {
    display: inline-block;
}

.dnnForm.dnnShortForm .dnnFormItem label {
    float: none;
    width: 100%;
    margin-bottom: 0.25em;
    text-align: left;
}

.dnnForm.dnnShortForm .dnnFormItem input,
.dnnForm.dnnShortForm .dnnFormItem select,
.dnnForm.dnnShortForm .dnnFormItem textarea {
    float: none;
    text-align: left;
}

.dnnForm.dnnShortForm .dnnFormItem a.dnnFormHelp {
    background-position: left;
    padding-left: 22px;
}

.dnnForm .ui-helper-hidden {
    display: none;
}

.dnnForm .ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
}

.dnnForm .ui-state-highlight,
.dnnForm .ui-widget-content .ui-state-highlight,
.dnnForm .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c;
    color: #363636;
}

.dnnForm .ui-state-highlight a,
.dnnForm .ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.dnnForm .ui-state-error,
.dnnForm .ui-widget-content .ui-state-error,
.dnnForm .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900;
    color: #ffffff;
}

.dnnForm .ui-state-error a,
.dnnForm .ui-widget-content .ui-state-error a,
.dnnForm .ui-widget-header .ui-state-error a {
    color: #ffffff;
}

.dnnForm .ui-state-error-text,
.dnnForm .ui-widget-content .ui-state-error-text,
.dnnForm .ui-widget-header .ui-state-error-text {
    color: #ffffff;
}

.dnnForm .ui-priority-primary,
.dnnForm .ui-widget-content .ui-priority-primary,
.dnnForm .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.dnnForm .ui-priority-secondary,
.dnnForm .ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.dnnForm .ui-state-disabled,
.dnnForm .ui-widget-content .ui-state-disabled,
.dnnForm .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.dnnForm .ui-draggable {
    cursor: move;
}

.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-left,
.dnnForm .ui-corner-tl {
    border-radius: 4px;
}

.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-right,
.dnnForm .ui-corner-tr {
    border-radius: 4px;
}

.ModuleTitle_MenuContainer {
    border: 1px solid blue;
}

.ModuleTitle_MenuBar {}

.ModuleTitle_MenuItem {}

.ModuleTitle_MenuIcon {}

.ModuleTitle_SubMenu {}

.ModuleTitle_MenuBreak {}

.ModuleTitle_MenuItemSel {}

.ModuleTitle_MenuArrow {}

.ModuleTitle_RootMenuArrow {}

.MainMenu_MenuContainer {
    border: 1px solid green;
}

.MainMenu_MenuBar {}

.MainMenu_MenuItem {}

.MainMenu_MenuIcon {}

.MainMenu_SubMenu {}

.MainMenu_MenuBreak {}

.MainMenu_MenuItemSel {}

.MainMenu_MenuArrow {}

.MainMenu_RootMenuArrow {}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 9999;
}

.dnnFormPopup {
    position: absolute;
    padding: 18px;
    background: #fff;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75);
    z-index: 100000;
}

.dnnFormPopup,
.dnnFormPopup>* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.dnnFormPopup .ui-dialog-titlebar {
    position: relative;
    padding: 0 0 18px 0;
    border-bottom: 1px solid #ddd;
    cursor: move;
    font-size: 18px;
    font-weight: bold;
}

.dnnFormPopup .dnnModalCtrl {
    display: block;
    position: absolute;
    top: -30px;
    right: -30px;
    width: 69px;
    height: 26px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    box-shadow: 0px 0px 5px #666;
}

.dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
    float: right;
    display: block;
    height: 18px;
    width: 30px;
    margin: 4px 4px 0 1px;
    overflow: hidden;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border: none;
    outline: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #585858 url("../images/closeBtn.png") no-repeat;
    background-position: 8px 4px;
    text-indent: -9999em;
    min-width: 0 !important;
}

.dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover {
    background: #358EEA url("../images/closeBtn.png") no-repeat;
    background-position: 8px 4px;
    cursor: pointer;
}

.dnnFormPopup .dnnModalCtrl a.dnnToggleMax {
    float: left;
    display: block;
    height: 18px;
    width: 30px;
    margin: 4px 0 0 4px;
    overflow: hidden;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #585858 url("../images/resizeBtn.png") no-repeat;
    background-position: 10px 2px;
    text-indent: -9999em;
}

.dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover {
    background: #358EEA url("../images/resizeBtn.png") no-repeat;
    background-position: 10px 2px;
}

div.ui-dialog-titlebar>.ui-dialog-titlebar-close {
    display: block;
    position: absolute;
    top: -30px;
    right: -30px;
    height: 24px;
    width: 24px;
    margin: 0px;
    overflow: hidden;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: #585858 url("../images/closeBtn.png") no-repeat;
    background-position: 4px 4px;
    border: 3px solid #fff;
    text-indent: -9999em;
    min-width: 0 !important;
}

.dnnFormPopup #iPopUp {
    width: 100% !important;
    padding-top: 10px;
}

.dnnFormPopup .ui-dialog-content,
#iPopUp .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0px;
    overflow: auto;
    background: #fff;
    zoom: 1;
}

.dnnFormPopup .ui-dialog-buttonpane {
    margin: .5em 0 0 0;
    padding: .3em 1em 0em 0em;
    overflow: hidden;
    border-width: 1px 0 0 0;
    background-image: none;
    text-align: left;
    border-top: 1px solid #ddd;
}

.dnnFormPopup .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0em;
    padding: 0.5em 1em;
    cursor: pointer;
    border: none;
    outline: none;
}

.dnnFormPopup .ui-resizable-se {
    float: right;
    height: 24px;
    width: 24px;
    background: url("../images/modal-resize-icn.png") no-repeat bottom;
}

.dnnFormPopup .dnnDialog {
    padding: 10px;
}

.dnnLoading {
    background: #fff url("../images/loading.gif") no-repeat center center;
    position: absolute;
    z-index: 9999;
}

.dnnPanelLoading {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-opacity: 0.7;
    opacity: 0.7;
}

.urlControl label {
    width: auto;
    margin-top: 0;
    font-weight: normal;
}

.urlControlLinkType {
    width: auto;
}

.urlControlLinkType span,
.dnnFormItem .urlControlLinkType span {
    float: none;
    display: block;
    width: auto;
    text-align: left;
}

.dnnFormItem .ucLinkTypeRadioButtons label {
    display: inline-block;
    width: 260px;
    padding-right: 0;
    margin-top: 0;
    font-weight: normal;
    text-align: left;
}

.urlControlLinkType span input {
    min-width: 3%;
}

.dnnForm.dnnModuleSettings .dnnFormItem .urlControlLinkType span label {
    text-align: left;
}

.urlControlFileRow {
    clear: both;
}

.urlControlFileRow span.dnnFormLabel {
    width: auto;
    text-align: right;
}

.urlControlFileRow select,
.urlControlFileRow input[type=file] {
    clear: both;
}

.urlControlImagesRow {
    overflow: hidden;
    clear: both;
}

.urlControlImagesRow span.dnnFormLabel {
    width: auto;
    text-align: right;
}

.urlControlImagesRow select {
    clear: both;
}

.dnnWizardTab.ui-tabs {
    position: relative;
    padding: 0;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav {
    display: block;
    height: 46px;
    margin: 0;
    padding: 0;
    background: transparent url("../images/InstallWizardBG.png") repeat-x;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 0 !important;
    list-style: none;
    white-space: nowrap;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}

.dnnWizardTab.ui-tabs .ui-tabs-panel {
    clear: both;
    display: block;
    padding: 3em 1em 1.4em;
    border-width: 0;
    background: none;
}

.dnnWizardTab.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li a {
    display: block;
}

.dnnWizardStep>span {
    display: block;
    float: left;
}

.dnnWizardStep {
    height: 46px;
    padding: 0 0 0 20px;
    background: transparent url("../images/InstallWizardBG.png") repeat-x;
    background-position: 0 0;
    cursor: pointer;
}

.ui-tabs .ui-tabs-nav li:first-child .dnnWizardStep {
    padding-left: 30px;
}

.dnnWizardStepNumber {
    margin: 10px 10px 0 0;
    padding: 3px 8px 3px 8px;
    background-color: #999;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    color: #fff;
    font-weight: bold;
}

.dnnWizardStepTitle {
    margin: 13px 20px 0 0;
    color: #999;
    font-weight: bold;
    text-decoration: none;
}

.dnnWizardStepArrow {
    width: 25px;
    height: 46px;
    background: transparent url("../images/InstallWizardBG.png") no-repeat;
    background-position: 0 -401px;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStep {
    height: 46px;
    background-position: 0 -100px;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepNumber {
    background-color: #333;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepTitle {
    color: #333;
}

.dnnFormExpandContent {
    margin: 10px 0;
}

.dnnFormExpandContent>a {
    color: #333;
    font-size: 13px;
    font-weight: bold;
}

table.dnnPermissionsGrid,
table.dnnGrid,
table.dnnASPGrid {
    margin-bottom: 20px;
    border: 1px solid #c9c9c9;
}

table.dnnPermissionsGrid {
    color: #777;
}

table.dnnPermissionsGrid tr.dnnGridHeader td {
    padding: 4px 4px 4px 4px;
    vertical-align: middle;
    line-height: 120%;
    text-align: center;
}

table.dnnPermissionsGrid tr.dnnGridItem td,
table.dnnPermissionsGrid tr.dnnGridAltItem td {
    padding: 5px 4px 5px 4px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    width: 70px;
    text-align: center;
}

table.dnnPermissionsGrid tr.dnnGridItem td.permissionHeader,
table.dnnPermissionsGrid tr.dnnGridAltItem td.permissionHeader {
    border-right: 1px solid #c9c9c9;
    text-align: left;
    padding-left: 10px;
    width: 150px;
}

table.dnnPermissionsGrid tr.dnnGridHeader td.permissionHeader {
    padding-left: 10px;
    text-align: left;
}

.dnnPermissionsGrid>.dnnFormItem label {
    margin-right: 8px;
    color: #777;
}

.dnnPermissionsGrid>.dnnFormItem select {
    width: 25%;
    margin: 0 5px 5px 0;
    min-width: 180px;
    color: #777;
}

.dnnPermissionsGrid>.dnnFormItem input {
    margin-bottom: 0;
    height: 17px;
    color: #777;
    width: 25%;
}

.dnnPermissionsGrid>.dnnFormItem ul.token-input-list-facebook {
    display: inline-block;
    vertical-align: top;
}

.dnnPermissionsGrid>.dnnFormItem>.leftGroup {
    margin-right: 35px;
    float: left;
}

.dnnPermissionsGrid>.dnnFormItem>.rightGroup {
    float: left;
}

.dnnPermissionsGrid>.dnnFormItem>.rightGroup>.dnnSecondaryAction {
    position: absolute;
}

.dnnPermissionsGrid>.dnnFormItem {
    margin-bottom: 18px;
    overflow: auto;
}

.dnnGridHeader td,
thead.dnnGridHeader th,
tr.dnnGridHeader th {
    padding: 6px 12px 6px 12px;
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    background: #f0f2f1;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f0f2f1));
    background: -webkit-linear-gradient(top, #fff 0%, #f0f2f1 100%);
    background: linear-gradient(top, #fff 0%, #f0f2f1 100%);
}

.dnnGridItem td,
.dnnGridAltItem td {
    padding: 6px;
    border-right: 1px solid #c9c9c9;
}

.dnnGridItem td input,
.dnnGridAltItem td input {
    margin-bottom: none;
}

.dnnGridAltItem {
    background: #F2F2F2;
}

.dnnGridItem:hover,
.dnnGridAltItem:hover {
    background-color: #e8f1fa;
}

.urlControl {
    float: left;
    display: block;
    padding: 15px;
    margin-bottom: 10px;
    background-color: #f0f0f0;
}

.urlControl select,
.urlControl input {
    width: 180px;
    margin-bottom: 10px;
}

.urlControl dnnFormItem>a.dnnSecondaryAction {
    margin: 10px 10px 0 0;
    float: left;
}

.urlControl .urlControlLinkType {
    float: left;
    width: 100%;
}

.urlControl .urlControlLinkType .dnnFormLabel {
    float: left;
    width: auto;
    margin-right: 5px;
}

.urlControl .urlControlLinkType input[type="radio"] {
    width: auto;
    margin-right: 5px;
}

span[id$="FileControl"] {
    display: block;
    float: left;
}

.dnnFilePicker {
    display: block;
    float: left;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0 15px 0 15px;
    width: 450px;
}

.dnnFilePicker .dnnLeft {
    margin: 0;
    padding: 0;
    margin-top: -30px;
}

.dnnFilePicker dnnFormItem {
    margin: 0;
    margin-top: -10px;
    padding: 0;
    position: static;
}

.dnnFilePicker .dnnLeft img {
    max-width: 135px;
    max-height: 100px;
}

.dnnFilePicker .dnnLeft .dnnFilePickerImageHolder {
    width: 135px;
    height: 100px;
    background-color: #ccc;
    margin: 20px 15px;
}

.dnnFilePicker .dnnFormItem span {
    display: block;
    float: left;
    width: 40px;
    margin-top: 8px;
    padding-left: 5px;
    text-align: left;
}

.dnnFilePicker select,
.dnnFilePicker input {
    width: 200px;
    margin: 0;
    margin-right: 10px;
    float: none;
}

.dnnFilePicker .dnnLeft a.dnnSecondaryAction {
    margin: 10px 10px 0 0;
    display: inline-block;
}

.dnnFilePicker .dnnLeft img {
    display: block;
    margin: 20px 15px;
}

span.dnnInputFileWrapper>input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    direction: ltr;
    cursor: pointer;
    height: 100%;
    font-size: 200px;
}

span.dnnInputFileWrapper {
    overflow: hidden !important;
    margin: 0px 4px 0 0;
    width: auto !important;
    display: block !important;
    float: left !important;
    position: relative;
}

span.dnnInputFileWrapper>span.dnnSecondaryAction {
    display: inline-block;
    float: none;
    width: auto;
}

.dnnFileUploadScope {
    display: block;
    float: left;
    background-color: #F0F0F0;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0;
    width: 500px;
}

.dnnFileUploadScope .dnnLeft {
    margin: 0;
    padding: 15px 10px 15px 10px;
}

.dnnFileUploadScope .dnnLeft .dnnFormItem {
    margin-bottom: 10px;
}

.dnnFileUploadScope .dnnFormItem span,
.urlControlTab .dnnFormItem>span {
    display: block;
    float: left;
    width: 40px;
    margin-top: 8px;
    padding-left: 5px;
    text-align: left;
}

.dnnFileUploadScope .dnnFormItem .dnnDropDownList span {
    margin: 0;
    width: auto;
}

.dnnFileUploadScope .dnnFormItem .RadComboBox_Default,
.dnnFileUploadScope .dnnFormItem .dnnDropDownList {
    width: 180px;
    margin: 0;
    float: none;
}

.dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone {
    position: relative;
    margin: 0;
    width: 180px;
    height: 150px;
    background: #d9eeff;
    border: 1px dashed #bbb;
    box-shadow: 0px 1px 0px #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #4577a2;
}

.dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone span {
    display: block;
    position: absolute;
    left: 38px;
    top: 60px;
    color: #fff;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 7px;
    border-radius: 3px;
    box-shadow: 0px 1px 0px #fff, inset 1px 1px 0px #555;
    opacity: 0.5;
    cursor: default;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone:hover span {
    opacity: 1;
}

input.dnnFixedSizeComboBox {
    width: 200px !important;
    margin-right: 10px;
    float: left;
}

div.dnnFixedSizeComboBox {
    width: 218px !important;
    margin-right: 15px;
    float: left;
}

.dnnFixedSizeComboBox+a.dnnSecondaryAction {
    float: left;
    margin-right: 10px;
}

input.dnnSmallSizeComboBox {
    width: 100px !important;
    margin-right: 10px;
    float: left;
}

div.dnnSmallSizeComboBox {
    width: 118px !important;
    margin-right: 15px;
    float: left;
}

.dnnSmallSizeComboBox+a.dnnSecondaryAction {
    float: left;
    margin-right: 10px;
}

td.dnnGridHeaderTD-NoBorder {
    border-right: none !important;
}

tr.dnnGridItem td,
tr.dnnGridAltItem td {
    border-right: none;
}

tr.dnnGridItem td input {
    margin-bottom: 0;
}

h2.dnnFormSectionHead {
    margin-top: 8px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ddd;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.03em;
}

h2.dnnFormSectionHead a {
    display: block;
    padding-left: 3px;
    background: url("../images/down-icn.png") no-repeat right 50%;
    text-decoration: none;
    color: #333;
    font-size: 18px;
    letter-spacing: normal;
    font-weight: normal;
}

h2.dnnFormSectionHead a:hover {
    color: #222;
    background: rgba(2, 139, 255, 0.05) url("../images/down-icn.png") no-repeat right 50%;
}

h2.dnnFormSectionHead a.dnnSectionExpanded {
    background: url("../images/up-icn.png") no-repeat right 50%;
    color: #222;
}

h2.dnnFormSectionHead a.dnnSectionExpanded:hover {
    color: #222;
    background: rgba(2, 139, 255, 0.05) url("../images/up-icn.png") no-repeat right 50%;
}

.dnnVerticalTabs {
    margin-left: 0;
}

.dnnVerticalTabs li {
    list-style: none;
}

.dnnVerticalTabs li a {
    display: block;
    padding: 15px 15px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: rgba(0, 0, 0, 0.04);
    color: #999;
    text-decoration: none;
}

.dnnVerticalTabs li a:hover {
    background: rgba(0, 0, 0, 0.06);
    color: #333;
}

.dnnVerticalTabs li.active a {
    background: none;
    color: #333;
    border-right: 1px solid transparent;
}

.tabBody {
    display: none;
}

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 100%;
    background: #ccc;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 11px;
    background: #ccc;
}

.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: transparent;
    position: relative;
}

.jspVerticalBar .jspTrack {
    width: 10px;
    margin: 0 0 0 3px;
}

.jspHorizontalBar .jspTrack {
    height: 5px;
    margin: 3px 0 3px 0;
}

.jspVerticalBar .jspCap {
    display: block;
    height: 3px;
    width: 11px;
}

.jspHorizontalBar .jspCap {
    display: block;
    width: 3px;
    height: 11px;
}

.jspDrag {
    position: relative;
    top: 0;
    left: 0;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    opacity: .75;
    background: #000;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 5px;
}

div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons label {
    display: inline !important;
}

div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons span.dnnRadiobutton {
    display: inline !important;
}

div.ModDNNAnnouncementsC .urlControl label,
div.ModDNNLinksC .urlControl label {
    display: inline !important;
}

div.ModDNNFAQsC .Normal {
    width: auto !important;
}

div.ModDNNFeedbackC .dnnFormItem>label {
    display: inline-block;
    width: 33%;
    text-align: right;
}

div.ModDNNUserDefinedTableC div.RadEditor {
    height: auto !important;
}

div.ModDNNUserDefinedTableC ul.dnnActions {
    display: block;
}

div.ModDNNIFrameC .urlControl span.dnnRadiobutton {
    display: inline !important;
}

div.ModDNNIFrameC table.Normal td .dnnLabel {
    width: 100px;
}

div.ModDNNIFrameC table.Normal td span.dnnRadiobutton {
    margin: 5px 0 0 30px;
}

div.ModDNNLinksC .urlControl span.dnnRadiobutton {
    display: inline !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.dnnLeft {
    float: left;
}

.dnnRight {
    float: right;
}

.dnnClear {
    clear: both;
}

.dnnClear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

*+html .dnnClear {
    min-height: 1%;
}

.DNNAlignleft {
    text-align: left;
}

.DNNAlignright {
    text-align: right;
}

.DNNAligncenter {
    text-align: center;
}

body:not(.dnnEditState) .DNNEmptyPane {
    width: 0px;
}

.Hidden {
    display: none;
}

.wordwrap {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.eipbackimg {
    position: absolute;
    margin-top: -32px;
    white-space: nowrap;
    background: url("../images/eip_toolbar.png") repeat-x;
    height: 32px;
    z-index: 1;
}

.eipbackimg.editMode {
    border: 1px solid #777777 !important;
    background: -moz-linear-gradient(top, #303030 0%, #191919 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #191919)) !important;
    background: -webkit-linear-gradient(top, #303030 0%, #191919 100%) !important;
    background: -o-linear-gradient(top, #303030 0%, #191919 100%) !important;
    background: -ms-linear-gradient(top, #303030 0%, #191919 100%) !important;
    background: linear-gradient(to bottom, #303030 0%, #191919 100%) !important;
    opacity: 0.8;
}

.eipbackimg.containerTitle {
    margin-top: -8px;
}

.eipbackimg.containerTitle.editMode {
    left: auto;
    right: 0px;
    margin-top: 2px;
    background: none !important;
    border: none !important;
}

.eipbuttonbackimg {
    width: 32px;
    height: 32px;
    cursor: pointer;
    float: left;
    background: url("../images/eip_toolbar.png") no-repeat;
}

.eipbackimg.editMode .eipbuttonbackimg {
    border-left: 1px solid #1f1f1f;
    border-right: 1px solid #393939;
    opacity: 0.5;
}

.eipbackimg.editMode.containerTitle .eipbuttonbackimg {
    border: none;
    opacity: 1;
}

.eipbuttonbackimg.eipbutton_cancel {
    background-position: -32px 0;
}

.eipbuttonbackimg.eipbutton_bold {
    background-position: -64px 0;
}

.eipbuttonbackimg.eipbutton_italic {
    background-position: -96px 0;
}

.eipbuttonbackimg.eipbutton_underline {
    background-position: -128px 0;
}

.eipbuttonbackimg.eipbutton_justifyleft {
    background-position: -160px 0;
}

.eipbuttonbackimg.eipbutton_justifycenter {
    background-position: -192px 0;
}

.eipbuttonbackimg.eipbutton_justifyright {
    background-position: -224px 0;
}

.eipbuttonbackimg.eipbutton_orderedlist {
    background-position: -256px 0;
}

.eipbuttonbackimg.eipbutton_unorderedlist {
    background-position: -288px 0;
}

.eipbuttonbackimg.eipbutton_outdent {
    background-position: -320px 0;
}

.eipbuttonbackimg.eipbutton_indent {
    background-position: -352px 0;
}

.eipbuttonbackimg.eipbutton_createlink {
    background-position: -384px 0;
}

.eipbackimg.containerTitle .eipbutton_cancel {
    background: url("../images/eip_title_cancel.png") no-repeat center center;
}

.eipbutton_edit {
    background: url("../images/eip_edit.png") no-repeat 100% center;
    float: left;
}

.eipbutton_save {
    background: url("../images/eip_save.png") no-repeat 100% center;
    float: left;
}

.eipbackimg.containerTitle .eipbutton_save {
    background-image: url("../images/eip_title_save.png");
}

.eipbackimg.editMode .eipborderhover {
    background-color: #333;
    opacity: 1;
}

.eipbackimg.editMode.containerTitle .eipborderhover {
    background-color: inherit;
}

div[id$=titleLabel_tb].visible~span {
    margin-left: 32px;
}

div.errorWin p {
    margin: 0 0 10px 0;
}

input[type="button"].rspCollapseBarSpacer {
    min-width: 0;
    padding: 0 0;
}

.UserProfileControls ul li {
    list-style-type: none;
}

.console.profile {
    width: 100% !important;
    height: auto;
    background-color: #484848;
}

.console.profile .console-none div {
    cursor: pointer;
    cursor: hand;
    float: left;
    height: auto;
    width: 100% !important;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.console.profile .console-none h3 {
    padding: 10px 8px 10px 40px;
    margin: 0;
    border-bottom: solid 1px #fff;
    background: url("/Resources/images/arrow-right-white.png") 18px center no-repeat;
    color: #eee;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
}

.console.profile .console-none div div {
    display: none;
}

.console.profile .console-mouseon {
    background-color: #70b1c7;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView {
    margin: 0;
    padding: 0;
    width: 100%;
    height: inherit !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage {
    margin: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px 0 10px 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage.dnnFormValidationSummary {
    padding: 10px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .LoginPanel,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSendPasswordContent,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm {
    width: 100%;
    padding: 18px 0 0 0;
    margin: 0;
    float: none;
    min-width: inherit !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm {
    width: 100%;
    margin: 0;
    float: none;
    min-width: inherit !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem>.dnnLabel {
    display: block;
    text-align: left;
    float: none;
    width: 100% !important;
    font-size: 14px;
    margin: 0 0 7px 0;
    vertical-align: top;
    padding: 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSocialRegistration {
    display: none;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnCaptcha {
    width: 100%;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnLeft img {
    display: block;
    margin: 0 0 5px 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem>.dnnLabel a.dnnFormHelp {
    display: none !important;
    width: 0 !important;
    margin: 0 !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem>.dnnLabel div.dnnTooltip {
    display: none !important;
    width: 0 !important;
    position: static !important;
    right: 0 !important;
    margin: 0 !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem input[type="text"],
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem>input[type="password"] {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100% !important;
    margin-bottom: 18px;
    min-width: 100% !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem>span#dnn_ctr_Login_Login_DNN_lblLogin {
    display: none !important;
    width: 0;
    margin: 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem span.dnnFormMessage.dnnFormError {
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    right: 0;
    width: auto;
    max-width: 100%;
    padding: 10px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnPrimaryAction,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnSecondaryAction {
    width: 45%;
    padding: 18px 0 18px 0;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginRememberMe {
    display: block;
    float: left;
    margin: 10px 0 0 5px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginActions {
    display: block;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnSecondaryAction,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnPrimaryAction {
    width: 100%;
    padding: 18px 0 18px 0;
    display: block;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions {
    padding: 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions li {
    width: 45%;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .password-strength-container {
    width: 100%;
    margin: 0 0 12px 0;
    padding: 8px 0 8px 0;
    display: block;
    max-width: inherit !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container input[type="password"] {
    display: block;
    margin: 0 8px 0 8px;
    width: calc(100% - 20px);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container span.min-length-text {
    display: block;
    margin: 5px 0 5px 8px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container div.meter {
    float: none;
    width: 90%;
    margin: 0 0 0 8px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem input.unmatched {
    background: none !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-tooltip,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .confirm-password-tooltip {
    display: none !important;
}

.mobileView .dnnFormPopup .ui-dialog-content,
.mobileVie #iPopUp .ui-dialog-content {
    max-height: none !important;
}

.mobileView .ui-widget-overlay {
    display: none;
}

.dnnFormPopup.dnnFormPopupMobileView {
    width: auto !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    box-shadow: none !important;
}

.dnnFormPopup.dnnFormPopupMobileView div.ui-dialog-titlebar>.ui-dialog-titlebar-close {
    display: none;
}

.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-titlebar {
    border-bottom: none;
    cursor: inherit;
    font-size: 22px;
    color: #000;
    padding: 5px 0 0 0;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem>.dnnLabel {
    display: block;
    text-align: left;
    float: none;
    width: auto !important;
    font-size: 14px;
    margin: 0 0 7px 0;
    vertical-align: top;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem>input[type="text"] {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem>textarea,
.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem>.redactor_box {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem>select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem>.dnnTagsInput {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 18px;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem>.dnnLabel>input[type="checkbox"].normalCheckBox {
    display: inline-block;
    margin: 0 5px 0 12px;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem span.dnnFormMessage.dnnFormError {
    right: 0;
    width: auto;
    border-radius: 0;
    text-align: right;
    max-width: 100%;
}

.dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction {
    width: 49%;
    margin: 0;
    padding: 20px 0 20px 0;
    display: block;
}

.dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction {
    float: left;
}

.dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction {
    float: right;
}

.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane {
    border-top: none;
}

.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnSecondaryAction {
    width: 24%;
    display: inline-block;
    margin-right: 1%;
    float: none;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 25px 0 15px 0;
}

html.mobileView {
    overflow: auto !important;
}

.mobileView .dnnFormPopup .ui-dialog-content,
.mobileView #iPopUp .ui-dialog-content {
    max-height: none !important;
}

.dnnPlaceholder {
    color: #666;
}

div.dnnSliderInput {
    position: relative;
    display: inline-block;
    width: 47%;
    margin: 15px 0 23px 0;
    max-width: 445px;
    border: 1px solid #d3d3d3;
    -ms-border-radius: 3px;
    border-radius: 3px;
    height: 10px;
}

div.dnnSliderInput .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 14px;
    height: 14px;
    cursor: default;
    border: 1px solid #aaaaaa;
    background-color: #cccccc;
    font-weight: normal;
    color: #555555;
    outline: none;
    top: -2px;
    margin-left: -7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.dnnSliderInput .dnnTooltip {
    top: -37px;
    margin-left: -22px;
}

div.dnnSliderInput .dnnTooltip .dnnFormHelpContent {
    visibility: visible;
    padding: 4px 10px;
    width: 25px;
    text-align: center;
    z-index: 1;
}

#dnnMenu .dropdown-menu {
    word-wrap: break-word;
}

.Normal {
    font-size: 14px;
    line-height: 1.428;
}

.SkinLink {
    margin-top: 15px;
    text-align: center;
}

.navbar {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.carousel-inner>.active.left {
    float: none;
}

.carousel-caption h1 {
    color: #fff;
}

.navbar-brand {
    padding: 0 !important;
}

a.btn-info,
a.btn-info:visited,
a.btn-primary,
a.btn-primary:visited {
    color: #fff;
}

.searchBox {
    padding: 15px 15px 0 15px;
    width: 240px;
}

.searchBox .searchText {
    color: #000;
    float: right;
}

.searchSkinObjectPreview_group {
    display: none;
}

ul.dnnAdminTabNav {
    height: 40px;
    border-radius: 0 !important;
}

.dnnActions {
    display: inline-block;
}

.dnnActions li {
    margin-right: 5px;
    list-style: none;
    float: left;
}

.form-group .dnnLabel {
    text-align: left;
    width: auto;
}

.dnnLabel+span {
    white-space: normal;
}

.dropdown-menu .dropdown-menu {
    margin-left: 160px;
}

#ControlBar,
#ControlBar:before,
#ControlBar:after,
#ControlBar *:before,
#ControlBar *:after,
#ControlBar li,
#ControlBar li:before,
#ControlBar li:after,
#ControlBar a,
#ControlBar a:before,
#ControlBar a:after,
.dnn_mact,
.dnn_mact:before,
.dnn_mact:after,
.dnn_mact *:before,
.dnn_mact *:after,
.dnn_mact li,
.dnn_mact li:before,
.dnn_mact li:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.navbar-default .navbar-nav>li>div>ul>li>a,
.navbar-default .LoginLink {
    color: #777;
}

.navbar-default .navbar-nav>li>div>a:hover,
.navbar-default .navbar-nav>li>div>a:focus,
.navbar-default .navbar-nav>li>div>ul>li>a:hover,
.navbar-default .navbar-nav>li>div>ul>li>a:focus {
    color: #ffffff;
    background-color: #178acc;
}

.navbar-right {
    height: 51px;
}

.navbar-right .registerGroup,
.navbar-right .registerGroup *,
.navbar-right .loginGroup,
.navbar-right .loginGroup * {
    display: inline;
}

.navbar-right .registerGroup,
.navbar-right .loginGroup {
    float: right;
}

.navbar-right .registerGroup li:first-child:hover {
    border-left: #222;
}

.navbar-right .registerGroup li {
    float: left;
}

.navbar-right .registerGroup .buttonGroup {
    margin-right: 0;
}

.navbar-right .registerGroup a,
.navbar-right .loginGroup a {
    display: block;
    position: relative;
    height: 50px;
    min-width: 12px;
    padding: 15px 15px 0 15px;
    vertical-align: middle;
}

.navbar-right .registerGroup a:hover,
.navbar-right .loginGroup a:hover {}

.navbar-right .registerGroup a:active,
.navbar-right .loginGroup a:active {
    text-shadow: 0 -1px 0 #ffffff;
}

.navbar-right .registerGroup a:hover,
.navbar-right .loginGroup a:hover {
    text-decoration: none;
}

.navbar-right .registerGroup a strong,
.navbar-right .loginGroup a strong {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
}

.navbar-right .userMessages a,
.navbar-right .userNotifications a {
    background-color: transparent;
}

.navbar-right .userMessages strong {
    height: 100%;
    background: url("/Portals/_default/skins/netcare-core/i/icon_message.png") no-repeat center center;
}

.navbar-right .userNotifications {}

.navbar-right .userNotifications strong {
    height: 100%;
    background: url("/Portals/_default/skins/netcare-core/i/icon_notification.png") no-repeat center center;
}

.navbar-right .registerGroup a span {
    display: inline-block;
    min-width: 7px;
    margin-right: 3px;
    text-align: center;
}

.navbar-right .registerGroup .userProfileImg a {
    min-width: 50px;
    min-height: 50px;
    padding: 0;
}

.navbar-right .registerGroup a img {
    height: 50px;
    width: 50px;
}

.navbar-right .loginGroup {}

.navbar-right .loginGroup a {}

.navbar-right .userMessages a span,
.navbar-right .userNotifications a span {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    background-color: transparent;
}

.navbar-right .userNotifications span,
.navbar-right .userMessages span {
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
    z-index: 999;
}

.navbar-right .userNotifications span {
    background: url("/Portals/_default/skins/netcare-core/i/icon_notification_active.png") no-repeat center center;
}

.navbar-right .userMessages span {
    background: url("/Portals/_default/skins/netcare-core/i/icon_message_active.png") no-repeat center center;
}

#Content,
#TopContent {
    margin-top: 10px;
}

.blueimp-gallery,
.blueimp-gallery>.slides>.slide>.slide-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-backface-visibility: hidden;
}

.blueimp-gallery>.slides>.slide>.slide-content {
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
}

.blueimp-gallery {
    position: fixed;
    z-index: 999999;
    overflow: hidden;
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    display: none;
    direction: ltr;
    -ms-touch-action: none;
    touch-action: none;
}

.blueimp-gallery-carousel {
    position: relative;
    z-index: auto;
    margin: 1em auto;
    padding-bottom: 56.25%;
    box-shadow: 0 0 10px #000;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.blueimp-gallery-display {
    display: block;
    opacity: 1;
}

.blueimp-gallery>.slides {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.blueimp-gallery-carousel>.slides {
    position: absolute;
}

.blueimp-gallery>.slides>.slide {
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.blueimp-gallery,
.blueimp-gallery>.slides>.slide>.slide-content {
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

.blueimp-gallery>.slides>.slide-loading {
    background: url("/Portals/_default/skins/netcare-core/img/loading.gif") center no-repeat;
    background-size: 64px 64px;
}

.blueimp-gallery>.slides>.slide-loading>.slide-content {
    opacity: 0;
}

.blueimp-gallery>.slides>.slide-error {
    background: url("/Portals/_default/skins/netcare-core/img/error.png") center no-repeat;
}

.blueimp-gallery>.slides>.slide-error>.slide-content {
    display: none;
}

.blueimp-gallery>.prev,
.blueimp-gallery>.next {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -23px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 2px #000;
    text-align: center;
    background: #222;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    cursor: pointer;
    display: none;
}

.blueimp-gallery>.next {
    left: auto;
    right: 15px;
}

.blueimp-gallery>.close,
.blueimp-gallery>.title {
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0 40px 0 0;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    opacity: 0.8;
    display: none;
}

.blueimp-gallery>.close {
    padding: 15px;
    right: 15px;
    left: auto;
    margin: -15px;
    font-size: 30px;
    text-decoration: none;
    cursor: pointer;
}

.blueimp-gallery>.play-pause {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 15px;
    height: 15px;
    background: url("/Portals/_default/skins/netcare-core/img/play-pause.png") 0 0 no-repeat;
    cursor: pointer;
    opacity: 0.5;
    display: none;
}

.blueimp-gallery-playing>.play-pause {
    background-position: -15px 0;
}

.blueimp-gallery>.prev:hover,
.blueimp-gallery>.next:hover,
.blueimp-gallery>.close:hover,
.blueimp-gallery>.title:hover,
.blueimp-gallery>.play-pause:hover {
    color: #fff;
    opacity: 1;
}

.blueimp-gallery-controls>.prev,
.blueimp-gallery-controls>.next,
.blueimp-gallery-controls>.close,
.blueimp-gallery-controls>.title,
.blueimp-gallery-controls>.play-pause {
    display: block;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.blueimp-gallery-single>.prev,
.blueimp-gallery-left>.prev,
.blueimp-gallery-single>.next,
.blueimp-gallery-right>.next,
.blueimp-gallery-single>.play-pause {
    display: none;
}

.blueimp-gallery>.slides>.slide>.slide-content,
.blueimp-gallery>.prev,
.blueimp-gallery>.next,
.blueimp-gallery>.close,
.blueimp-gallery>.play-pause {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body:last-child .blueimp-gallery>.slides>.slide-error {
    background-image: url("/Portals/_default/skins/netcare-core/img/error.svg");
}

body:last-child .blueimp-gallery>.play-pause {
    width: 20px;
    height: 20px;
    background-size: 40px 20px;
    background-image: url("/Portals/_default/skins/netcare-core/img/play-pause.svg");
}

body:last-child .blueimp-gallery-playing>.play-pause {
    background-position: -20px 0;
}

*+html .blueimp-gallery>.slides>.slide {
    min-height: 300px;
}

*+html .blueimp-gallery>.slides>.slide>.slide-content {
    position: relative;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    margin: 0 auto;
    width: 100%;
}

.dnnDropDownList .selected-item,
.dnnDropDownList .selected-item a {
    height: 35px !important;
}

.dnnCheckbox .mark,
.dnnRadiobutton .mark {
    background: none;
}

.SearchBannerWrapper .words .big-heading {
    font-family: Open Sans Light;
    font-style: normal;
    font-weight: 300;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: -.03em;
    color: #1d3443;
}

@charset "UTF-8";

/*!
 * Material Design for Bootstrap 4
 * Version: MDB FREE 4.8.7
 *
 *
 * Copyright: Material Design for Bootstrap
 * https://mdbootstrap.com/
 *
 * Read the license: https://mdbootstrap.com/general/license/
 *
 *
 * Documentation: https://mdbootstrap.com/
 *
 * Getting started: https://mdbootstrap.com/docs/jquery/getting-started/download/
 *
 * Tutorials: https://mdbootstrap.com/education/bootstrap/
 *
 * Templates: https://mdbootstrap.com/templates/
 *
 * Support: https://mdbootstrap.com/support/
 *
 * Contact: office@mdbootstrap.com
 *
 * Attribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js
 *
 */
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300
}

.view,
.view .mask,
.waves-effect {
    overflow: hidden
}

.flip,
.flipInX {
    -webkit-backface-visibility: visible
}

.divider-new,
.navbar .nav-flex-icons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.waves-input-wrapper,
table.table.btn-table td {
    vertical-align: middle
}

.mdb-color.lighten-5 {
    background-color: #d0d6e2 !important
}

.mdb-color.lighten-4 {
    background-color: #b1bace !important
}

.mdb-color.lighten-3 {
    background-color: #929fba !important
}

.mdb-color.lighten-2 {
    background-color: #7283a7 !important
}

.mdb-color.lighten-1 {
    background-color: #59698d !important
}

.mdb-color {
    background-color: #45526e !important
}

.mdb-color-text {
    color: #45526e !important
}

.rgba-mdb-color-slight,
.rgba-mdb-color-slight:after {
    background-color: rgba(69, 82, 110, .1)
}

.rgba-mdb-color-light,
.rgba-mdb-color-light:after {
    background-color: rgba(69, 82, 110, .3)
}

.rgba-mdb-color-strong,
.rgba-mdb-color-strong:after {
    background-color: rgba(69, 82, 110, .7)
}

.mdb-color.darken-1 {
    background-color: #3b465e !important
}

.mdb-color.darken-2 {
    background-color: #2e3951 !important
}

.mdb-color.darken-3 {
    background-color: #1c2a48 !important
}

.mdb-color.darken-4 {
    background-color: #1c2331 !important
}

.red.lighten-5 {
    background-color: #ffebee !important
}

.red.lighten-4 {
    background-color: #ffcdd2 !important
}

.red.lighten-3 {
    background-color: #ef9a9a !important
}

.red.lighten-2 {
    background-color: #e57373 !important
}

.red.lighten-1 {
    background-color: #ef5350 !important
}

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

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

.rgba-red-slight,
.rgba-red-slight:after {
    background-color: rgba(244, 67, 54, .1)
}

.rgba-red-light,
.rgba-red-light:after {
    background-color: rgba(244, 67, 54, .3)
}

.rgba-red-strong,
.rgba-red-strong:after {
    background-color: rgba(244, 67, 54, .7)
}

.red.darken-1 {
    background-color: #e53935 !important
}

.red.darken-2 {
    background-color: #d32f2f !important
}

.red.darken-3 {
    background-color: #c62828 !important
}

.red.darken-4 {
    background-color: #b71c1c !important
}

.red.accent-1 {
    background-color: #ff8a80 !important
}

.red.accent-2 {
    background-color: #ff5252 !important
}

.red.accent-3 {
    background-color: #ff1744 !important
}

.red.accent-4 {
    background-color: #d50000 !important
}

.pink.lighten-5 {
    background-color: #fce4ec !important
}

.pink.lighten-4 {
    background-color: #f8bbd0 !important
}

.pink.lighten-3 {
    background-color: #f48fb1 !important
}

.pink.lighten-2 {
    background-color: #f06292 !important
}

.pink.lighten-1 {
    background-color: #ec407a !important
}

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

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

.rgba-pink-slight,
.rgba-pink-slight:after {
    background-color: rgba(233, 30, 99, .1)
}

.rgba-pink-light,
.rgba-pink-light:after {
    background-color: rgba(233, 30, 99, .3)
}

.rgba-pink-strong,
.rgba-pink-strong:after {
    background-color: rgba(233, 30, 99, .7)
}

.pink.darken-1 {
    background-color: #d81b60 !important
}

.pink.darken-2 {
    background-color: #c2185b !important
}

.pink.darken-3 {
    background-color: #ad1457 !important
}

.pink.darken-4 {
    background-color: #880e4f !important
}

.pink.accent-1 {
    background-color: #ff80ab !important
}

.pink.accent-2 {
    background-color: #ff4081 !important
}

.pink.accent-3 {
    background-color: #f50057 !important
}

.pink.accent-4 {
    background-color: #c51162 !important
}

.purple.lighten-5 {
    background-color: #f3e5f5 !important
}

.purple.lighten-4 {
    background-color: #e1bee7 !important
}

.purple.lighten-3 {
    background-color: #ce93d8 !important
}

.purple.lighten-2 {
    background-color: #ba68c8 !important
}

.purple.lighten-1 {
    background-color: #ab47bc !important
}

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

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

.rgba-purple-slight,
.rgba-purple-slight:after {
    background-color: rgba(156, 39, 176, .1)
}

.rgba-purple-light,
.rgba-purple-light:after {
    background-color: rgba(156, 39, 176, .3)
}

.rgba-purple-strong,
.rgba-purple-strong:after {
    background-color: rgba(156, 39, 176, .7)
}

.purple.darken-1 {
    background-color: #8e24aa !important
}

.purple.darken-2 {
    background-color: #7b1fa2 !important
}

.purple.darken-3 {
    background-color: #6a1b9a !important
}

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

.purple.accent-1 {
    background-color: #ea80fc !important
}

.purple.accent-2 {
    background-color: #e040fb !important
}

.purple.accent-3 {
    background-color: #d500f9 !important
}

.purple.accent-4 {
    background-color: #a0f !important
}

.deep-purple.lighten-5 {
    background-color: #ede7f6 !important
}

.deep-purple.lighten-4 {
    background-color: #d1c4e9 !important
}

.deep-purple.lighten-3 {
    background-color: #b39ddb !important
}

.deep-purple.lighten-2 {
    background-color: #9575cd !important
}

.deep-purple.lighten-1 {
    background-color: #7e57c2 !important
}

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

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

.rgba-deep-purple-slight,
.rgba-deep-purple-slight:after {
    background-color: rgba(103, 58, 183, .1)
}

.rgba-deep-purple-light,
.rgba-deep-purple-light:after {
    background-color: rgba(103, 58, 183, .3)
}

.rgba-deep-purple-strong,
.rgba-deep-purple-strong:after {
    background-color: rgba(103, 58, 183, .7)
}

.deep-purple.darken-1 {
    background-color: #5e35b1 !important
}

.deep-purple.darken-2 {
    background-color: #512da8 !important
}

.deep-purple.darken-3 {
    background-color: #4527a0 !important
}

.deep-purple.darken-4 {
    background-color: #311b92 !important
}

.deep-purple.accent-1 {
    background-color: #b388ff !important
}

.deep-purple.accent-2 {
    background-color: #7c4dff !important
}

.deep-purple.accent-3 {
    background-color: #651fff !important
}

.deep-purple.accent-4 {
    background-color: #6200ea !important
}

.indigo.lighten-5 {
    background-color: #e8eaf6 !important
}

.indigo.lighten-4 {
    background-color: #c5cae9 !important
}

.indigo.lighten-3 {
    background-color: #9fa8da !important
}

.indigo.lighten-2 {
    background-color: #7986cb !important
}

.indigo.lighten-1 {
    background-color: #5c6bc0 !important
}

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

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

.rgba-indigo-slight,
.rgba-indigo-slight:after {
    background-color: rgba(63, 81, 181, .1)
}

.rgba-indigo-light,
.rgba-indigo-light:after {
    background-color: rgba(63, 81, 181, .3)
}

.rgba-indigo-strong,
.rgba-indigo-strong:after {
    background-color: rgba(63, 81, 181, .7)
}

.indigo.darken-1 {
    background-color: #3949ab !important
}

.indigo.darken-2 {
    background-color: #303f9f !important
}

.indigo.darken-3 {
    background-color: #283593 !important
}

.indigo.darken-4 {
    background-color: #1a237e !important
}

.indigo.accent-1 {
    background-color: #8c9eff !important
}

.indigo.accent-2 {
    background-color: #536dfe !important
}

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

.indigo.accent-4 {
    background-color: #304ffe !important
}

.blue.lighten-5 {
    background-color: #e3f2fd !important
}

.blue.lighten-4 {
    background-color: #bbdefb !important
}

.blue.lighten-3 {
    background-color: #90caf9 !important
}

.blue.lighten-2 {
    background-color: #64b5f6 !important
}

.blue.lighten-1 {
    background-color: #42a5f5 !important
}

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

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

.rgba-blue-slight,
.rgba-blue-slight:after {
    background-color: rgba(33, 150, 243, .1)
}

.rgba-blue-light,
.rgba-blue-light:after {
    background-color: rgba(33, 150, 243, .3)
}

.rgba-blue-strong,
.rgba-blue-strong:after {
    background-color: rgba(33, 150, 243, .7)
}

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

.blue.darken-2 {
    background-color: #1976d2 !important
}

.blue.darken-3 {
    background-color: #1565c0 !important
}

.blue.darken-4 {
    background-color: #0d47a1 !important
}

.blue.accent-1 {
    background-color: #82b1ff !important
}

.blue.accent-2 {
    background-color: #448aff !important
}

.blue.accent-3 {
    background-color: #2979ff !important
}

.blue.accent-4 {
    background-color: #2962ff !important
}

.light-blue.lighten-5 {
    background-color: #e1f5fe !important
}

.light-blue.lighten-4 {
    background-color: #b3e5fc !important
}

.light-blue.lighten-3 {
    background-color: #81d4fa !important
}

.light-blue.lighten-2 {
    background-color: #4fc3f7 !important
}

.light-blue.lighten-1 {
    background-color: #29b6f6 !important
}

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

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

.rgba-light-blue-slight,
.rgba-light-blue-slight:after {
    background-color: rgba(3, 169, 244, .1)
}

.rgba-light-blue-light,
.rgba-light-blue-light:after {
    background-color: rgba(3, 169, 244, .3)
}

.rgba-light-blue-strong,
.rgba-light-blue-strong:after {
    background-color: rgba(3, 169, 244, .7)
}

.light-blue.darken-1 {
    background-color: #039be5 !important
}

.light-blue.darken-2 {
    background-color: #0288d1 !important
}

.light-blue.darken-3 {
    background-color: #0277bd !important
}

.light-blue.darken-4 {
    background-color: #01579b !important
}

.light-blue.accent-1 {
    background-color: #80d8ff !important
}

.light-blue.accent-2 {
    background-color: #40c4ff !important
}

.light-blue.accent-3 {
    background-color: #00b0ff !important
}

.light-blue.accent-4 {
    background-color: #0091ea !important
}

.cyan.lighten-5 {
    background-color: #e0f7fa !important
}

.cyan.lighten-4 {
    background-color: #b2ebf2 !important
}

.cyan.lighten-3 {
    background-color: #80deea !important
}

.cyan.lighten-2 {
    background-color: #4dd0e1 !important
}

.cyan.lighten-1 {
    background-color: #26c6da !important
}

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

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

.rgba-cyan-slight,
.rgba-cyan-slight:after {
    background-color: rgba(0, 188, 212, .1)
}

.rgba-cyan-light,
.rgba-cyan-light:after {
    background-color: rgba(0, 188, 212, .3)
}

.rgba-cyan-strong,
.rgba-cyan-strong:after {
    background-color: rgba(0, 188, 212, .7)
}

.cyan.darken-1 {
    background-color: #00acc1 !important
}

.cyan.darken-2 {
    background-color: #0097a7 !important
}

.cyan.darken-3 {
    background-color: #00838f !important
}

.cyan.darken-4 {
    background-color: #006064 !important
}

.cyan.accent-1 {
    background-color: #84ffff !important
}

.cyan.accent-2 {
    background-color: #18ffff !important
}

.cyan.accent-3 {
    background-color: #00e5ff !important
}

.cyan.accent-4 {
    background-color: #00b8d4 !important
}

.teal.lighten-5 {
    background-color: #e0f2f1 !important
}

.teal.lighten-4 {
    background-color: #b2dfdb !important
}

.teal.lighten-3 {
    background-color: #80cbc4 !important
}

.teal.lighten-2 {
    background-color: #4db6ac !important
}

.teal.lighten-1 {
    background-color: #26a69a !important
}

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

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

.rgba-teal-slight,
.rgba-teal-slight:after {
    background-color: rgba(0, 150, 136, .1)
}

.rgba-teal-light,
.rgba-teal-light:after {
    background-color: rgba(0, 150, 136, .3)
}

.rgba-teal-strong,
.rgba-teal-strong:after {
    background-color: rgba(0, 150, 136, .7)
}

.teal.darken-1 {
    background-color: #00897b !important
}

.teal.darken-2 {
    background-color: #00796b !important
}

.teal.darken-3 {
    background-color: #00695c !important
}

.teal.darken-4 {
    background-color: #004d40 !important
}

.teal.accent-1 {
    background-color: #a7ffeb !important
}

.teal.accent-2 {
    background-color: #64ffda !important
}

.teal.accent-3 {
    background-color: #1de9b6 !important
}

.teal.accent-4 {
    background-color: #00bfa5 !important
}

.green.lighten-5 {
    background-color: #e8f5e9 !important
}

.green.lighten-4 {
    background-color: #c8e6c9 !important
}

.green.lighten-3 {
    background-color: #a5d6a7 !important
}

.green.lighten-2 {
    background-color: #81c784 !important
}

.green.lighten-1 {
    background-color: #66bb6a !important
}

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

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

.rgba-green-slight,
.rgba-green-slight:after {
    background-color: rgba(76, 175, 80, .1)
}

.rgba-green-light,
.rgba-green-light:after {
    background-color: rgba(76, 175, 80, .3)
}

.rgba-green-strong,
.rgba-green-strong:after {
    background-color: rgba(76, 175, 80, .7)
}

.green.darken-1 {
    background-color: #43a047 !important
}

.green.darken-2 {
    background-color: #388e3c !important
}

.green.darken-3 {
    background-color: #2e7d32 !important
}

.green.darken-4 {
    background-color: #1b5e20 !important
}

.green.accent-1 {
    background-color: #b9f6ca !important
}

.green.accent-2 {
    background-color: #69f0ae !important
}

.green.accent-3 {
    background-color: #00e676 !important
}

.green.accent-4 {
    background-color: #00c853 !important
}

.light-green.lighten-5 {
    background-color: #f1f8e9 !important
}

.light-green.lighten-4 {
    background-color: #dcedc8 !important
}

.light-green.lighten-3 {
    background-color: #c5e1a5 !important
}

.light-green.lighten-2 {
    background-color: #aed581 !important
}

.light-green.lighten-1 {
    background-color: #9ccc65 !important
}

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

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

.rgba-light-green-slight,
.rgba-light-green-slight:after {
    background-color: rgba(139, 195, 74, .1)
}

.rgba-light-green-light,
.rgba-light-green-light:after {
    background-color: rgba(139, 195, 74, .3)
}

.rgba-light-green-strong,
.rgba-light-green-strong:after {
    background-color: rgba(139, 195, 74, .7)
}

.light-green.darken-1 {
    background-color: #7cb342 !important
}

.light-green.darken-2 {
    background-color: #689f38 !important
}

.light-green.darken-3 {
    background-color: #558b2f !important
}

.light-green.darken-4 {
    background-color: #33691e !important
}

.light-green.accent-1 {
    background-color: #ccff90 !important
}

.light-green.accent-2 {
    background-color: #b2ff59 !important
}

.light-green.accent-3 {
    background-color: #76ff03 !important
}

.light-green.accent-4 {
    background-color: #64dd17 !important
}

.lime.lighten-5 {
    background-color: #f9fbe7 !important
}

.lime.lighten-4 {
    background-color: #f0f4c3 !important
}

.lime.lighten-3 {
    background-color: #e6ee9c !important
}

.lime.lighten-2 {
    background-color: #dce775 !important
}

.lime.lighten-1 {
    background-color: #d4e157 !important
}

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

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

.rgba-lime-slight,
.rgba-lime-slight:after {
    background-color: rgba(205, 220, 57, .1)
}

.rgba-lime-light,
.rgba-lime-light:after {
    background-color: rgba(205, 220, 57, .3)
}

.rgba-lime-strong,
.rgba-lime-strong:after {
    background-color: rgba(205, 220, 57, .7)
}

.lime.darken-1 {
    background-color: #c0ca33 !important
}

.lime.darken-2 {
    background-color: #afb42b !important
}

.lime.darken-3 {
    background-color: #9e9d24 !important
}

.lime.darken-4 {
    background-color: #827717 !important
}

.lime.accent-1 {
    background-color: #f4ff81 !important
}

.lime.accent-2 {
    background-color: #eeff41 !important
}

.lime.accent-3 {
    background-color: #c6ff00 !important
}

.lime.accent-4 {
    background-color: #aeea00 !important
}

.yellow.lighten-5 {
    background-color: #fffde7 !important
}

.yellow.lighten-4 {
    background-color: #fff9c4 !important
}

.yellow.lighten-3 {
    background-color: #fff59d !important
}

.yellow.lighten-2 {
    background-color: #fff176 !important
}

.yellow.lighten-1 {
    background-color: #ffee58 !important
}

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

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

.rgba-yellow-slight,
.rgba-yellow-slight:after {
    background-color: rgba(255, 235, 59, .1)
}

.rgba-yellow-light,
.rgba-yellow-light:after {
    background-color: rgba(255, 235, 59, .3)
}

.rgba-yellow-strong,
.rgba-yellow-strong:after {
    background-color: rgba(255, 235, 59, .7)
}

.yellow.darken-1 {
    background-color: #fdd835 !important
}

.yellow.darken-2 {
    background-color: #fbc02d !important
}

.yellow.darken-3 {
    background-color: #f9a825 !important
}

.yellow.darken-4 {
    background-color: #f57f17 !important
}

.yellow.accent-1 {
    background-color: #ffff8d !important
}

.yellow.accent-2 {
    background-color: #ff0 !important
}

.yellow.accent-3 {
    background-color: #ffea00 !important
}

.yellow.accent-4 {
    background-color: #ffd600 !important
}

.amber.lighten-5 {
    background-color: #fff8e1 !important
}

.amber.lighten-4 {
    background-color: #ffecb3 !important
}

.amber.lighten-3 {
    background-color: #ffe082 !important
}

.amber.lighten-2 {
    background-color: #ffd54f !important
}

.amber.lighten-1 {
    background-color: #ffca28 !important
}

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

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

.rgba-amber-slight,
.rgba-amber-slight:after {
    background-color: rgba(255, 193, 7, .1)
}

.rgba-amber-light,
.rgba-amber-light:after {
    background-color: rgba(255, 193, 7, .3)
}

.rgba-amber-strong,
.rgba-amber-strong:after {
    background-color: rgba(255, 193, 7, .7)
}

.amber.darken-1 {
    background-color: #ffb300 !important
}

.amber.darken-2 {
    background-color: #ffa000 !important
}

.amber.darken-3 {
    background-color: #ff8f00 !important
}

.amber.darken-4 {
    background-color: #ff6f00 !important
}

.amber.accent-1 {
    background-color: #ffe57f !important
}

.amber.accent-2 {
    background-color: #ffd740 !important
}

.amber.accent-3 {
    background-color: #ffc400 !important
}

.amber.accent-4 {
    background-color: #ffab00 !important
}

.orange.lighten-5 {
    background-color: #fff3e0 !important
}

.orange.lighten-4 {
    background-color: #ffe0b2 !important
}

.orange.lighten-3 {
    background-color: #ffcc80 !important
}

.orange.lighten-2 {
    background-color: #ffb74d !important
}

.orange.lighten-1 {
    background-color: #ffa726 !important
}

.orange {
    background-color: #ff9800 !important
}

.orange-text {
    color: #ff9800 !important
}

.rgba-orange-slight,
.rgba-orange-slight:after {
    background-color: rgba(255, 152, 0, .1)
}

.rgba-orange-light,
.rgba-orange-light:after {
    background-color: rgba(255, 152, 0, .3)
}

.rgba-orange-strong,
.rgba-orange-strong:after {
    background-color: rgba(255, 152, 0, .7)
}

.orange.darken-1 {
    background-color: #fb8c00 !important
}

.orange.darken-2 {
    background-color: #f57c00 !important
}

.orange.darken-3 {
    background-color: #ef6c00 !important
}

.orange.darken-4 {
    background-color: #e65100 !important
}

.orange.accent-1 {
    background-color: #ffd180 !important
}

.orange.accent-2 {
    background-color: #ffab40 !important
}

.orange.accent-3 {
    background-color: #ff9100 !important
}

.orange.accent-4 {
    background-color: #ff6d00 !important
}

.deep-orange.lighten-5 {
    background-color: #fbe9e7 !important
}

.deep-orange.lighten-4 {
    background-color: #ffccbc !important
}

.deep-orange.lighten-3 {
    background-color: #ffab91 !important
}

.deep-orange.lighten-2 {
    background-color: #ff8a65 !important
}

.deep-orange.lighten-1 {
    background-color: #ff7043 !important
}

.deep-orange {
    background-color: #ff5722 !important
}

.deep-orange-text {
    color: #ff5722 !important
}

.rgba-deep-orange-slight,
.rgba-deep-orange-slight:after {
    background-color: rgba(255, 87, 34, .1)
}

.rgba-deep-orange-light,
.rgba-deep-orange-light:after {
    background-color: rgba(255, 87, 34, .3)
}

.rgba-deep-orange-strong,
.rgba-deep-orange-strong:after {
    background-color: rgba(255, 87, 34, .7)
}

.deep-orange.darken-1 {
    background-color: #f4511e !important
}

.deep-orange.darken-2 {
    background-color: #e64a19 !important
}

.deep-orange.darken-3 {
    background-color: #d84315 !important
}

.deep-orange.darken-4 {
    background-color: #bf360c !important
}

.deep-orange.accent-1 {
    background-color: #ff9e80 !important
}

.deep-orange.accent-2 {
    background-color: #ff6e40 !important
}

.deep-orange.accent-3 {
    background-color: #ff3d00 !important
}

.deep-orange.accent-4 {
    background-color: #dd2c00 !important
}

.brown.lighten-5 {
    background-color: #efebe9 !important
}

.brown.lighten-4 {
    background-color: #d7ccc8 !important
}

.brown.lighten-3 {
    background-color: #bcaaa4 !important
}

.brown.lighten-2 {
    background-color: #a1887f !important
}

.brown.lighten-1 {
    background-color: #8d6e63 !important
}

.brown {
    background-color: #795548 !important
}

.brown-text {
    color: #795548 !important
}

.rgba-brown-slight,
.rgba-brown-slight:after {
    background-color: rgba(121, 85, 72, .1)
}

.rgba-brown-light,
.rgba-brown-light:after {
    background-color: rgba(121, 85, 72, .3)
}

.rgba-brown-strong,
.rgba-brown-strong:after {
    background-color: rgba(121, 85, 72, .7)
}

.brown.darken-1 {
    background-color: #6d4c41 !important
}

.brown.darken-2 {
    background-color: #5d4037 !important
}

.brown.darken-3 {
    background-color: #4e342e !important
}

.brown.darken-4 {
    background-color: #3e2723 !important
}

.blue-grey.lighten-5 {
    background-color: #eceff1 !important
}

.blue-grey.lighten-4 {
    background-color: #cfd8dc !important
}

.blue-grey.lighten-3 {
    background-color: #b0bec5 !important
}

.blue-grey.lighten-2 {
    background-color: #90a4ae !important
}

.blue-grey.lighten-1 {
    background-color: #78909c !important
}

.blue-grey {
    background-color: #607d8b !important
}

.blue-grey-text {
    color: #607d8b !important
}

.rgba-blue-grey-slight,
.rgba-blue-grey-slight:after {
    background-color: rgba(96, 125, 139, .1)
}

.rgba-blue-grey-light,
.rgba-blue-grey-light:after {
    background-color: rgba(96, 125, 139, .3)
}

.rgba-blue-grey-strong,
.rgba-blue-grey-strong:after {
    background-color: rgba(96, 125, 139, .7)
}

.blue-grey.darken-1 {
    background-color: #546e7a !important
}

.blue-grey.darken-2 {
    background-color: #455a64 !important
}

.blue-grey.darken-3 {
    background-color: #37474f !important
}

.blue-grey.darken-4 {
    background-color: #263238 !important
}

.grey.lighten-5 {
    background-color: #fafafa !important
}

.grey.lighten-4 {
    background-color: #f5f5f5 !important
}

.grey.lighten-3 {
    background-color: #eee !important
}

.grey.lighten-2 {
    background-color: #e0e0e0 !important
}

.grey.lighten-1 {
    background-color: #bdbdbd !important
}

.grey {
    background-color: #9e9e9e !important
}

.grey-text {
    color: #9e9e9e !important
}

.rgba-grey-slight,
.rgba-grey-slight:after {
    background-color: rgba(158, 158, 158, .1)
}

.rgba-grey-light,
.rgba-grey-light:after {
    background-color: rgba(158, 158, 158, .3)
}

.rgba-grey-strong,
.rgba-grey-strong:after {
    background-color: rgba(158, 158, 158, .7)
}

.grey.darken-1 {
    background-color: #757575 !important
}

.grey.darken-2 {
    background-color: #616161 !important
}

.grey.darken-3 {
    background-color: #424242 !important
}

.grey.darken-4 {
    background-color: #212121 !important
}

.black {
    background-color: #000 !important
}

.black-text,
.btn.btn-link {
    color: #000 !important
}

.rgba-black-slight,
.rgba-black-slight:after {
    background-color: rgba(0, 0, 0, .1)
}

.rgba-black-light,
.rgba-black-light:after {
    background-color: rgba(0, 0, 0, .3)
}

.rgba-black-strong,
.rgba-black-strong:after {
    background-color: rgba(0, 0, 0, .7)
}

.white {
    background-color: #fff !important
}

.white-text {
    color: #fff !important
}

.rgba-white-slight,
.rgba-white-slight:after {
    background-color: rgba(255, 255, 255, .1)
}

.rgba-white-light,
.rgba-white-light:after {
    background-color: rgba(255, 255, 255, .3)
}

.rgba-white-strong,
.rgba-white-strong:after {
    background-color: rgba(255, 255, 255, .7)
}

.rgba-stylish-slight {
    background-color: rgba(62, 69, 81, .1)
}

.rgba-stylish-light {
    background-color: rgba(62, 69, 81, .3)
}

.rgba-stylish-strong {
    background-color: rgba(62, 69, 81, .7)
}

.primary-color,
ul.stepper li.active a .circle,
ul.stepper li.completed a .circle {
    background-color: #4285f4 !important
}

.primary-color-dark {
    background-color: #0d47a1 !important
}

.secondary-color {
    background-color: #a6c !important
}

.secondary-color-dark {
    background-color: #93c !important
}

.default-color {
    background-color: #2bbbad !important
}

.default-color-dark {
    background-color: #00695c !important
}

.info-color {
    background-color: #33b5e5 !important
}

.info-color-dark {
    background-color: #09c !important
}

.success-color {
    background-color: #00c851 !important
}

.success-color-dark {
    background-color: #007e33 !important
}

.warning-color {
    background-color: #fb3 !important
}

.warning-color-dark {
    background-color: #f80 !important
}

.danger-color,
ul.stepper li.warning a .circle {
    background-color: #ff3547 !important
}

.danger-color-dark {
    background-color: #c00 !important
}

.elegant-color {
    background-color: #2e2e2e !important
}

.elegant-color-dark {
    background-color: #212121 !important
}

.stylish-color {
    background-color: #4b515d !important
}

.stylish-color-dark {
    background-color: #3e4551 !important
}

.unique-color {
    background-color: #3f729b !important
}

.unique-color-dark {
    background-color: #1c2331 !important
}

.special-color {
    background-color: #37474f !important
}

.special-color-dark {
    background-color: #263238 !important
}

.purple-gradient {
    background: -webkit-linear-gradient(50deg, #ff6ec4, #7873f5) !important;
    background: -o-linear-gradient(50deg, #ff6ec4, #7873f5) !important;
    background: linear-gradient(40deg, #ff6ec4, #7873f5) !important
}

.peach-gradient {
    background: -webkit-linear-gradient(50deg, #FFD86F, #FC6262) !important;
    background: -o-linear-gradient(50deg, #FFD86F, #FC6262) !important;
    background: linear-gradient(40deg, #FFD86F, #FC6262) !important
}

.aqua-gradient {
    background: -webkit-linear-gradient(50deg, #2096ff, #05ffa3) !important;
    background: -o-linear-gradient(50deg, #2096ff, #05ffa3) !important;
    background: linear-gradient(40deg, #2096ff, #05ffa3) !important
}

.blue-gradient {
    background: -webkit-linear-gradient(50deg, #45cafc, #303f9f) !important;
    background: -o-linear-gradient(50deg, #45cafc, #303f9f) !important;
    background: linear-gradient(40deg, #45cafc, #303f9f) !important
}

.purple-gradient-rgba {
    background: -webkit-linear-gradient(50deg, rgba(255, 110, 196, .9), rgba(120, 115, 245, .9)) !important;
    background: -o-linear-gradient(50deg, rgba(255, 110, 196, .9), rgba(120, 115, 245, .9)) !important;
    background: linear-gradient(40deg, rgba(255, 110, 196, .9), rgba(120, 115, 245, .9)) !important
}

.peach-gradient-rgba {
    background: -webkit-linear-gradient(50deg, rgba(255, 216, 111, .9), rgba(252, 98, 98, .9)) !important;
    background: -o-linear-gradient(50deg, rgba(255, 216, 111, .9), rgba(252, 98, 98, .9)) !important;
    background: linear-gradient(40deg, rgba(255, 216, 111, .9), rgba(252, 98, 98, .9)) !important
}

.aqua-gradient-rgba {
    background: -webkit-linear-gradient(50deg, rgba(32, 150, 255, .9), rgba(5, 255, 163, .9)) !important;
    background: -o-linear-gradient(50deg, rgba(32, 150, 255, .9), rgba(5, 255, 163, .9)) !important;
    background: linear-gradient(40deg, rgba(32, 150, 255, .9), rgba(5, 255, 163, .9)) !important
}

.blue-gradient-rgba {
    background: -webkit-linear-gradient(50deg, rgba(69, 202, 252, .9), rgba(48, 63, 159, .9)) !important;
    background: -o-linear-gradient(50deg, rgba(69, 202, 252, .9), rgba(48, 63, 159, .9)) !important;
    background: linear-gradient(40deg, rgba(69, 202, 252, .9), rgba(48, 63, 159, .9)) !important
}

.dark-grey-text,
.dark-grey-text:focus,
.dark-grey-text:hover {
    color: #4f4f4f !important
}

.hoverable {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out
}

.hoverable:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out
}

.z-depth-0 {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.z-depth-1 {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important
}

.z-depth-1-half {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) !important
}

.z-depth-2 {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important
}

.z-depth-3 {
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19) !important;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19) !important
}

.z-depth-4 {
    -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21) !important;
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21) !important
}

.z-depth-5 {
    -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22) !important;
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22) !important
}

.disabled,
:disabled {
    pointer-events: none !important
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #007bff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

a:hover {
    text-decoration: none;
    color: #0056b3;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

a.disabled:hover,
a:disabled:hover {
    color: #007bff
}

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

.divider-new {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.8rem;
    margin-bottom: 2.8rem
}

.divider-new h2,
.divider-new h3,
.divider-new h4,
.divider-new h5,
.divider-new h6,
.divider-new>h1 {
    margin-bottom: 0
}

.divider-new:after,
.divider-new:before {
    content: "";
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    background: #c6c6c6
}

.divider-new:before {
    margin: 0 .5rem 0 0
}

.divider-new:after {
    margin: 0 0 0 .5rem
}

.img-fluid,
.modal-dialog.cascading-modal.modal-avatar .modal-header,
.video-fluid {
    max-width: 100%;
    height: auto
}

.flex-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.flex-center p {
    margin: 0
}

.flex-center ul {
    text-align: center
}

.flex-center ul li {
    margin-bottom: 1rem
}

.flex-center ul li:last-of-type {
    margin-bottom: 0
}

.hr-light {
    border-top: 1px solid #fff
}

.hr-dark {
    border-top: 1px solid #666
}

.w-responsive {
    width: 75%
}

@media (max-width:740px) {
    .w-responsive {
        width: 100%
    }
}

.collapsible-body {
    display: none
}

.jumbotron {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    background-color: #fff
}

.bg-primary {
    background-color: #4285f4 !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #1266f1 !important
}

.border-primary {
    border-color: #4285f4 !important
}

.bg-danger {
    background-color: #ff3547 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #ff0219 !important
}

.border-danger {
    border-color: #ff3547 !important
}

.bg-warning {
    background-color: #fb3 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #fa0 !important
}

.border-warning {
    border-color: #fb3 !important
}

.bg-success {
    background-color: #00c851 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #00953c !important
}

.border-success {
    border-color: #00c851 !important
}

.bg-info {
    background-color: #33b5e5 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #1a9bcb !important
}

.border-info {
    border-color: #33b5e5 !important
}

.bg-default {
    background-color: #2bbbad !important
}

a.bg-default:focus,
a.bg-default:hover,
button.bg-default:focus,
button.bg-default:hover {
    background-color: #219287 !important
}

.border-default {
    border-color: #2bbbad !important
}

.bg-secondary {
    background-color: #a6c !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #9540bf !important
}

.border-secondary {
    border-color: #a6c !important
}

.bg-dark {
    background-color: #212121 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #080808 !important
}

.border-dark {
    border-color: #212121 !important
}

.bg-light {
    background-color: #e0e0e0 !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #c7c7c7 !important
}

.border-light {
    border-color: #e0e0e0 !important
}

.card-img-100 {
    width: 100px;
    height: 100px
}

.card-img-64 {
    width: 64px;
    height: 64px
}

.mml-1 {
    margin-left: -.25rem !important
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@font-face {
    font-family: Roboto;
    src: local(Roboto Thin), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Thin.eot");
    src: url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Thin.woff2") format("woff2"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Thin.woff") format("woff"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Thin.ttf") format("truetype");
    font-weight: 200
}

@font-face {
    font-family: Roboto;
    src: local(Roboto Light), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Light.eot");
    src: url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Light.woff2") format("woff2"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Light.woff") format("woff"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Light.ttf") format("truetype");
    font-weight: 300
}

@font-face {
    font-family: Roboto;
    src: local(Roboto Regular), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Regular.eot");
    src: url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Regular.woff2") format("woff2"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Regular.woff") format("woff"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Regular.ttf") format("truetype");
    font-weight: 400
}

@font-face {
    font-family: Roboto;
    src: url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Medium.eot");
    src: url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Medium.woff2") format("woff2"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Medium.woff") format("woff"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Medium.ttf") format("truetype");
    font-weight: 500
}

@font-face {
    font-family: Roboto;
    src: url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Bold.eot");
    src: url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Bold.woff2") format("woff2"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Bold.woff") format("woff"), url("/Portals/_default/skins/netcare-core/font/roboto/Roboto-Bold.ttf") format("truetype");
    font-weight: 700
}

body {
    font-family: Roboto, sans-serif
}

.blockquote .bq-title,
.card,
.card .card-body h1,
.card .card-body h2,
.card .card-body h3,
.card .card-body h4,
.card .card-body h5,
.card .card-body h6 {
    font-weight: 400
}

.blockquote {
    padding: .5rem 1rem;
    border-left: .25rem solid #eceeef
}

.blockquote.text-right {
    border-left: none;
    border-right: .25rem solid #eceeef
}

.blockquote .bq-title {
    margin-bottom: 0;
    font-size: 1.5rem
}

.blockquote p {
    padding: 1rem 0;
    font-size: 1.1rem
}

.bq-primary {
    border-left: 3px solid #4285f4 !important
}

.bq-primary .bq-title {
    color: #4285f4 !important
}

.bq-danger {
    border-left: 3px solid #ff3547 !important
}

.bq-danger .bq-title {
    color: #ff3547 !important
}

.bq-warning {
    border-left: 3px solid #fb3 !important
}

.bq-warning .bq-title {
    color: #fb3 !important
}

.bq-success {
    border-left: 3px solid #00c851 !important
}

.bq-success .bq-title {
    color: #00c851 !important
}

.bq-info {
    border-left: 3px solid #33b5e5 !important
}

.bq-info .bq-title {
    color: #33b5e5 !important
}

.h1-responsive {
    font-size: 150%
}

.h2-responsive {
    font-size: 145%
}

.h3-responsive,
.h4-responsive,
.h5-responsive {
    font-size: 135%
}

@media (min-width:576px) {
    .h1-responsive {
        font-size: 170%
    }

    .h2-responsive {
        font-size: 140%
    }

    .h3-responsive,
    .h4-responsive,
    .h5-responsive {
        font-size: 125%
    }
}

@media (min-width:768px) {
    .h1-responsive {
        font-size: 200%
    }

    .h2-responsive {
        font-size: 170%
    }

    .h3-responsive {
        font-size: 140%
    }

    .h4-responsive,
    .h5-responsive {
        font-size: 125%
    }
}

@media (min-width:992px) {
    .h1-responsive {
        font-size: 200%
    }

    .h2-responsive {
        font-size: 170%
    }

    .h3-responsive {
        font-size: 140%
    }

    .h4-responsive,
    .h5-responsive {
        font-size: 125%
    }
}

@media (min-width:1200px) {
    .h1-responsive {
        font-size: 250%
    }

    .h2-responsive {
        font-size: 200%
    }

    .h3-responsive {
        font-size: 170%
    }

    .h4-responsive {
        font-size: 140%
    }

    .h5-responsive {
        font-size: 125%
    }
}

.text-primary {
    color: #4285f4 !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #1266f1 !important
}

.text-danger {
    color: #ff3547 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #ff0219 !important
}

.text-warning {
    color: #fb3 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #fa0 !important
}

.text-success {
    color: #00c851 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #00953c !important
}

.text-info {
    color: #33b5e5 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #1a9bcb !important
}

.text-default {
    color: #2bbbad !important
}

a.text-default:focus,
a.text-default:hover {
    color: #219287 !important
}

.text-secondary {
    color: #a6c !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #9540bf !important
}

.text-dark {
    color: #212121 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #080808 !important
}

.text-light {
    color: #e0e0e0 !important
}

a.text-light:focus,
a.text-light:hover {
    color: #c7c7c7 !important
}

.font-small {
    font-size: .9rem
}

.view {
    position: relative;
    cursor: default
}

.view .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed
}

.view img,
.view video {
    position: relative;
    display: block
}

.view video.video-intro {
    z-index: -100;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: 1s opacity;
    -o-transition: 1s opacity;
    transition: 1s opacity;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

.overlay .mask {
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.overlay .mask:hover {
    opacity: 1
}

.zoom img,
.zoom video {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.zoom:hover img,
.zoom:hover video {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.pattern-1 {
    background: url("/Portals/_default/skins/netcare-core/img/overlays/01.png") fixed
}

.pattern-2 {
    background: url("/Portals/_default/skins/netcare-core/img/overlays/02.png") fixed
}

.pattern-3 {
    background: url("/Portals/_default/skins/netcare-core/img/overlays/03.png") fixed
}

.pattern-4 {
    background: url("/Portals/_default/skins/netcare-core/img/overlays/04.png") fixed
}

.pattern-5 {
    background: url("/Portals/_default/skins/netcare-core/img/overlays/05.png") fixed
}

.pattern-6 {
    background: url("/Portals/_default/skins/netcare-core/img/overlays/06.png") fixed
}

.pattern-7 {
    background: url("/Portals/_default/skins/netcare-core/img/overlays/07.png") fixed
}

.pattern-8 {
    background: url("/Portals/_default/skins/netcare-core/img/overlays/08.png") fixed
}

.pattern-9 {
    background: url("/Portals/_default/skins/netcare-core/img/overlays/09.png") fixed
}

/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves
 *
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.waves-effect .waves-ripple {
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    background: -webkit-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(0) translate(0, 0);
    -ms-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, .4);
    background: -webkit-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%)
}

.waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, .2)
}

.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, .4)
}

.waves-notransition {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.waves-button,
.waves-circle {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

.waves-button,
.waves-button-input,
.waves-button:hover,
.waves-button:visited {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: 0;
    color: inherit;
    background-color: rgba(0, 0, 0, 0);
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1
}

.waves-button {
    padding: .85em 1.1em;
    -webkit-border-radius: .2em;
    border-radius: .2em
}

.waves-button-input {
    margin: 0;
    padding: .85em 1.1em
}

.waves-input-wrapper {
    display: inline-block;
    position: relative;
    -webkit-border-radius: .2em;
    border-radius: .2em
}

.waves-input-wrapper.waves-button {
    padding: 0
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.waves-float:active {
    -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3)
}

.waves-block {
    display: block
}

a.waves-effect,
a.waves-light {
    display: inline-block
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {

    20%,
    53%,
    80%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }

    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    20%,
    53%,
    80%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }

    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@keyframes pulse {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-name: headShake;
    animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@keyframes tada {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes wobble {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    11.1%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {

    11.1%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.jello {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation-name: jello;
    animation-name: jello
}

@-webkit-keyframes heartBeat {

    0%,
    28%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14%,
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes heartBeat {

    0%,
    28%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14%,
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {

    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.bounceOut,
.flipOutX {
    -webkit-animation-duration: .75s
}

@-webkit-keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInRight {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.flip {
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    backface-visibility: visible;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible
}

@-webkit-keyframes flipInY {
    from {
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    animation-duration: .75s;
    backface-visibility: visible
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
    }
}

.flipOutY {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

@-webkit-keyframes lightSpeedIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes lightSpeedIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg)
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg)
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}

@keyframes rotateIn {
    from {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@keyframes rotateInDownLeft {
    from {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes rotateInDownRight {
    from {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@keyframes rotateInUpLeft {
    from {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes rotateInUpRight {
    from {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        opacity: 1;
        -webkit-transform-origin: center;
        transform-origin: center
    }

    to {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}

@keyframes rotateOut {
    from {
        opacity: 1;
        -webkit-transform-origin: center;
        transform-origin: center
    }

    to {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        opacity: 1;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@keyframes rotateOutDownLeft {
    from {
        opacity: 1;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        opacity: 1;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes rotateOutDownRight {
    from {
        opacity: 1;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        opacity: 1;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@keyframes rotateOutUpLeft {
    from {
        opacity: 1;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        opacity: 1;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes rotateOutUpRight {
    from {
        opacity: 1;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        opacity: 1;
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0)
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        opacity: 1;
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0)
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        visibility: visible;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        visibility: visible;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        visibility: visible;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        visibility: visible;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        visibility: visible;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.btn {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    padding: .84rem 2.14rem;
    font-size: .81rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    margin: .375rem;
    border: 0;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: inherit
}

.btn:active,
.btn:focus,
.btn:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    outline: 0
}

.btn:not([disabled]):not(.disabled).active,
.btn:not([disabled]):not(.disabled):active {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn .fab,
.btn .far,
.btn .fas {
    position: relative;
    font-size: .9rem
}

.btn .fab.right,
.btn .far.right,
.btn .fas.right {
    margin-left: .3rem
}

.btn .fab.left,
.btn .far.left,
.btn .fas.left {
    margin-right: .3rem
}

.btn.btn-lg {
    padding: 1rem 2.4rem;
    font-size: .94rem
}

.btn.btn-lg .fab,
.btn.btn-lg .far,
.btn.btn-lg .fas {
    font-size: 1rem
}

.btn.btn-md {
    padding: .7rem 1.6rem;
    font-size: .7rem
}

.btn.btn-md .fab,
.btn.btn-md .far,
.btn.btn-md .fas {
    font-size: .8rem
}

.btn.btn-sm {
    padding: .5rem 1.6rem;
    font-size: .64rem
}

.btn.btn-sm .fab,
.btn.btn-sm .far,
.btn.btn-sm .fas {
    font-size: .7rem
}

.btn.btn-tb {
    padding: .3rem 1rem
}

.btn.disabled:active,
.btn.disabled:focus,
.btn.disabled:hover,
.btn:disabled:active,
.btn:disabled:focus,
.btn:disabled:hover {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.btn.btn-block {
    margin: inherit
}

.btn.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

.btn.btn-link:active,
.btn.btn-link:focus,
.btn.btn-link:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent
}

.btn[class*=btn-outline-] {
    padding-top: .7rem;
    padding-bottom: .7rem
}

.btn[class*=btn-outline-].btn-lg {
    padding-top: .88rem;
    padding-bottom: .88rem
}

.btn[class*=btn-outline-].btn-md {
    padding-top: .58rem;
    padding-bottom: .58rem
}

.btn[class*=btn-outline-].btn-sm {
    padding-top: .38rem;
    padding-bottom: .38rem
}

.btn-group .btn {
    margin: 0
}

.btn .fa-lg,
.btn-floating .fa-lg {
    font-size: 1.33333em !important
}

.btn .fa-xs,
.btn-floating .fa-xs {
    font-size: .75em !important
}

.btn .fa-sm,
.btn-floating .fa-sm {
    font-size: .875em !important
}

.btn .fa-1x,
.btn-floating .fa-1x {
    font-size: 1em !important
}

.btn .fa-2x,
.btn-floating .fa-2x {
    font-size: 2em !important
}

.btn .fa-3x,
.btn-floating .fa-3x {
    font-size: 3em !important
}

.btn .fa-4x,
.btn-floating .fa-4x {
    font-size: 4em !important
}

.btn .fa-5x,
.btn-floating .fa-5x {
    font-size: 5em !important
}

.btn .fa-6x,
.btn-floating .fa-6x {
    font-size: 6em !important
}

.btn .fa-7x,
.btn-floating .fa-7x {
    font-size: 7em !important
}

.btn .fa-8x,
.btn-floating .fa-8x {
    font-size: 8em !important
}

.btn .fa-9x,
.btn-floating .fa-9x {
    font-size: 9em !important
}

.btn .fa-10x,
.btn-floating .fa-10x {
    font-size: 10em !important
}

.btn-primary {
    background-color: #4285f4 !important;
    color: #fff
}

.btn-primary:hover {
    background-color: #5a95f5;
    color: #fff
}

.btn-primary.focus,
.btn-primary:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus {
    background-color: #0b51c5
}

.btn-primary.dropdown-toggle {
    background-color: #4285f4 !important
}

.btn-primary.dropdown-toggle:focus,
.btn-primary.dropdown-toggle:hover {
    background-color: #5a95f5 !important
}

.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #0b51c5 !important
}

.btn-primary:not([disabled]):not(.disabled).active:focus,
.btn-primary:not([disabled]):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.primary-ic {
    color: #4285f4 !important
}

.primary-ic:focus,
.primary-ic:hover {
    color: #4285f4
}

table.table a.btn.btn-primary {
    color: #fff
}

.btn-outline-primary {
    border: 2px solid #4285f4 !important;
    background-color: transparent !important;
    color: #4285f4 !important
}

.btn-outline-primary.active,
.btn-outline-primary:active,
.btn-outline-primary:active:focus,
.btn-outline-primary:focus,
.btn-outline-primary:hover {
    border-color: #4285f4 !important;
    background-color: transparent !important;
    color: #4285f4 !important
}

.btn-outline-primary:not([disabled]):not(.disabled).active,
.btn-outline-primary:not([disabled]):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #4285f4 !important
}

.btn-outline-primary:not([disabled]):not(.disabled).active:focus,
.btn-outline-primary:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-danger {
    background-color: #ff3547 !important;
    color: #fff
}

.btn-danger:hover {
    background-color: #ff4f5e;
    color: #fff
}

.btn-danger.focus,
.btn-danger:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:focus {
    background-color: #ce0012
}

.btn-danger.dropdown-toggle {
    background-color: #ff3547 !important
}

.btn-danger.dropdown-toggle:focus,
.btn-danger.dropdown-toggle:hover {
    background-color: #ff4f5e !important
}

.btn-danger:not([disabled]):not(.disabled).active,
.btn-danger:not([disabled]):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #ce0012 !important
}

.btn-danger:not([disabled]):not(.disabled).active:focus,
.btn-danger:not([disabled]):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.danger-ic {
    color: #ff3547 !important
}

.danger-ic:focus,
.danger-ic:hover {
    color: #ff3547
}

table.table a.btn.btn-danger {
    color: #fff
}

.btn-outline-danger {
    border: 2px solid #ff3547 !important;
    background-color: transparent !important;
    color: #ff3547 !important
}

.btn-outline-danger.active,
.btn-outline-danger:active,
.btn-outline-danger:active:focus,
.btn-outline-danger:focus,
.btn-outline-danger:hover {
    border-color: #ff3547 !important;
    background-color: transparent !important;
    color: #ff3547 !important
}

.btn-outline-danger:not([disabled]):not(.disabled).active,
.btn-outline-danger:not([disabled]):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #ff3547 !important
}

.btn-outline-danger:not([disabled]):not(.disabled).active:focus,
.btn-outline-danger:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-warning {
    background-color: #fb3 !important;
    color: #fff
}

.btn-warning:hover {
    background-color: #ffc44d;
    color: #fff
}

.btn-warning.focus,
.btn-warning:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:focus {
    background-color: #c80
}

.btn-warning.dropdown-toggle {
    background-color: #fb3 !important
}

.btn-warning.dropdown-toggle:focus,
.btn-warning.dropdown-toggle:hover {
    background-color: #ffc44d !important
}

.btn-warning:not([disabled]):not(.disabled).active,
.btn-warning:not([disabled]):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #c80 !important
}

.btn-warning:not([disabled]):not(.disabled).active:focus,
.btn-warning:not([disabled]):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.warning-ic {
    color: #fb3 !important
}

.warning-ic:focus,
.warning-ic:hover {
    color: #fb3
}

table.table a.btn.btn-warning {
    color: #fff
}

.btn-outline-warning {
    border: 2px solid #fb3 !important;
    background-color: transparent !important;
    color: #fb3 !important
}

.btn-outline-warning.active,
.btn-outline-warning:active,
.btn-outline-warning:active:focus,
.btn-outline-warning:focus,
.btn-outline-warning:hover {
    border-color: #fb3 !important;
    background-color: transparent !important;
    color: #fb3 !important
}

.btn-outline-warning:not([disabled]):not(.disabled).active,
.btn-outline-warning:not([disabled]):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #fb3 !important
}

.btn-outline-warning:not([disabled]):not(.disabled).active:focus,
.btn-outline-warning:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-success {
    background-color: #00c851 !important;
    color: #fff
}

.btn-success:hover {
    background-color: #00e25b;
    color: #fff
}

.btn-success.focus,
.btn-success:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-success.active,
.btn-success:active,
.btn-success:focus {
    background-color: #006228
}

.btn-success.dropdown-toggle {
    background-color: #00c851 !important
}

.btn-success.dropdown-toggle:focus,
.btn-success.dropdown-toggle:hover {
    background-color: #00e25b !important
}

.btn-success:not([disabled]):not(.disabled).active,
.btn-success:not([disabled]):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #006228 !important
}

.btn-success:not([disabled]):not(.disabled).active:focus,
.btn-success:not([disabled]):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.success-ic {
    color: #00c851 !important
}

.success-ic:focus,
.success-ic:hover {
    color: #00c851
}

table.table a.btn.btn-success {
    color: #fff
}

.btn-outline-success {
    border: 2px solid #00c851 !important;
    background-color: transparent !important;
    color: #00c851 !important
}

.btn-outline-success.active,
.btn-outline-success:active,
.btn-outline-success:active:focus,
.btn-outline-success:focus,
.btn-outline-success:hover {
    border-color: #00c851 !important;
    background-color: transparent !important;
    color: #00c851 !important
}

.btn-outline-success:not([disabled]):not(.disabled).active,
.btn-outline-success:not([disabled]):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #00c851 !important
}

.btn-outline-success:not([disabled]):not(.disabled).active:focus,
.btn-outline-success:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-info {
    background-color: #33b5e5 !important;
    color: #fff
}

.btn-info:hover {
    background-color: #4abde8;
    color: #fff
}

.btn-info.focus,
.btn-info:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-info.active,
.btn-info:active,
.btn-info:focus {
    background-color: #14799e
}

.btn-info.dropdown-toggle {
    background-color: #33b5e5 !important
}

.btn-info.dropdown-toggle:focus,
.btn-info.dropdown-toggle:hover {
    background-color: #4abde8 !important
}

.btn-info:not([disabled]):not(.disabled).active,
.btn-info:not([disabled]):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #14799e !important
}

.btn-info:not([disabled]):not(.disabled).active:focus,
.btn-info:not([disabled]):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.info-ic {
    color: #33b5e5 !important
}

.info-ic:focus,
.info-ic:hover {
    color: #33b5e5
}

table.table a.btn.btn-info {
    color: #fff
}

.btn-outline-info {
    border: 2px solid #33b5e5 !important;
    background-color: transparent !important;
    color: #33b5e5 !important
}

.btn-outline-info.active,
.btn-outline-info:active,
.btn-outline-info:active:focus,
.btn-outline-info:focus,
.btn-outline-info:hover {
    border-color: #33b5e5 !important;
    background-color: transparent !important;
    color: #33b5e5 !important
}

.btn-outline-info:not([disabled]):not(.disabled).active,
.btn-outline-info:not([disabled]):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #33b5e5 !important
}

.btn-outline-info:not([disabled]):not(.disabled).active:focus,
.btn-outline-info:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-default {
    background-color: #2bbbad !important;
    color: #fff
}

.btn-default:hover {
    background-color: #30cfc0;
    color: #fff
}

.btn-default.focus,
.btn-default:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-default.active,
.btn-default:active,
.btn-default:focus {
    background-color: #186860
}

.btn-default.dropdown-toggle {
    background-color: #2bbbad !important
}

.btn-default.dropdown-toggle:focus,
.btn-default.dropdown-toggle:hover {
    background-color: #30cfc0 !important
}

.btn-default:not([disabled]):not(.disabled).active,
.btn-default:not([disabled]):not(.disabled):active,
.show>.btn-default.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #186860 !important
}

.btn-default:not([disabled]):not(.disabled).active:focus,
.btn-default:not([disabled]):not(.disabled):active:focus,
.show>.btn-default.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.default-ic {
    color: #2bbbad !important
}

.default-ic:focus,
.default-ic:hover {
    color: #2bbbad
}

table.table a.btn.btn-default {
    color: #fff
}

.btn-outline-default {
    border: 2px solid #2bbbad !important;
    background-color: transparent !important;
    color: #2bbbad !important
}

.btn-outline-default.active,
.btn-outline-default:active,
.btn-outline-default:active:focus,
.btn-outline-default:focus,
.btn-outline-default:hover {
    border-color: #2bbbad !important;
    background-color: transparent !important;
    color: #2bbbad !important
}

.btn-outline-default:not([disabled]):not(.disabled).active,
.btn-outline-default:not([disabled]):not(.disabled):active,
.show>.btn-outline-default.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #2bbbad !important
}

.btn-outline-default:not([disabled]):not(.disabled).active:focus,
.btn-outline-default:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-default.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-secondary {
    background-color: #a6c !important;
    color: #fff
}

.btn-secondary:hover {
    background-color: #b579d2;
    color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus {
    background-color: #739
}

.btn-secondary.dropdown-toggle {
    background-color: #a6c !important
}

.btn-secondary.dropdown-toggle:focus,
.btn-secondary.dropdown-toggle:hover {
    background-color: #b579d2 !important
}

.btn-secondary:not([disabled]):not(.disabled).active,
.btn-secondary:not([disabled]):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #739 !important
}

.btn-secondary:not([disabled]):not(.disabled).active:focus,
.btn-secondary:not([disabled]):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.secondary-ic {
    color: #a6c !important
}

.secondary-ic:focus,
.secondary-ic:hover {
    color: #a6c
}

table.table a.btn.btn-secondary {
    color: #fff
}

.btn-outline-secondary {
    border: 2px solid #a6c !important;
    background-color: transparent !important;
    color: #a6c !important
}

.btn-outline-secondary.active,
.btn-outline-secondary:active,
.btn-outline-secondary:active:focus,
.btn-outline-secondary:focus,
.btn-outline-secondary:hover {
    border-color: #a6c !important;
    background-color: transparent !important;
    color: #a6c !important
}

.btn-outline-secondary:not([disabled]):not(.disabled).active,
.btn-outline-secondary:not([disabled]):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #a6c !important
}

.btn-outline-secondary:not([disabled]):not(.disabled).active:focus,
.btn-outline-secondary:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-elegant {
    background-color: #2e2e2e !important;
    color: #fff
}

.btn-elegant:hover {
    background-color: #3b3b3b;
    color: #fff
}

.btn-elegant.focus,
.btn-elegant:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-elegant.active,
.btn-elegant:active,
.btn-elegant:focus {
    background-color: #000
}

.btn-elegant.dropdown-toggle {
    background-color: #2e2e2e !important
}

.btn-elegant.dropdown-toggle:focus,
.btn-elegant.dropdown-toggle:hover {
    background-color: #3b3b3b !important
}

.btn-elegant:not([disabled]):not(.disabled).active,
.btn-elegant:not([disabled]):not(.disabled):active,
.show>.btn-elegant.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #000 !important
}

.btn-elegant:not([disabled]):not(.disabled).active:focus,
.btn-elegant:not([disabled]):not(.disabled):active:focus,
.show>.btn-elegant.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.elegant-ic {
    color: #2e2e2e !important
}

.elegant-ic:focus,
.elegant-ic:hover {
    color: #2e2e2e
}

table.table a.btn.btn-elegant {
    color: #fff
}

.btn-outline-elegant {
    border: 2px solid #2e2e2e !important;
    background-color: transparent !important;
    color: #2e2e2e !important
}

.btn-outline-elegant.active,
.btn-outline-elegant:active,
.btn-outline-elegant:active:focus,
.btn-outline-elegant:focus,
.btn-outline-elegant:hover {
    border-color: #2e2e2e !important;
    background-color: transparent !important;
    color: #2e2e2e !important
}

.btn-outline-elegant:not([disabled]):not(.disabled).active,
.btn-outline-elegant:not([disabled]):not(.disabled):active,
.show>.btn-outline-elegant.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #2e2e2e !important
}

.btn-outline-elegant:not([disabled]):not(.disabled).active:focus,
.btn-outline-elegant:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-elegant.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-unique {
    background-color: #880e4f !important;
    color: #fff
}

.btn-unique:hover {
    background-color: #9f105c;
    color: #fff
}

.btn-unique.focus,
.btn-unique:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-unique.active,
.btn-unique:active,
.btn-unique:focus {
    background-color: #2c0419
}

.btn-unique.dropdown-toggle {
    background-color: #880e4f !important
}

.btn-unique.dropdown-toggle:focus,
.btn-unique.dropdown-toggle:hover {
    background-color: #9f105c !important
}

.btn-unique:not([disabled]):not(.disabled).active,
.btn-unique:not([disabled]):not(.disabled):active,
.show>.btn-unique.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #2c0419 !important
}

.btn-unique:not([disabled]):not(.disabled).active:focus,
.btn-unique:not([disabled]):not(.disabled):active:focus,
.show>.btn-unique.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.unique-ic {
    color: #880e4f !important
}

.unique-ic:focus,
.unique-ic:hover {
    color: #880e4f
}

table.table a.btn.btn-unique {
    color: #fff
}

.btn-outline-unique {
    border: 2px solid #880e4f !important;
    background-color: transparent !important;
    color: #880e4f !important
}

.btn-outline-unique.active,
.btn-outline-unique:active,
.btn-outline-unique:active:focus,
.btn-outline-unique:focus,
.btn-outline-unique:hover {
    border-color: #880e4f !important;
    background-color: transparent !important;
    color: #880e4f !important
}

.btn-outline-unique:not([disabled]):not(.disabled).active,
.btn-outline-unique:not([disabled]):not(.disabled):active,
.show>.btn-outline-unique.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #880e4f !important
}

.btn-outline-unique:not([disabled]):not(.disabled).active:focus,
.btn-outline-unique:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-unique.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-dark-green {
    background-color: #388e3c !important;
    color: #fff
}

.btn-dark-green:hover {
    background-color: #3fa044;
    color: #fff
}

.btn-dark-green.focus,
.btn-dark-green:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-dark-green.active,
.btn-dark-green:active,
.btn-dark-green:focus {
    background-color: #1b451d
}

.btn-dark-green.dropdown-toggle {
    background-color: #388e3c !important
}

.btn-dark-green.dropdown-toggle:focus,
.btn-dark-green.dropdown-toggle:hover {
    background-color: #3fa044 !important
}

.btn-dark-green:not([disabled]):not(.disabled).active,
.btn-dark-green:not([disabled]):not(.disabled):active,
.show>.btn-dark-green.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #1b451d !important
}

.btn-dark-green:not([disabled]):not(.disabled).active:focus,
.btn-dark-green:not([disabled]):not(.disabled):active:focus,
.show>.btn-dark-green.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.dark-green-ic {
    color: #388e3c !important
}

.dark-green-ic:focus,
.dark-green-ic:hover {
    color: #388e3c
}

table.table a.btn.btn-dark-green {
    color: #fff
}

.btn-outline-dark-green {
    border: 2px solid #388e3c !important;
    background-color: transparent !important;
    color: #388e3c !important
}

.btn-outline-dark-green.active,
.btn-outline-dark-green:active,
.btn-outline-dark-green:active:focus,
.btn-outline-dark-green:focus,
.btn-outline-dark-green:hover {
    border-color: #388e3c !important;
    background-color: transparent !important;
    color: #388e3c !important
}

.btn-outline-dark-green:not([disabled]):not(.disabled).active,
.btn-outline-dark-green:not([disabled]):not(.disabled):active,
.show>.btn-outline-dark-green.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #388e3c !important
}

.btn-outline-dark-green:not([disabled]):not(.disabled).active:focus,
.btn-outline-dark-green:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-dark-green.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-mdb-color {
    background-color: #59698d !important;
    color: #fff
}

.btn-mdb-color:hover {
    background-color: #63759d;
    color: #fff
}

.btn-mdb-color.focus,
.btn-mdb-color:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-mdb-color.active,
.btn-mdb-color:active,
.btn-mdb-color:focus {
    background-color: #323a4e
}

.btn-mdb-color.dropdown-toggle {
    background-color: #59698d !important
}

.btn-mdb-color.dropdown-toggle:focus,
.btn-mdb-color.dropdown-toggle:hover {
    background-color: #63759d !important
}

.btn-mdb-color:not([disabled]):not(.disabled).active,
.btn-mdb-color:not([disabled]):not(.disabled):active,
.show>.btn-mdb-color.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #323a4e !important
}

.btn-mdb-color:not([disabled]):not(.disabled).active:focus,
.btn-mdb-color:not([disabled]):not(.disabled):active:focus,
.show>.btn-mdb-color.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.mdb-color-ic {
    color: #59698d !important
}

.mdb-color-ic:focus,
.mdb-color-ic:hover {
    color: #59698d
}

table.table a.btn.btn-mdb-color {
    color: #fff
}

.btn-outline-mdb-color {
    border: 2px solid #59698d !important;
    background-color: transparent !important;
    color: #59698d !important
}

.btn-outline-mdb-color.active,
.btn-outline-mdb-color:active,
.btn-outline-mdb-color:active:focus,
.btn-outline-mdb-color:focus,
.btn-outline-mdb-color:hover {
    border-color: #59698d !important;
    background-color: transparent !important;
    color: #59698d !important
}

.btn-outline-mdb-color:not([disabled]):not(.disabled).active,
.btn-outline-mdb-color:not([disabled]):not(.disabled):active,
.show>.btn-outline-mdb-color.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #59698d !important
}

.btn-outline-mdb-color:not([disabled]):not(.disabled).active:focus,
.btn-outline-mdb-color:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-mdb-color.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-red {
    background-color: #d32f2f !important;
    color: #fff
}

.btn-red:hover {
    background-color: #d74444;
    color: #fff
}

.btn-red.focus,
.btn-red:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-red.active,
.btn-red:active,
.btn-red:focus {
    background-color: #811b1b
}

.btn-red.dropdown-toggle {
    background-color: #d32f2f !important
}

.btn-red.dropdown-toggle:focus,
.btn-red.dropdown-toggle:hover {
    background-color: #d74444 !important
}

.btn-red:not([disabled]):not(.disabled).active,
.btn-red:not([disabled]):not(.disabled):active,
.show>.btn-red.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #811b1b !important
}

.btn-red:not([disabled]):not(.disabled).active:focus,
.btn-red:not([disabled]):not(.disabled):active:focus,
.show>.btn-red.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.red-ic {
    color: #d32f2f !important
}

.red-ic:focus,
.red-ic:hover {
    color: #d32f2f
}

table.table a.btn.btn-red {
    color: #fff
}

.btn-outline-red {
    border: 2px solid #d32f2f !important;
    background-color: transparent !important;
    color: #d32f2f !important
}

.btn-outline-red.active,
.btn-outline-red:active,
.btn-outline-red:active:focus,
.btn-outline-red:focus,
.btn-outline-red:hover {
    border-color: #d32f2f !important;
    background-color: transparent !important;
    color: #d32f2f !important
}

.btn-outline-red:not([disabled]):not(.disabled).active,
.btn-outline-red:not([disabled]):not(.disabled):active,
.show>.btn-outline-red.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #d32f2f !important
}

.btn-outline-red:not([disabled]):not(.disabled).active:focus,
.btn-outline-red:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-red.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-pink {
    background-color: #ec407a !important;
    color: #fff
}

.btn-pink:hover {
    background-color: #ee578a;
    color: #fff
}

.btn-pink.focus,
.btn-pink:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-pink.active,
.btn-pink:active,
.btn-pink:focus {
    background-color: #b41249
}

.btn-pink.dropdown-toggle {
    background-color: #ec407a !important
}

.btn-pink.dropdown-toggle:focus,
.btn-pink.dropdown-toggle:hover {
    background-color: #ee578a !important
}

.btn-pink:not([disabled]):not(.disabled).active,
.btn-pink:not([disabled]):not(.disabled):active,
.show>.btn-pink.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #b41249 !important
}

.btn-pink:not([disabled]):not(.disabled).active:focus,
.btn-pink:not([disabled]):not(.disabled):active:focus,
.show>.btn-pink.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.pink-ic {
    color: #ec407a !important
}

.pink-ic:focus,
.pink-ic:hover {
    color: #ec407a
}

table.table a.btn.btn-pink {
    color: #fff
}

.btn-outline-pink {
    border: 2px solid #ec407a !important;
    background-color: transparent !important;
    color: #ec407a !important
}

.btn-outline-pink.active,
.btn-outline-pink:active,
.btn-outline-pink:active:focus,
.btn-outline-pink:focus,
.btn-outline-pink:hover {
    border-color: #ec407a !important;
    background-color: transparent !important;
    color: #ec407a !important
}

.btn-outline-pink:not([disabled]):not(.disabled).active,
.btn-outline-pink:not([disabled]):not(.disabled):active,
.show>.btn-outline-pink.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #ec407a !important
}

.btn-outline-pink:not([disabled]):not(.disabled).active:focus,
.btn-outline-pink:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-pink.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-purple {
    background-color: #8e24aa !important;
    color: #fff
}

.btn-purple:hover {
    background-color: #a028bf;
    color: #fff
}

.btn-purple.focus,
.btn-purple:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-purple.active,
.btn-purple:active,
.btn-purple:focus {
    background-color: #481256
}

.btn-purple.dropdown-toggle {
    background-color: #8e24aa !important
}

.btn-purple.dropdown-toggle:focus,
.btn-purple.dropdown-toggle:hover {
    background-color: #a028bf !important
}

.btn-purple:not([disabled]):not(.disabled).active,
.btn-purple:not([disabled]):not(.disabled):active,
.show>.btn-purple.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #481256 !important
}

.btn-purple:not([disabled]):not(.disabled).active:focus,
.btn-purple:not([disabled]):not(.disabled):active:focus,
.show>.btn-purple.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.purple-ic {
    color: #8e24aa !important
}

.purple-ic:focus,
.purple-ic:hover {
    color: #8e24aa
}

table.table a.btn.btn-purple {
    color: #fff
}

.btn-outline-purple {
    border: 2px solid #8e24aa !important;
    background-color: transparent !important;
    color: #8e24aa !important
}

.btn-outline-purple.active,
.btn-outline-purple:active,
.btn-outline-purple:active:focus,
.btn-outline-purple:focus,
.btn-outline-purple:hover {
    border-color: #8e24aa !important;
    background-color: transparent !important;
    color: #8e24aa !important
}

.btn-outline-purple:not([disabled]):not(.disabled).active,
.btn-outline-purple:not([disabled]):not(.disabled):active,
.show>.btn-outline-purple.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #8e24aa !important
}

.btn-outline-purple:not([disabled]):not(.disabled).active:focus,
.btn-outline-purple:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-purple.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-deep-purple {
    background-color: #512da8 !important;
    color: #fff
}

.btn-deep-purple:hover {
    background-color: #5b32bc;
    color: #fff
}

.btn-deep-purple.focus,
.btn-deep-purple:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-deep-purple.active,
.btn-deep-purple:active,
.btn-deep-purple:focus {
    background-color: #2a1758
}

.btn-deep-purple.dropdown-toggle {
    background-color: #512da8 !important
}

.btn-deep-purple.dropdown-toggle:focus,
.btn-deep-purple.dropdown-toggle:hover {
    background-color: #5b32bc !important
}

.btn-deep-purple:not([disabled]):not(.disabled).active,
.btn-deep-purple:not([disabled]):not(.disabled):active,
.show>.btn-deep-purple.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #2a1758 !important
}

.btn-deep-purple:not([disabled]):not(.disabled).active:focus,
.btn-deep-purple:not([disabled]):not(.disabled):active:focus,
.show>.btn-deep-purple.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.deep-purple-ic {
    color: #512da8 !important
}

.deep-purple-ic:focus,
.deep-purple-ic:hover {
    color: #512da8
}

table.table a.btn.btn-deep-purple {
    color: #fff
}

.btn-outline-deep-purple {
    border: 2px solid #512da8 !important;
    background-color: transparent !important;
    color: #512da8 !important
}

.btn-outline-deep-purple.active,
.btn-outline-deep-purple:active,
.btn-outline-deep-purple:active:focus,
.btn-outline-deep-purple:focus,
.btn-outline-deep-purple:hover {
    border-color: #512da8 !important;
    background-color: transparent !important;
    color: #512da8 !important
}

.btn-outline-deep-purple:not([disabled]):not(.disabled).active,
.btn-outline-deep-purple:not([disabled]):not(.disabled):active,
.show>.btn-outline-deep-purple.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #512da8 !important
}

.btn-outline-deep-purple:not([disabled]):not(.disabled).active:focus,
.btn-outline-deep-purple:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-deep-purple.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-indigo {
    background-color: #3f51b5 !important;
    color: #fff
}

.btn-indigo:hover {
    background-color: #4d5ec1;
    color: #fff
}

.btn-indigo.focus,
.btn-indigo:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-indigo.active,
.btn-indigo:active,
.btn-indigo:focus {
    background-color: #252f69
}

.btn-indigo.dropdown-toggle {
    background-color: #3f51b5 !important
}

.btn-indigo.dropdown-toggle:focus,
.btn-indigo.dropdown-toggle:hover {
    background-color: #4d5ec1 !important
}

.btn-indigo:not([disabled]):not(.disabled).active,
.btn-indigo:not([disabled]):not(.disabled):active,
.show>.btn-indigo.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #252f69 !important
}

.btn-indigo:not([disabled]):not(.disabled).active:focus,
.btn-indigo:not([disabled]):not(.disabled):active:focus,
.show>.btn-indigo.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

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

.indigo-ic:focus,
.indigo-ic:hover {
    color: #3f51b5
}

table.table a.btn.btn-indigo {
    color: #fff
}

.btn-outline-indigo {
    border: 2px solid #3f51b5 !important;
    background-color: transparent !important;
    color: #3f51b5 !important
}

.btn-outline-indigo.active,
.btn-outline-indigo:active,
.btn-outline-indigo:active:focus,
.btn-outline-indigo:focus,
.btn-outline-indigo:hover {
    border-color: #3f51b5 !important;
    background-color: transparent !important;
    color: #3f51b5 !important
}

.btn-outline-indigo:not([disabled]):not(.disabled).active,
.btn-outline-indigo:not([disabled]):not(.disabled):active,
.show>.btn-outline-indigo.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #3f51b5 !important
}

.btn-outline-indigo:not([disabled]):not(.disabled).active:focus,
.btn-outline-indigo:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-indigo.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-blue {
    background-color: #1976d2 !important;
    color: #fff
}

.btn-blue:hover {
    background-color: #2083e4;
    color: #fff
}

.btn-blue.focus,
.btn-blue:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-blue.active,
.btn-blue:active,
.btn-blue:focus {
    background-color: #0e4377
}

.btn-blue.dropdown-toggle {
    background-color: #1976d2 !important
}

.btn-blue.dropdown-toggle:focus,
.btn-blue.dropdown-toggle:hover {
    background-color: #2083e4 !important
}

.btn-blue:not([disabled]):not(.disabled).active,
.btn-blue:not([disabled]):not(.disabled):active,
.show>.btn-blue.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #0e4377 !important
}

.btn-blue:not([disabled]):not(.disabled).active:focus,
.btn-blue:not([disabled]):not(.disabled):active:focus,
.show>.btn-blue.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.blue-ic {
    color: #1976d2 !important
}

.blue-ic:focus,
.blue-ic:hover {
    color: #1976d2
}

table.table a.btn.btn-blue {
    color: #fff
}

.btn-outline-blue {
    border: 2px solid #1976d2 !important;
    background-color: transparent !important;
    color: #1976d2 !important
}

.btn-outline-blue.active,
.btn-outline-blue:active,
.btn-outline-blue:active:focus,
.btn-outline-blue:focus,
.btn-outline-blue:hover {
    border-color: #1976d2 !important;
    background-color: transparent !important;
    color: #1976d2 !important
}

.btn-outline-blue:not([disabled]):not(.disabled).active,
.btn-outline-blue:not([disabled]):not(.disabled):active,
.show>.btn-outline-blue.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #1976d2 !important
}

.btn-outline-blue:not([disabled]):not(.disabled).active:focus,
.btn-outline-blue:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-blue.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-light-blue {
    background-color: #82b1ff !important;
    color: #fff
}

.btn-light-blue:hover {
    background-color: #9cc1ff;
    color: #fff
}

.btn-light-blue.focus,
.btn-light-blue:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-light-blue.active,
.btn-light-blue:active,
.btn-light-blue:focus {
    background-color: #1c71ff
}

.btn-light-blue.dropdown-toggle {
    background-color: #82b1ff !important
}

.btn-light-blue.dropdown-toggle:focus,
.btn-light-blue.dropdown-toggle:hover {
    background-color: #9cc1ff !important
}

.btn-light-blue:not([disabled]):not(.disabled).active,
.btn-light-blue:not([disabled]):not(.disabled):active,
.show>.btn-light-blue.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #1c71ff !important
}

.btn-light-blue:not([disabled]):not(.disabled).active:focus,
.btn-light-blue:not([disabled]):not(.disabled):active:focus,
.show>.btn-light-blue.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.light-blue-ic {
    color: #82b1ff !important
}

.light-blue-ic:focus,
.light-blue-ic:hover {
    color: #82b1ff
}

table.table a.btn.btn-light-blue {
    color: #fff
}

.btn-outline-light-blue {
    border: 2px solid #82b1ff !important;
    background-color: transparent !important;
    color: #82b1ff !important
}

.btn-outline-light-blue.active,
.btn-outline-light-blue:active,
.btn-outline-light-blue:active:focus,
.btn-outline-light-blue:focus,
.btn-outline-light-blue:hover {
    border-color: #82b1ff !important;
    background-color: transparent !important;
    color: #82b1ff !important
}

.btn-outline-light-blue:not([disabled]):not(.disabled).active,
.btn-outline-light-blue:not([disabled]):not(.disabled):active,
.show>.btn-outline-light-blue.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #82b1ff !important
}

.btn-outline-light-blue:not([disabled]):not(.disabled).active:focus,
.btn-outline-light-blue:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-light-blue.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-cyan {
    background-color: #00bcd4 !important;
    color: #fff
}

.btn-cyan:hover {
    background-color: #00d3ee;
    color: #fff
}

.btn-cyan.focus,
.btn-cyan:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-cyan.active,
.btn-cyan:active,
.btn-cyan:focus {
    background-color: #00626e
}

.btn-cyan.dropdown-toggle {
    background-color: #00bcd4 !important
}

.btn-cyan.dropdown-toggle:focus,
.btn-cyan.dropdown-toggle:hover {
    background-color: #00d3ee !important
}

.btn-cyan:not([disabled]):not(.disabled).active,
.btn-cyan:not([disabled]):not(.disabled):active,
.show>.btn-cyan.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #00626e !important
}

.btn-cyan:not([disabled]):not(.disabled).active:focus,
.btn-cyan:not([disabled]):not(.disabled):active:focus,
.show>.btn-cyan.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

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

.cyan-ic:focus,
.cyan-ic:hover {
    color: #00bcd4
}

table.table a.btn.btn-cyan {
    color: #fff
}

.btn-outline-cyan {
    border: 2px solid #00bcd4 !important;
    background-color: transparent !important;
    color: #00bcd4 !important
}

.btn-outline-cyan.active,
.btn-outline-cyan:active,
.btn-outline-cyan:active:focus,
.btn-outline-cyan:focus,
.btn-outline-cyan:hover {
    border-color: #00bcd4 !important;
    background-color: transparent !important;
    color: #00bcd4 !important
}

.btn-outline-cyan:not([disabled]):not(.disabled).active,
.btn-outline-cyan:not([disabled]):not(.disabled):active,
.show>.btn-outline-cyan.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #00bcd4 !important
}

.btn-outline-cyan:not([disabled]):not(.disabled).active:focus,
.btn-outline-cyan:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-cyan.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-teal {
    background-color: #00796b !important;
    color: #fff
}

.btn-teal:hover {
    background-color: #009382;
    color: #fff
}

.btn-teal.focus,
.btn-teal:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-teal.active,
.btn-teal:active,
.btn-teal:focus {
    background-color: #001311
}

.btn-teal.dropdown-toggle {
    background-color: #00796b !important
}

.btn-teal.dropdown-toggle:focus,
.btn-teal.dropdown-toggle:hover {
    background-color: #009382 !important
}

.btn-teal:not([disabled]):not(.disabled).active,
.btn-teal:not([disabled]):not(.disabled):active,
.show>.btn-teal.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #001311 !important
}

.btn-teal:not([disabled]):not(.disabled).active:focus,
.btn-teal:not([disabled]):not(.disabled):active:focus,
.show>.btn-teal.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.teal-ic {
    color: #00796b !important
}

.teal-ic:focus,
.teal-ic:hover {
    color: #00796b
}

table.table a.btn.btn-teal {
    color: #fff
}

.btn-outline-teal {
    border: 2px solid #00796b !important;
    background-color: transparent !important;
    color: #00796b !important
}

.btn-outline-teal.active,
.btn-outline-teal:active,
.btn-outline-teal:active:focus,
.btn-outline-teal:focus,
.btn-outline-teal:hover {
    border-color: #00796b !important;
    background-color: transparent !important;
    color: #00796b !important
}

.btn-outline-teal:not([disabled]):not(.disabled).active,
.btn-outline-teal:not([disabled]):not(.disabled):active,
.show>.btn-outline-teal.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #00796b !important
}

.btn-outline-teal:not([disabled]):not(.disabled).active:focus,
.btn-outline-teal:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-teal.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-green {
    background-color: #388e3c !important;
    color: #fff
}

.btn-green:hover {
    background-color: #3fa044;
    color: #fff
}

.btn-green.focus,
.btn-green:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-green.active,
.btn-green:active,
.btn-green:focus {
    background-color: #1b451d
}

.btn-green.dropdown-toggle {
    background-color: #388e3c !important
}

.btn-green.dropdown-toggle:focus,
.btn-green.dropdown-toggle:hover {
    background-color: #3fa044 !important
}

.btn-green:not([disabled]):not(.disabled).active,
.btn-green:not([disabled]):not(.disabled):active,
.show>.btn-green.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #1b451d !important
}

.btn-green:not([disabled]):not(.disabled).active:focus,
.btn-green:not([disabled]):not(.disabled):active:focus,
.show>.btn-green.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.green-ic {
    color: #388e3c !important
}

.green-ic:focus,
.green-ic:hover {
    color: #388e3c
}

table.table a.btn.btn-green {
    color: #fff
}

.btn-outline-green {
    border: 2px solid #388e3c !important;
    background-color: transparent !important;
    color: #388e3c !important
}

.btn-outline-green.active,
.btn-outline-green:active,
.btn-outline-green:active:focus,
.btn-outline-green:focus,
.btn-outline-green:hover {
    border-color: #388e3c !important;
    background-color: transparent !important;
    color: #388e3c !important
}

.btn-outline-green:not([disabled]):not(.disabled).active,
.btn-outline-green:not([disabled]):not(.disabled):active,
.show>.btn-outline-green.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #388e3c !important
}

.btn-outline-green:not([disabled]):not(.disabled).active:focus,
.btn-outline-green:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-green.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-light-green {
    background-color: #8bc34a !important;
    color: #fff
}

.btn-light-green:hover {
    background-color: #97c95d;
    color: #fff
}

.btn-light-green.focus,
.btn-light-green:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-light-green.active,
.btn-light-green:active,
.btn-light-green:focus {
    background-color: #577d2a
}

.btn-light-green.dropdown-toggle {
    background-color: #8bc34a !important
}

.btn-light-green.dropdown-toggle:focus,
.btn-light-green.dropdown-toggle:hover {
    background-color: #97c95d !important
}

.btn-light-green:not([disabled]):not(.disabled).active,
.btn-light-green:not([disabled]):not(.disabled):active,
.show>.btn-light-green.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #577d2a !important
}

.btn-light-green:not([disabled]):not(.disabled).active:focus,
.btn-light-green:not([disabled]):not(.disabled):active:focus,
.show>.btn-light-green.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

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

.light-green-ic:focus,
.light-green-ic:hover {
    color: #8bc34a
}

table.table a.btn.btn-light-green {
    color: #fff
}

.btn-outline-light-green {
    border: 2px solid #8bc34a !important;
    background-color: transparent !important;
    color: #8bc34a !important
}

.btn-outline-light-green.active,
.btn-outline-light-green:active,
.btn-outline-light-green:active:focus,
.btn-outline-light-green:focus,
.btn-outline-light-green:hover {
    border-color: #8bc34a !important;
    background-color: transparent !important;
    color: #8bc34a !important
}

.btn-outline-light-green:not([disabled]):not(.disabled).active,
.btn-outline-light-green:not([disabled]):not(.disabled):active,
.show>.btn-outline-light-green.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #8bc34a !important
}

.btn-outline-light-green:not([disabled]):not(.disabled).active:focus,
.btn-outline-light-green:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-light-green.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-lime {
    background-color: #afb42b !important;
    color: #fff
}

.btn-lime:hover {
    background-color: #c3c930;
    color: #fff
}

.btn-lime.focus,
.btn-lime:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-lime.active,
.btn-lime:active,
.btn-lime:focus {
    background-color: #5f6217
}

.btn-lime.dropdown-toggle {
    background-color: #afb42b !important
}

.btn-lime.dropdown-toggle:focus,
.btn-lime.dropdown-toggle:hover {
    background-color: #c3c930 !important
}

.btn-lime:not([disabled]):not(.disabled).active,
.btn-lime:not([disabled]):not(.disabled):active,
.show>.btn-lime.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #5f6217 !important
}

.btn-lime:not([disabled]):not(.disabled).active:focus,
.btn-lime:not([disabled]):not(.disabled):active:focus,
.show>.btn-lime.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.lime-ic {
    color: #afb42b !important
}

.lime-ic:focus,
.lime-ic:hover {
    color: #afb42b
}

table.table a.btn.btn-lime {
    color: #fff
}

.btn-outline-lime {
    border: 2px solid #afb42b !important;
    background-color: transparent !important;
    color: #afb42b !important
}

.btn-outline-lime.active,
.btn-outline-lime:active,
.btn-outline-lime:active:focus,
.btn-outline-lime:focus,
.btn-outline-lime:hover {
    border-color: #afb42b !important;
    background-color: transparent !important;
    color: #afb42b !important
}

.btn-outline-lime:not([disabled]):not(.disabled).active,
.btn-outline-lime:not([disabled]):not(.disabled):active,
.show>.btn-outline-lime.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #afb42b !important
}

.btn-outline-lime:not([disabled]):not(.disabled).active:focus,
.btn-outline-lime:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-lime.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-yellow {
    background-color: #fbc02d !important;
    color: #fff
}

.btn-yellow:hover {
    background-color: #fbc846;
    color: #fff
}

.btn-yellow.focus,
.btn-yellow:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-yellow.active,
.btn-yellow:active,
.btn-yellow:focus {
    background-color: #be8904
}

.btn-yellow.dropdown-toggle {
    background-color: #fbc02d !important
}

.btn-yellow.dropdown-toggle:focus,
.btn-yellow.dropdown-toggle:hover {
    background-color: #fbc846 !important
}

.btn-yellow:not([disabled]):not(.disabled).active,
.btn-yellow:not([disabled]):not(.disabled):active,
.show>.btn-yellow.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #be8904 !important
}

.btn-yellow:not([disabled]):not(.disabled).active:focus,
.btn-yellow:not([disabled]):not(.disabled):active:focus,
.show>.btn-yellow.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.yellow-ic {
    color: #fbc02d !important
}

.yellow-ic:focus,
.yellow-ic:hover {
    color: #fbc02d
}

table.table a.btn.btn-yellow {
    color: #fff
}

.btn-outline-yellow {
    border: 2px solid #fbc02d !important;
    background-color: transparent !important;
    color: #fbc02d !important
}

.btn-outline-yellow.active,
.btn-outline-yellow:active,
.btn-outline-yellow:active:focus,
.btn-outline-yellow:focus,
.btn-outline-yellow:hover {
    border-color: #fbc02d !important;
    background-color: transparent !important;
    color: #fbc02d !important
}

.btn-outline-yellow:not([disabled]):not(.disabled).active,
.btn-outline-yellow:not([disabled]):not(.disabled):active,
.show>.btn-outline-yellow.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #fbc02d !important
}

.btn-outline-yellow:not([disabled]):not(.disabled).active:focus,
.btn-outline-yellow:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-yellow.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-amber {
    background-color: #ffa000 !important;
    color: #fff
}

.btn-amber:hover {
    background-color: #ffaa1a;
    color: #fff
}

.btn-amber.focus,
.btn-amber:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-amber.active,
.btn-amber:active,
.btn-amber:focus {
    background-color: #996000
}

.btn-amber.dropdown-toggle {
    background-color: #ffa000 !important
}

.btn-amber.dropdown-toggle:focus,
.btn-amber.dropdown-toggle:hover {
    background-color: #ffaa1a !important
}

.btn-amber:not([disabled]):not(.disabled).active,
.btn-amber:not([disabled]):not(.disabled):active,
.show>.btn-amber.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #996000 !important
}

.btn-amber:not([disabled]):not(.disabled).active:focus,
.btn-amber:not([disabled]):not(.disabled):active:focus,
.show>.btn-amber.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.amber-ic {
    color: #ffa000 !important
}

.amber-ic:focus,
.amber-ic:hover {
    color: #ffa000
}

table.table a.btn.btn-amber {
    color: #fff
}

.btn-outline-amber {
    border: 2px solid #ffa000 !important;
    background-color: transparent !important;
    color: #ffa000 !important
}

.btn-outline-amber.active,
.btn-outline-amber:active,
.btn-outline-amber:active:focus,
.btn-outline-amber:focus,
.btn-outline-amber:hover {
    border-color: #ffa000 !important;
    background-color: transparent !important;
    color: #ffa000 !important
}

.btn-outline-amber:not([disabled]):not(.disabled).active,
.btn-outline-amber:not([disabled]):not(.disabled):active,
.show>.btn-outline-amber.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #ffa000 !important
}

.btn-outline-amber:not([disabled]):not(.disabled).active:focus,
.btn-outline-amber:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-amber.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-orange {
    background-color: #f57c00 !important;
    color: #fff
}

.btn-orange:hover {
    background-color: #ff8910;
    color: #fff
}

.btn-orange.focus,
.btn-orange:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-orange.active,
.btn-orange:active,
.btn-orange:focus {
    background-color: #8f4800
}

.btn-orange.dropdown-toggle {
    background-color: #f57c00 !important
}

.btn-orange.dropdown-toggle:focus,
.btn-orange.dropdown-toggle:hover {
    background-color: #ff8910 !important
}

.btn-orange:not([disabled]):not(.disabled).active,
.btn-orange:not([disabled]):not(.disabled):active,
.show>.btn-orange.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #8f4800 !important
}

.btn-orange:not([disabled]):not(.disabled).active:focus,
.btn-orange:not([disabled]):not(.disabled):active:focus,
.show>.btn-orange.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.orange-ic {
    color: #f57c00 !important
}

.orange-ic:focus,
.orange-ic:hover {
    color: #f57c00
}

table.table a.btn.btn-orange {
    color: #fff
}

.btn-outline-orange {
    border: 2px solid #f57c00 !important;
    background-color: transparent !important;
    color: #f57c00 !important
}

.btn-outline-orange.active,
.btn-outline-orange:active,
.btn-outline-orange:active:focus,
.btn-outline-orange:focus,
.btn-outline-orange:hover {
    border-color: #f57c00 !important;
    background-color: transparent !important;
    color: #f57c00 !important
}

.btn-outline-orange:not([disabled]):not(.disabled).active,
.btn-outline-orange:not([disabled]):not(.disabled):active,
.show>.btn-outline-orange.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #f57c00 !important
}

.btn-outline-orange:not([disabled]):not(.disabled).active:focus,
.btn-outline-orange:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-orange.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-deep-orange {
    background-color: #ff7043 !important;
    color: #fff
}

.btn-deep-orange:hover {
    background-color: #ff835d;
    color: #fff
}

.btn-deep-orange.focus,
.btn-deep-orange:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-deep-orange.active,
.btn-deep-orange:active,
.btn-deep-orange:focus {
    background-color: #dc3500
}

.btn-deep-orange.dropdown-toggle {
    background-color: #ff7043 !important
}

.btn-deep-orange.dropdown-toggle:focus,
.btn-deep-orange.dropdown-toggle:hover {
    background-color: #ff835d !important
}

.btn-deep-orange:not([disabled]):not(.disabled).active,
.btn-deep-orange:not([disabled]):not(.disabled):active,
.show>.btn-deep-orange.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #dc3500 !important
}

.btn-deep-orange:not([disabled]):not(.disabled).active:focus,
.btn-deep-orange:not([disabled]):not(.disabled):active:focus,
.show>.btn-deep-orange.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.deep-orange-ic {
    color: #ff7043 !important
}

.deep-orange-ic:focus,
.deep-orange-ic:hover {
    color: #ff7043
}

table.table a.btn.btn-deep-orange {
    color: #fff
}

.btn-outline-deep-orange {
    border: 2px solid #ff7043 !important;
    background-color: transparent !important;
    color: #ff7043 !important
}

.btn-outline-deep-orange.active,
.btn-outline-deep-orange:active,
.btn-outline-deep-orange:active:focus,
.btn-outline-deep-orange:focus,
.btn-outline-deep-orange:hover {
    border-color: #ff7043 !important;
    background-color: transparent !important;
    color: #ff7043 !important
}

.btn-outline-deep-orange:not([disabled]):not(.disabled).active,
.btn-outline-deep-orange:not([disabled]):not(.disabled):active,
.show>.btn-outline-deep-orange.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #ff7043 !important
}

.btn-outline-deep-orange:not([disabled]):not(.disabled).active:focus,
.btn-outline-deep-orange:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-deep-orange.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-brown {
    background-color: #795548 !important;
    color: #fff
}

.btn-brown:hover {
    background-color: #896052;
    color: #fff
}

.btn-brown.focus,
.btn-brown:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-brown.active,
.btn-brown:active,
.btn-brown:focus {
    background-color: #392822
}

.btn-brown.dropdown-toggle {
    background-color: #795548 !important
}

.btn-brown.dropdown-toggle:focus,
.btn-brown.dropdown-toggle:hover {
    background-color: #896052 !important
}

.btn-brown:not([disabled]):not(.disabled).active,
.btn-brown:not([disabled]):not(.disabled):active,
.show>.btn-brown.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #392822 !important
}

.btn-brown:not([disabled]):not(.disabled).active:focus,
.btn-brown:not([disabled]):not(.disabled):active:focus,
.show>.btn-brown.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.brown-ic {
    color: #795548 !important
}

.brown-ic:focus,
.brown-ic:hover {
    color: #795548
}

table.table a.btn.btn-brown {
    color: #fff
}

.btn-outline-brown {
    border: 2px solid #795548 !important;
    background-color: transparent !important;
    color: #795548 !important
}

.btn-outline-brown.active,
.btn-outline-brown:active,
.btn-outline-brown:active:focus,
.btn-outline-brown:focus,
.btn-outline-brown:hover {
    border-color: #795548 !important;
    background-color: transparent !important;
    color: #795548 !important
}

.btn-outline-brown:not([disabled]):not(.disabled).active,
.btn-outline-brown:not([disabled]):not(.disabled):active,
.show>.btn-outline-brown.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #795548 !important
}

.btn-outline-brown:not([disabled]):not(.disabled).active:focus,
.btn-outline-brown:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-brown.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-grey {
    background-color: #616161 !important;
    color: #fff
}

.btn-grey:hover {
    background-color: #6e6e6e;
    color: #fff
}

.btn-grey.focus,
.btn-grey:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-grey.active,
.btn-grey:active,
.btn-grey:focus {
    background-color: #2e2e2e
}

.btn-grey.dropdown-toggle {
    background-color: #616161 !important
}

.btn-grey.dropdown-toggle:focus,
.btn-grey.dropdown-toggle:hover {
    background-color: #6e6e6e !important
}

.btn-grey:not([disabled]):not(.disabled).active,
.btn-grey:not([disabled]):not(.disabled):active,
.show>.btn-grey.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #2e2e2e !important
}

.btn-grey:not([disabled]):not(.disabled).active:focus,
.btn-grey:not([disabled]):not(.disabled):active:focus,
.show>.btn-grey.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.grey-ic {
    color: #616161 !important
}

.grey-ic:focus,
.grey-ic:hover {
    color: #616161
}

table.table a.btn.btn-grey {
    color: #fff
}

.btn-outline-grey {
    border: 2px solid #616161 !important;
    background-color: transparent !important;
    color: #616161 !important
}

.btn-outline-grey.active,
.btn-outline-grey:active,
.btn-outline-grey:active:focus,
.btn-outline-grey:focus,
.btn-outline-grey:hover {
    border-color: #616161 !important;
    background-color: transparent !important;
    color: #616161 !important
}

.btn-outline-grey:not([disabled]):not(.disabled).active,
.btn-outline-grey:not([disabled]):not(.disabled):active,
.show>.btn-outline-grey.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #616161 !important
}

.btn-outline-grey:not([disabled]):not(.disabled).active:focus,
.btn-outline-grey:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-grey.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-blue-grey {
    background-color: #78909c !important;
    color: #fff
}

.btn-blue-grey:hover {
    background-color: #879ca7;
    color: #fff
}

.btn-blue-grey.focus,
.btn-blue-grey:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-blue-grey.active,
.btn-blue-grey:active,
.btn-blue-grey:focus {
    background-color: #4a5b64
}

.btn-blue-grey.dropdown-toggle {
    background-color: #78909c !important
}

.btn-blue-grey.dropdown-toggle:focus,
.btn-blue-grey.dropdown-toggle:hover {
    background-color: #879ca7 !important
}

.btn-blue-grey:not([disabled]):not(.disabled).active,
.btn-blue-grey:not([disabled]):not(.disabled):active,
.show>.btn-blue-grey.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #4a5b64 !important
}

.btn-blue-grey:not([disabled]):not(.disabled).active:focus,
.btn-blue-grey:not([disabled]):not(.disabled):active:focus,
.show>.btn-blue-grey.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.blue-grey-ic {
    color: #78909c !important
}

.blue-grey-ic:focus,
.blue-grey-ic:hover {
    color: #78909c
}

table.table a.btn.btn-blue-grey {
    color: #fff
}

.btn-outline-blue-grey {
    border: 2px solid #78909c !important;
    background-color: transparent !important;
    color: #78909c !important
}

.btn-outline-blue-grey.active,
.btn-outline-blue-grey:active,
.btn-outline-blue-grey:active:focus,
.btn-outline-blue-grey:focus,
.btn-outline-blue-grey:hover {
    border-color: #78909c !important;
    background-color: transparent !important;
    color: #78909c !important
}

.btn-outline-blue-grey:not([disabled]):not(.disabled).active,
.btn-outline-blue-grey:not([disabled]):not(.disabled):active,
.show>.btn-outline-blue-grey.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #78909c !important
}

.btn-outline-blue-grey:not([disabled]):not(.disabled).active:focus,
.btn-outline-blue-grey:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-blue-grey.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-dark {
    background-color: #212121 !important;
    color: #fff
}

.btn-dark:hover {
    background-color: #2e2e2e;
    color: #fff
}

.btn-dark.focus,
.btn-dark:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-dark.active,
.btn-dark:active,
.btn-dark:focus {
    background-color: #000
}

.btn-dark.dropdown-toggle {
    background-color: #212121 !important
}

.btn-dark.dropdown-toggle:focus,
.btn-dark.dropdown-toggle:hover {
    background-color: #2e2e2e !important
}

.btn-dark:not([disabled]):not(.disabled).active,
.btn-dark:not([disabled]):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #000 !important
}

.btn-dark:not([disabled]):not(.disabled).active:focus,
.btn-dark:not([disabled]):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.dark-ic {
    color: #212121 !important
}

.dark-ic:focus,
.dark-ic:hover {
    color: #212121
}

table.table a.btn.btn-dark {
    color: #fff
}

.btn-outline-dark {
    border: 2px solid #212121 !important;
    background-color: transparent !important;
    color: #212121 !important
}

.btn-outline-dark.active,
.btn-outline-dark:active,
.btn-outline-dark:active:focus,
.btn-outline-dark:focus,
.btn-outline-dark:hover {
    border-color: #212121 !important;
    background-color: transparent !important;
    color: #212121 !important
}

.btn-outline-dark:not([disabled]):not(.disabled).active,
.btn-outline-dark:not([disabled]):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #212121 !important
}

.btn-outline-dark:not([disabled]):not(.disabled).active:focus,
.btn-outline-dark:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-light {
    background-color: #e0e0e0 !important;
    color: #000
}

.btn-light:hover {
    background-color: #ededed;
    color: #000
}

.btn-light.focus,
.btn-light:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-light.active,
.btn-light:active,
.btn-light:focus {
    background-color: #adadad
}

.btn-light.dropdown-toggle {
    background-color: #e0e0e0 !important
}

.btn-light.dropdown-toggle:focus,
.btn-light.dropdown-toggle:hover {
    background-color: #ededed !important
}

.btn-light:not([disabled]):not(.disabled).active,
.btn-light:not([disabled]):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #adadad !important
}

.btn-light:not([disabled]):not(.disabled).active:focus,
.btn-light:not([disabled]):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.light-ic {
    color: #e0e0e0 !important
}

.light-ic:focus,
.light-ic:hover {
    color: #e0e0e0
}

table.table a.btn.btn-light {
    color: #000
}

.btn-outline-light {
    border: 2px solid #e0e0e0 !important;
    background-color: transparent !important;
    color: #e0e0e0 !important
}

.btn-outline-light.active,
.btn-outline-light:active,
.btn-outline-light:active:focus,
.btn-outline-light:focus,
.btn-outline-light:hover {
    border-color: #e0e0e0 !important;
    background-color: transparent !important;
    color: #e0e0e0 !important
}

.btn-outline-light:not([disabled]):not(.disabled).active,
.btn-outline-light:not([disabled]):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #e0e0e0 !important
}

.btn-outline-light:not([disabled]):not(.disabled).active:focus,
.btn-outline-light:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-white {
    background-color: #fff !important;
    color: #000
}

.btn-white:hover {
    background-color: #fff;
    color: #000
}

.btn-white.focus,
.btn-white:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-white.active,
.btn-white:active,
.btn-white:focus {
    background-color: #ccc
}

.btn-white.dropdown-toggle,
.btn-white.dropdown-toggle:focus,
.btn-white.dropdown-toggle:hover {
    background-color: #fff !important
}

.btn-white:not([disabled]):not(.disabled).active,
.btn-white:not([disabled]):not(.disabled):active,
.show>.btn-white.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #ccc !important
}

.btn-white:not([disabled]):not(.disabled).active:focus,
.btn-white:not([disabled]):not(.disabled):active:focus,
.show>.btn-white.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.white-ic {
    color: #fff !important
}

.white-ic:focus,
.white-ic:hover {
    color: #fff
}

a.btn:not([href]):not([tabindex]),
a.btn:not([href]):not([tabindex]):focus,
a.btn:not([href]):not([tabindex]):hover,
table.table a.btn.btn-white {
    color: #000
}

.btn-outline-white {
    border: 2px solid #fff !important;
    background-color: transparent !important;
    color: #fff !important
}

.btn-outline-white.active,
.btn-outline-white:active,
.btn-outline-white:active:focus,
.btn-outline-white:focus,
.btn-outline-white:hover {
    border-color: #fff !important;
    background-color: transparent !important;
    color: #fff !important
}

.btn-outline-white:not([disabled]):not(.disabled).active,
.btn-outline-white:not([disabled]):not(.disabled):active,
.show>.btn-outline-white.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #fff !important
}

.btn-outline-white:not([disabled]):not(.disabled).active:focus,
.btn-outline-white:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-white.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-black {
    background-color: #000 !important;
    color: #fff
}

.btn-black:hover {
    background-color: #0d0d0d;
    color: #fff
}

.btn-black.focus,
.btn-black:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-black.active,
.btn-black:active,
.btn-black:focus {
    background-color: #000
}

.btn-black.dropdown-toggle {
    background-color: #000 !important
}

.btn-black.dropdown-toggle:focus,
.btn-black.dropdown-toggle:hover {
    background-color: #0d0d0d !important
}

.btn-black:not([disabled]):not(.disabled).active,
.btn-black:not([disabled]):not(.disabled):active,
.show>.btn-black.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #000 !important
}

.btn-black:not([disabled]):not(.disabled).active:focus,
.btn-black:not([disabled]):not(.disabled):active:focus,
.show>.btn-black.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.black-ic {
    color: #000 !important
}

.black-ic:focus,
.black-ic:hover {
    color: #000
}

a.btn:not([href]):not([tabindex]),
a.btn:not([href]):not([tabindex]):focus,
a.btn:not([href]):not([tabindex]):hover,
table.table a.btn.btn-black {
    color: #fff
}

.btn-outline-black {
    border: 2px solid #000 !important;
    background-color: transparent !important;
    color: #000 !important
}

.btn-outline-black.active,
.btn-outline-black:active,
.btn-outline-black:active:focus,
.btn-outline-black:focus,
.btn-outline-black:hover {
    border-color: #000 !important;
    background-color: transparent !important;
    color: #000 !important
}

.btn-outline-black:not([disabled]):not(.disabled).active,
.btn-outline-black:not([disabled]):not(.disabled):active,
.show>.btn-outline-black.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: transparent !important;
    border-color: #000 !important
}

.btn-outline-black:not([disabled]):not(.disabled).active:focus,
.btn-outline-black:not([disabled]):not(.disabled):active:focus,
.show>.btn-outline-black.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.card,
.navbar {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #fff
}

.btn.purple-gradient {
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    color: #fff
}

.btn.aqua-gradient,
.btn.peach-gradient {
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    color: #fff
}

.btn.purple-gradient:active,
.btn.purple-gradient:active:focus .btn.purple-gradient.active,
.btn.purple-gradient:focus,
.btn.purple-gradient:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff88ce), to(#8f8bf7));
    background: -webkit-linear-gradient(#ff88ce, #8f8bf7);
    background: -o-linear-gradient(#ff88ce, #8f8bf7);
    background: linear-gradient(#ff88ce, #8f8bf7)
}

.btn.peach-gradient {
    transition: .5s ease
}

.btn.peach-gradient:active,
.btn.peach-gradient:active:focus .btn.peach-gradient.active,
.btn.peach-gradient:focus,
.btn.peach-gradient:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdf89), to(#fc7b7b));
    background: -webkit-linear-gradient(#ffdf89, #fc7b7b);
    background: -o-linear-gradient(#ffdf89, #fc7b7b);
    background: linear-gradient(#ffdf89, #fc7b7b)
}

.btn.aqua-gradient {
    transition: .5s ease
}

.btn.aqua-gradient:active,
.btn.aqua-gradient:active:focus .btn.aqua-gradient.active,
.btn.aqua-gradient:focus,
.btn.aqua-gradient:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#3aa2ff), to(#1fffac));
    background: -webkit-linear-gradient(#3aa2ff, #1fffac);
    background: -o-linear-gradient(#3aa2ff, #1fffac);
    background: linear-gradient(#3aa2ff, #1fffac)
}

.btn.blue-gradient {
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    color: #fff
}

.btn.blue-gradient:active,
.btn.blue-gradient:active:focus .btn.blue-gradient.active,
.btn.blue-gradient:focus,
.btn.blue-gradient:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#5ed1fc), to(#3647b3));
    background: -webkit-linear-gradient(#5ed1fc, #3647b3);
    background: -o-linear-gradient(#5ed1fc, #3647b3);
    background: linear-gradient(#5ed1fc, #3647b3)
}

.card {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border: 0
}

.card[class*=border] {
    border: 1px solid #9e9e9e;
    -webkit-box-shadow: none;
    box-shadow: none
}

.card .card-body .card-title a,
.card .card-body .card-title a:hover {
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.card .card-body .card-text {
    color: #747373;
    font-size: .9rem;
    font-weight: 400
}

.card .md-form label {
    font-weight: 300
}

.dropdown .dropdown-menu .dropdown-item:active {
    background-color: #757575
}

.md-form.input-group label {
    top: 0;
    margin-bottom: 0
}

.md-form.input-group .input-group-text {
    background-color: #e0e0e0
}

.md-form.input-group .input-group-text.md-addon {
    border: none;
    background-color: transparent;
    font-weight: 500
}

.md-form.input-group .form-control {
    margin: 0;
    padding: .375rem .75rem
}

.navbar {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    font-weight: 300
}

.navbar form .md-form input {
    margin: 0 5px 1px 8px
}

.navbar .breadcrumb {
    margin: 0;
    padding: .3rem 0 0 1rem;
    background-color: inherit;
    font-size: 15px;
    font-weight: 300
}

.navbar .breadcrumb .breadcrumb-item {
    color: #fff
}

.navbar .breadcrumb .breadcrumb-item.active,
.navbar .breadcrumb .breadcrumb-item:before {
    color: rgba(255, 255, 255, .65)
}

.navbar .navbar-toggler {
    outline: 0;
    border-width: 0
}

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

.navbar .nav-item .nav-link {
    display: block
}

.navbar .nav-item .nav-link.disabled:active {
    pointer-events: none
}

.navbar .nav-item .nav-link .fab,
.navbar .nav-item .nav-link .far,
.navbar .nav-item .nav-link .fas {
    padding-right: 3px;
    padding-left: 3px
}

@media (max-width:992px) {
    .navbar .container {
        width: 100%
    }

    .navbar .container .navbar-toggler-right {
        right: 0
    }

    .navbar .nav-item .nav-link {
        padding-right: 6px;
        padding-left: 6px
    }
}

.navbar .dropdown-menu {
    position: absolute !important;
    margin-top: 0
}

.navbar .dropdown-menu a {
    padding: 10px;
    font-size: .9375rem;
    font-weight: 300;
    color: #000
}

@media (max-width:600px) {
    .navbar .dropdown-menu form {
        width: 17rem
    }
}

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

.navbar.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    cursor: pointer
}

.navbar.navbar-light .breadcrumb .nav-item .nav-link,
.navbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: #000;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s
}

.navbar.navbar-light .breadcrumb .nav-item .nav-link:hover,
.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link:hover,
.navbar.navbar-light .navbar-nav .nav-item.active>.nav-link:hover,
.navbar.navbar-light .navbar-toggler,
.navbar.navbar-light form .md-form .form-control {
    color: #000
}

.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link,
.navbar.navbar-light .navbar-nav .nav-item.active>.nav-link {
    background-color: rgba(0, 0, 0, .1)
}

.navbar.navbar-light form .md-form input {
    border-bottom: 1px solid #000
}

.navbar.navbar-light form .md-form input:focus:not([readonly]) {
    border-color: #4285f4
}

.navbar.navbar-light form .md-form .form-control::-webkit-input-placeholder {
    color: #000;
    font-weight: 300
}

.navbar.navbar-light form .md-form .form-control::-ms-input-placeholder {
    color: #000;
    font-weight: 300
}

.navbar.navbar-light form .md-form .form-control::placeholder {
    color: #000;
    font-weight: 300
}

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

.navbar.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    cursor: pointer
}

.navbar.navbar-dark .breadcrumb .nav-item .nav-link,
.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: #fff;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s
}

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

.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link:hover,
.navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link:hover,
.navbar.navbar-dark .navbar-toggler,
.navbar.navbar-dark form .md-form .form-control {
    color: #fff
}

.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link,
.navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link {
    background-color: rgba(255, 255, 255, .1)
}

.navbar.navbar-dark form .md-form input {
    border-bottom: 1px solid #fff
}

.navbar.navbar-dark form .md-form input:focus:not([readonly]) {
    border-color: #4285f4
}

.navbar.navbar-dark form .md-form .form-control::-webkit-input-placeholder {
    color: #fff;
    font-weight: 300
}

.navbar.navbar-dark form .md-form .form-control::-ms-input-placeholder {
    color: #fff;
    font-weight: 300
}

.navbar.navbar-dark form .md-form .form-control::placeholder {
    color: #fff;
    font-weight: 300
}

@media (min-width:600px) {
    .navbar .dropdown-menu form {
        width: 22rem
    }

    .navbar.scrolling-navbar {
        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
        -o-transition: background .5s ease-in-out, padding .5s ease-in-out;
        transition: background .5s ease-in-out, padding .5s ease-in-out;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .navbar.scrolling-navbar .navbar-nav>li {
        -webkit-transition-duration: 1s;
        -o-transition-duration: 1s;
        transition-duration: 1s
    }

    .navbar.scrolling-navbar.top-nav-collapse {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media (min-width:400px) and (max-width:767px),
(min-width:800px) and (max-width:850px) {

    .navbar.fixed-top .navbar-collapse,
    .navbar.sticky-top .navbar-collapse {
        max-height: 340px;
        overflow-x: hidden;
        overflow-y: auto
    }
}

.pagination .page-item.active .page-link {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    background-color: #4285f4;
    color: #fff
}

.pagination .page-item.active .page-link:hover {
    background-color: #4285f4
}

.pagination .page-item.disabled .page-link {
    color: #868e96
}

.pagination .page-item .page-link {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    outline: 0;
    border: 0;
    background-color: transparent;
    font-size: .9rem;
    color: #212529
}

.badge,
.badge-danger,
.badge-dark,
.badge-default,
.badge-info,
.badge-primary,
.badge-secondary,
.badge-success,
.badge-warning {
    color: #fff !important
}

.pagination .page-item .page-link:hover {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    background-color: #eee
}

.pagination .page-item .page-link:focus {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pagination.pagination-lg .page-item .page-link {
    font-size: 1rem
}

.pagination.pagination-sm .page-item .page-link {
    font-size: .8rem
}

.pagination.pagination-circle .page-item .page-link {
    margin-left: 2px;
    margin-right: 2px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.pagination.pagination-circle .page-item .page-link:hover,
.pagination.pagination-circle .page-item.active .page-link {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.pagination.pg-blue .page-item.active .page-link,
.pagination.pg-blue .page-item.active .page-link:hover {
    background-color: #4285f4
}

.pagination.pg-red .page-item.active .page-link,
.pagination.pg-red .page-item.active .page-link:hover {
    background-color: #ff3547
}

.pagination.pg-teal .page-item.active .page-link,
.pagination.pg-teal .page-item.active .page-link:hover {
    background-color: #2bbbad
}

.pagination.pg-dark-grey .page-item.active .page-link,
.pagination.pg-dark-grey .page-item.active .page-link:hover {
    background-color: #37474f
}

.pagination.pg-dark .page-item.active .page-link,
.pagination.pg-dark .page-item.active .page-link:hover {
    background-color: #2e2e2e
}

.pagination.pg-blue-grey .page-item.active .page-link,
.pagination.pg-blue-grey .page-item.active .page-link:hover {
    background-color: #3f729b
}

.pagination.pg-amber .page-item.active .page-link,
.pagination.pg-amber .page-item.active .page-link:hover {
    background-color: #ff6f00
}

.pagination.pg-purple .page-item.active .page-link,
.pagination.pg-purple .page-item.active .page-link:hover {
    background-color: #5e35b1
}

.badge {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -webkit-border-radius: .125rem;
    border-radius: .125rem
}

.badge-pill {
    -webkit-border-radius: 10rem;
    border-radius: 10rem;
    padding-right: .6em;
    padding-left: .6em
}

.badge-primary {
    background-color: #4285f4 !important
}

.badge-danger {
    background-color: #ff3547 !important
}

.badge-warning {
    background-color: #fb3 !important
}

.badge-success {
    background-color: #00c851 !important
}

.badge-info {
    background-color: #33b5e5 !important
}

.badge-default {
    background-color: #2bbbad !important
}

.badge-secondary {
    background-color: #a6c !important
}

.badge-dark {
    background-color: #212121 !important
}

.badge-light {
    background-color: #e0e0e0 !important;
    color: #000 !important
}

.modal-dialog.modal-notify.modal-primary .badge,
.modal-dialog.modal-notify.modal-primary .modal-header {
    background-color: #4285f4
}

body.modal-open {
    overflow: auto;
    padding-right: 0 !important
}

body.scrollable {
    overflow-y: auto
}

.modal-dialog .modal-content {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    border: 0;
    -webkit-border-radius: .125rem;
    border-radius: .125rem
}

.modal-dialog .modal-content .modal-header {
    -webkit-border-top-left-radius: .125rem;
    border-top-left-radius: .125rem;
    -webkit-border-top-right-radius: .125rem;
    border-top-right-radius: .125rem
}

.modal-dialog.cascading-modal {
    margin-top: 10%
}

.modal-dialog.cascading-modal .close {
    opacity: 1;
    text-shadow: none;
    color: #fff;
    outline: 0
}

.modal-dialog.cascading-modal .modal-header {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    margin: -2rem 1rem 1rem;
    border: none;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 1.5rem;
    text-align: center
}

.modal-dialog.cascading-modal .modal-header .close {
    margin-right: 1rem
}

.modal-dialog.cascading-modal .modal-header .title {
    margin-bottom: 0;
    width: 100%;
    font-size: 1.25rem
}

.modal-dialog.cascading-modal .modal-header .title .fab,
.modal-dialog.cascading-modal .modal-header .title .far,
.modal-dialog.cascading-modal .modal-header .title .fas {
    margin-right: 9px
}

.modal-dialog.cascading-modal .modal-header .social-buttons {
    margin-top: 1.5rem
}

.modal-dialog.cascading-modal .modal-header .social-buttons a {
    font-size: 1rem
}

.modal-dialog.cascading-modal .modal-c-tabs .md-tabs {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin: -1.5rem 1rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li a {
    text-align: center
}

.modal-dialog.cascading-modal .modal-c-tabs .tab-content {
    padding: 1.7rem 0 0
}

.modal-dialog.cascading-modal .modal-body,
.modal-dialog.cascading-modal .modal-footer {
    padding-left: 2rem;
    padding-right: 2rem;
    color: #616161
}

.modal-dialog.cascading-modal .modal-body .additional-option,
.modal-dialog.cascading-modal .modal-footer .additional-option {
    margin-top: 1rem;
    text-align: center
}

.modal-dialog.cascading-modal.modal-avatar {
    margin-top: 6rem
}

.modal-dialog.cascading-modal.modal-avatar .modal-header {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: -6rem 0 -1rem
}

.modal-dialog.cascading-modal.modal-avatar .modal-header img {
    width: 130px;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    margin-left: auto;
    margin-right: auto
}

.modal-dialog.modal-notify .heading {
    margin: 0;
    padding: .3rem;
    font-size: 1.15rem;
    color: #fff
}

.modal-dialog.modal-notify .modal-header {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border: 0
}

.modal-dialog.modal-notify .close {
    opacity: 1
}

.modal-dialog.modal-notify .modal-body {
    padding: 1.5rem;
    color: #616161
}

.modal-dialog.modal-notify.modal-primary .fab,
.modal-dialog.modal-notify.modal-primary .far,
.modal-dialog.modal-notify.modal-primary .fas {
    color: #4285f4
}

.modal-dialog.modal-notify.modal-danger .badge,
.modal-dialog.modal-notify.modal-danger .modal-header {
    background-color: #ff3547
}

.modal-dialog.modal-notify.modal-primary .btn .fab,
.modal-dialog.modal-notify.modal-primary .btn .far,
.modal-dialog.modal-notify.modal-primary .btn .fas {
    color: #fff
}

.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fab,
.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .far,
.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fas {
    color: #4285f4
}

.modal-dialog.modal-notify.modal-danger .fab,
.modal-dialog.modal-notify.modal-danger .far,
.modal-dialog.modal-notify.modal-danger .fas {
    color: #ff3547
}

.modal-dialog.modal-notify.modal-warning .badge,
.modal-dialog.modal-notify.modal-warning .modal-header {
    background-color: #fb3
}

.modal-dialog.modal-notify.modal-danger .btn .fab,
.modal-dialog.modal-notify.modal-danger .btn .far,
.modal-dialog.modal-notify.modal-danger .btn .fas {
    color: #fff
}

.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fab,
.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .far,
.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fas {
    color: #ff3547
}

.modal-dialog.modal-notify.modal-warning .fab,
.modal-dialog.modal-notify.modal-warning .far,
.modal-dialog.modal-notify.modal-warning .fas {
    color: #fb3
}

.modal-dialog.modal-notify.modal-success .badge,
.modal-dialog.modal-notify.modal-success .modal-header {
    background-color: #00c851
}

.modal-dialog.modal-notify.modal-warning .btn .fab,
.modal-dialog.modal-notify.modal-warning .btn .far,
.modal-dialog.modal-notify.modal-warning .btn .fas {
    color: #fff
}

.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fab,
.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .far,
.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fas {
    color: #fb3
}

.modal-dialog.modal-notify.modal-success .fab,
.modal-dialog.modal-notify.modal-success .far,
.modal-dialog.modal-notify.modal-success .fas {
    color: #00c851
}

.modal-dialog.modal-notify.modal-info .badge,
.modal-dialog.modal-notify.modal-info .modal-header {
    background-color: #33b5e5
}

.modal-dialog.modal-notify.modal-success .btn .fab,
.modal-dialog.modal-notify.modal-success .btn .far,
.modal-dialog.modal-notify.modal-success .btn .fas {
    color: #fff
}

.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fab,
.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .far,
.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fas {
    color: #00c851
}

.modal-dialog.modal-notify.modal-info .fab,
.modal-dialog.modal-notify.modal-info .far,
.modal-dialog.modal-notify.modal-info .fas {
    color: #33b5e5
}

.modal-dialog.modal-notify.modal-info .btn .fab,
.modal-dialog.modal-notify.modal-info .btn .far,
.modal-dialog.modal-notify.modal-info .btn .fas {
    color: #fff
}

.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fab,
.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .far,
.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fas {
    color: #33b5e5
}

.modal {
    padding-right: 0 !important
}

@media (min-width:768px) {
    .modal .modal-dialog.modal-top {
        top: 0
    }

    .modal .modal-dialog.modal-left {
        left: 0
    }

    .modal .modal-dialog.modal-right {
        right: 0
    }

    .modal .modal-dialog.modal-bottom {
        bottom: 0
    }

    .modal .modal-dialog.modal-top-left {
        top: 10px;
        left: 10px
    }

    .modal .modal-dialog.modal-top-right {
        top: 10px;
        right: 10px
    }

    .modal .modal-dialog.modal-bottom-left {
        bottom: 10px;
        left: 10px
    }

    .modal .modal-dialog.modal-bottom-right {
        bottom: 10px;
        right: 10px
    }
}

.modal.fade.top:not(.show) .modal-dialog {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0)
}

.modal.fade.left:not(.show) .modal-dialog {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0)
}

.modal.fade.right:not(.show) .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0)
}

.modal.fade.bottom:not(.show) .modal-dialog {
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0)
}

@media (min-width:992px) {
    .modal.modal-scrolling {
        position: relative
    }

    .modal.modal-scrolling .modal-dialog {
        position: fixed;
        z-index: 1050
    }

    .modal.modal-content-clickable {
        top: auto;
        bottom: auto
    }

    .modal.modal-content-clickable .modal-dialog {
        position: fixed
    }

    .modal .modal-fluid {
        width: 100%;
        max-width: 100%
    }

    .modal .modal-fluid .modal-content {
        width: 100%
    }

    .modal .modal-frame {
        position: absolute;
        margin: 0 !important;
        width: 100%;
        max-width: 100% !important
    }

    .modal .modal-frame.modal-bottom {
        bottom: 0
    }

    .modal .modal-full-height {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        width: 400px;
        height: auto;
        min-height: 100%;
        top: 0;
        right: 0
    }

    .modal .modal-full-height.modal-bottom,
    .modal .modal-full-height.modal-top {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto
    }

    .modal .modal-full-height.modal-top {
        bottom: auto
    }

    .modal .modal-full-height.modal-bottom {
        min-height: 0;
        top: auto
    }

    .modal .modal-full-height .modal-content {
        width: 100%
    }

    .modal .modal-full-height.modal-lg {
        width: 90%;
        max-width: 90%
    }
}

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

@media (min-width:992px) and (min-width:1200px) {
    .modal .modal-full-height.modal-lg {
        width: 1000px;
        max-width: 1000px
    }
}

@media (min-width:992px) {
    .modal .modal-side {
        position: absolute;
        bottom: 10px;
        right: 10px;
        margin: 0;
        width: 400px
    }
}

.carousel .carousel-control-next-icon,
.carousel .carousel-control-prev-icon {
    width: 20px;
    height: 20px
}

.carousel .carousel-control-prev-icon {
    background-image: url("/Portals/_default/skins/netcare-core/img/svg/arrow_left.svg")
}

.carousel .carousel-control-next-icon {
    background-image: url("/Portals/_default/skins/netcare-core/img/svg/arrow_right.svg")
}

.carousel .carousel-indicators li {
    width: .625rem;
    height: .625rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-right.active {
    opacity: 0
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-prev.active,
.carousel-fade .carousel-item.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {

    .carousel-fade .carousel-item-left.active,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item-prev.active,
    .carousel-fade .carousel-item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.md-form {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.md-form input[type=date],
.md-form input[type=datetime-local],
.md-form input[type=email],
.md-form input[type=number],
.md-form input[type=password],
.md-form input[type=search-md],
.md-form input[type=search],
.md-form input[type=tel],
.md-form input[type=text],
.md-form input[type=time],
.md-form input[type=url],
.md-form textarea.md-textarea {
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent
}

.md-form input[type=date]:focus:not([readonly]),
.md-form input[type=datetime-local]:focus:not([readonly]),
.md-form input[type=email]:focus:not([readonly]),
.md-form input[type=number]:focus:not([readonly]),
.md-form input[type=password]:focus:not([readonly]),
.md-form input[type=search-md]:focus:not([readonly]),
.md-form input[type=search]:focus:not([readonly]),
.md-form input[type=tel]:focus:not([readonly]),
.md-form input[type=text]:focus:not([readonly]),
.md-form input[type=time]:focus:not([readonly]),
.md-form input[type=url]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
    -webkit-box-shadow: 0 1px 0 0 #4285f4;
    box-shadow: 0 1px 0 0 #4285f4;
    border-bottom: 1px solid #4285f4
}

.md-form input[type=date]:focus:not([readonly])+label,
.md-form input[type=datetime-local]:focus:not([readonly])+label,
.md-form input[type=email]:focus:not([readonly])+label,
.md-form input[type=number]:focus:not([readonly])+label,
.md-form input[type=password]:focus:not([readonly])+label,
.md-form input[type=search-md]:focus:not([readonly])+label,
.md-form input[type=search]:focus:not([readonly])+label,
.md-form input[type=tel]:focus:not([readonly])+label,
.md-form input[type=text]:focus:not([readonly])+label,
.md-form input[type=time]:focus:not([readonly])+label,
.md-form input[type=url]:focus:not([readonly])+label,
.md-form textarea.md-textarea:focus:not([readonly])+label {
    color: #4285f4
}

.md-form input[type=date]+label:after,
.md-form input[type=datetime-local]+label:after,
.md-form input[type=email]+label:after,
.md-form input[type=number]+label:after,
.md-form input[type=password]+label:after,
.md-form input[type=search-md]+label:after,
.md-form input[type=search]+label:after,
.md-form input[type=tel]+label:after,
.md-form input[type=text]+label:after,
.md-form input[type=time]+label:after,
.md-form input[type=url]+label:after,
.md-form textarea.md-textarea+label:after {
    content: "";
    position: absolute;
    top: 65px;
    display: block;
    opacity: 0;
    -webkit-transition: .2s opacity ease-out, .2s color ease-out;
    -o-transition: .2s opacity ease-out, .2s color ease-out;
    transition: .2s opacity ease-out, .2s color ease-out
}

.md-form input[type=date].valid,
.md-form input[type=date]:focus.valid,
.md-form input[type=datetime-local].valid,
.md-form input[type=datetime-local]:focus.valid,
.md-form input[type=email].valid,
.md-form input[type=email]:focus.valid,
.md-form input[type=number].valid,
.md-form input[type=number]:focus.valid,
.md-form input[type=password].valid,
.md-form input[type=password]:focus.valid,
.md-form input[type=search-md].valid,
.md-form input[type=search-md]:focus.valid,
.md-form input[type=search].valid,
.md-form input[type=search]:focus.valid,
.md-form input[type=tel].valid,
.md-form input[type=tel]:focus.valid,
.md-form input[type=text].valid,
.md-form input[type=text]:focus.valid,
.md-form input[type=time].valid,
.md-form input[type=time]:focus.valid,
.md-form input[type=url].valid,
.md-form input[type=url]:focus.valid,
.md-form textarea.md-textarea.valid,
.md-form textarea.md-textarea:focus.valid {
    border-bottom: 1px solid #00c851;
    -webkit-box-shadow: 0 1px 0 0 #00c851;
    box-shadow: 0 1px 0 0 #00c851
}

.md-form input[type=date].valid+label:after,
.md-form input[type=date]:focus.valid+label:after,
.md-form input[type=datetime-local].valid+label:after,
.md-form input[type=datetime-local]:focus.valid+label:after,
.md-form input[type=email].valid+label:after,
.md-form input[type=email]:focus.valid+label:after,
.md-form input[type=number].valid+label:after,
.md-form input[type=number]:focus.valid+label:after,
.md-form input[type=password].valid+label:after,
.md-form input[type=password]:focus.valid+label:after,
.md-form input[type=search-md].valid+label:after,
.md-form input[type=search-md]:focus.valid+label:after,
.md-form input[type=search].valid+label:after,
.md-form input[type=search]:focus.valid+label:after,
.md-form input[type=tel].valid+label:after,
.md-form input[type=tel]:focus.valid+label:after,
.md-form input[type=text].valid+label:after,
.md-form input[type=text]:focus.valid+label:after,
.md-form input[type=time].valid+label:after,
.md-form input[type=time]:focus.valid+label:after,
.md-form input[type=url].valid+label:after,
.md-form input[type=url]:focus.valid+label:after,
.md-form textarea.md-textarea.valid+label:after,
.md-form textarea.md-textarea:focus.valid+label:after {
    content: attr(data-success);
    color: #00c851;
    opacity: 1
}

.md-form input[type=date].invalid,
.md-form input[type=date]:focus.invalid,
.md-form input[type=datetime-local].invalid,
.md-form input[type=datetime-local]:focus.invalid,
.md-form input[type=email].invalid,
.md-form input[type=email]:focus.invalid,
.md-form input[type=number].invalid,
.md-form input[type=number]:focus.invalid,
.md-form input[type=password].invalid,
.md-form input[type=password]:focus.invalid,
.md-form input[type=search-md].invalid,
.md-form input[type=search-md]:focus.invalid,
.md-form input[type=search].invalid,
.md-form input[type=search]:focus.invalid,
.md-form input[type=tel].invalid,
.md-form input[type=tel]:focus.invalid,
.md-form input[type=text].invalid,
.md-form input[type=text]:focus.invalid,
.md-form input[type=time].invalid,
.md-form input[type=time]:focus.invalid,
.md-form input[type=url].invalid,
.md-form input[type=url]:focus.invalid,
.md-form textarea.md-textarea.invalid,
.md-form textarea.md-textarea:focus.invalid {
    border-bottom: 1px solid #f44336;
    -webkit-box-shadow: 0 1px 0 0 #f44336;
    box-shadow: 0 1px 0 0 #f44336
}

.md-form input[type=date].invalid+label:after,
.md-form input[type=date]:focus.invalid+label:after,
.md-form input[type=datetime-local].invalid+label:after,
.md-form input[type=datetime-local]:focus.invalid+label:after,
.md-form input[type=email].invalid+label:after,
.md-form input[type=email]:focus.invalid+label:after,
.md-form input[type=number].invalid+label:after,
.md-form input[type=number]:focus.invalid+label:after,
.md-form input[type=password].invalid+label:after,
.md-form input[type=password]:focus.invalid+label:after,
.md-form input[type=search-md].invalid+label:after,
.md-form input[type=search-md]:focus.invalid+label:after,
.md-form input[type=search].invalid+label:after,
.md-form input[type=search]:focus.invalid+label:after,
.md-form input[type=tel].invalid+label:after,
.md-form input[type=tel]:focus.invalid+label:after,
.md-form input[type=text].invalid+label:after,
.md-form input[type=text]:focus.invalid+label:after,
.md-form input[type=time].invalid+label:after,
.md-form input[type=time]:focus.invalid+label:after,
.md-form input[type=url].invalid+label:after,
.md-form input[type=url]:focus.invalid+label:after,
.md-form textarea.md-textarea.invalid+label:after,
.md-form textarea.md-textarea:focus.invalid+label:after {
    content: attr(data-error);
    color: #f44336;
    opacity: 1
}

.md-form input[type=date].form-control.valid+label:after,
.md-form input[type=date].form-control:focus.valid+label:after,
.md-form input[type=datetime-local].form-control.valid+label:after,
.md-form input[type=datetime-local].form-control:focus.valid+label:after,
.md-form input[type=email].form-control.valid+label:after,
.md-form input[type=email].form-control:focus.valid+label:after,
.md-form input[type=number].form-control.valid+label:after,
.md-form input[type=number].form-control:focus.valid+label:after,
.md-form input[type=password].form-control.valid+label:after,
.md-form input[type=password].form-control:focus.valid+label:after,
.md-form input[type=search-md].form-control.valid+label:after,
.md-form input[type=search-md].form-control:focus.valid+label:after,
.md-form input[type=search].form-control.valid+label:after,
.md-form input[type=search].form-control:focus.valid+label:after,
.md-form input[type=tel].form-control.valid+label:after,
.md-form input[type=tel].form-control:focus.valid+label:after,
.md-form input[type=text].form-control.valid+label:after,
.md-form input[type=text].form-control:focus.valid+label:after,
.md-form input[type=time].form-control.valid+label:after,
.md-form input[type=time].form-control:focus.valid+label:after,
.md-form input[type=url].form-control.valid+label:after,
.md-form input[type=url].form-control:focus.valid+label:after,
.md-form textarea.md-textarea.form-control.valid+label:after,
.md-form textarea.md-textarea.form-control:focus.valid+label:after {
    top: 4.1rem
}

.md-form input[type=date].form-control.invalid+label:after,
.md-form input[type=date].form-control:focus.invalid+label:after,
.md-form input[type=datetime-local].form-control.invalid+label:after,
.md-form input[type=datetime-local].form-control:focus.invalid+label:after,
.md-form input[type=email].form-control.invalid+label:after,
.md-form input[type=email].form-control:focus.invalid+label:after,
.md-form input[type=number].form-control.invalid+label:after,
.md-form input[type=number].form-control:focus.invalid+label:after,
.md-form input[type=password].form-control.invalid+label:after,
.md-form input[type=password].form-control:focus.invalid+label:after,
.md-form input[type=search-md].form-control.invalid+label:after,
.md-form input[type=search-md].form-control:focus.invalid+label:after,
.md-form input[type=search].form-control.invalid+label:after,
.md-form input[type=search].form-control:focus.invalid+label:after,
.md-form input[type=tel].form-control.invalid+label:after,
.md-form input[type=tel].form-control:focus.invalid+label:after,
.md-form input[type=text].form-control.invalid+label:after,
.md-form input[type=text].form-control:focus.invalid+label:after,
.md-form input[type=time].form-control.invalid+label:after,
.md-form input[type=time].form-control:focus.invalid+label:after,
.md-form input[type=url].form-control.invalid+label:after,
.md-form input[type=url].form-control:focus.invalid+label:after,
.md-form textarea.md-textarea.form-control.invalid+label:after,
.md-form textarea.md-textarea.form-control:focus.invalid+label:after {
    top: 4rem
}

.md-form input[type=date].form-control-lg.invalid+label:after,
.md-form input[type=date].form-control-lg.valid+label:after,
.md-form input[type=date].form-control-lg:focus.invalid+label:after,
.md-form input[type=date].form-control-lg:focus.valid+label:after,
.md-form input[type=datetime-local].form-control-lg.invalid+label:after,
.md-form input[type=datetime-local].form-control-lg.valid+label:after,
.md-form input[type=datetime-local].form-control-lg:focus.invalid+label:after,
.md-form input[type=datetime-local].form-control-lg:focus.valid+label:after,
.md-form input[type=email].form-control-lg.invalid+label:after,
.md-form input[type=email].form-control-lg.valid+label:after,
.md-form input[type=email].form-control-lg:focus.invalid+label:after,
.md-form input[type=email].form-control-lg:focus.valid+label:after,
.md-form input[type=number].form-control-lg.invalid+label:after,
.md-form input[type=number].form-control-lg.valid+label:after,
.md-form input[type=number].form-control-lg:focus.invalid+label:after,
.md-form input[type=number].form-control-lg:focus.valid+label:after,
.md-form input[type=password].form-control-lg.invalid+label:after,
.md-form input[type=password].form-control-lg.valid+label:after,
.md-form input[type=password].form-control-lg:focus.invalid+label:after,
.md-form input[type=password].form-control-lg:focus.valid+label:after,
.md-form input[type=search-md].form-control-lg.invalid+label:after,
.md-form input[type=search-md].form-control-lg.valid+label:after,
.md-form input[type=search-md].form-control-lg:focus.invalid+label:after,
.md-form input[type=search-md].form-control-lg:focus.valid+label:after,
.md-form input[type=search].form-control-lg.invalid+label:after,
.md-form input[type=search].form-control-lg.valid+label:after,
.md-form input[type=search].form-control-lg:focus.invalid+label:after,
.md-form input[type=search].form-control-lg:focus.valid+label:after,
.md-form input[type=tel].form-control-lg.invalid+label:after,
.md-form input[type=tel].form-control-lg.valid+label:after,
.md-form input[type=tel].form-control-lg:focus.invalid+label:after,
.md-form input[type=tel].form-control-lg:focus.valid+label:after,
.md-form input[type=text].form-control-lg.invalid+label:after,
.md-form input[type=text].form-control-lg.valid+label:after,
.md-form input[type=text].form-control-lg:focus.invalid+label:after,
.md-form input[type=text].form-control-lg:focus.valid+label:after,
.md-form input[type=time].form-control-lg.invalid+label:after,
.md-form input[type=time].form-control-lg.valid+label:after,
.md-form input[type=time].form-control-lg:focus.invalid+label:after,
.md-form input[type=time].form-control-lg:focus.valid+label:after,
.md-form input[type=url].form-control-lg.invalid+label:after,
.md-form input[type=url].form-control-lg.valid+label:after,
.md-form input[type=url].form-control-lg:focus.invalid+label:after,
.md-form input[type=url].form-control-lg:focus.valid+label:after,
.md-form textarea.md-textarea.form-control-lg.invalid+label:after,
.md-form textarea.md-textarea.form-control-lg.valid+label:after,
.md-form textarea.md-textarea.form-control-lg:focus.invalid+label:after,
.md-form textarea.md-textarea.form-control-lg:focus.valid+label:after {
    top: 4.6rem
}

.md-form input[type=date].form-control-sm.valid+label:after,
.md-form input[type=date].form-control-sm:focus.valid+label:after,
.md-form input[type=datetime-local].form-control-sm.valid+label:after,
.md-form input[type=datetime-local].form-control-sm:focus.valid+label:after,
.md-form input[type=email].form-control-sm.valid+label:after,
.md-form input[type=email].form-control-sm:focus.valid+label:after,
.md-form input[type=number].form-control-sm.valid+label:after,
.md-form input[type=number].form-control-sm:focus.valid+label:after,
.md-form input[type=password].form-control-sm.valid+label:after,
.md-form input[type=password].form-control-sm:focus.valid+label:after,
.md-form input[type=search-md].form-control-sm.valid+label:after,
.md-form input[type=search-md].form-control-sm:focus.valid+label:after,
.md-form input[type=search].form-control-sm.valid+label:after,
.md-form input[type=search].form-control-sm:focus.valid+label:after,
.md-form input[type=tel].form-control-sm.valid+label:after,
.md-form input[type=tel].form-control-sm:focus.valid+label:after,
.md-form input[type=text].form-control-sm.valid+label:after,
.md-form input[type=text].form-control-sm:focus.valid+label:after,
.md-form input[type=time].form-control-sm.valid+label:after,
.md-form input[type=time].form-control-sm:focus.valid+label:after,
.md-form input[type=url].form-control-sm.valid+label:after,
.md-form input[type=url].form-control-sm:focus.valid+label:after,
.md-form textarea.md-textarea.form-control-sm.valid+label:after,
.md-form textarea.md-textarea.form-control-sm:focus.valid+label:after {
    top: 3.7rem
}

.md-form input[type=date].form-control-sm.invalid+label:after,
.md-form input[type=date].form-control-sm:focus.invalid+label:after,
.md-form input[type=datetime-local].form-control-sm.invalid+label:after,
.md-form input[type=datetime-local].form-control-sm:focus.invalid+label:after,
.md-form input[type=email].form-control-sm.invalid+label:after,
.md-form input[type=email].form-control-sm:focus.invalid+label:after,
.md-form input[type=number].form-control-sm.invalid+label:after,
.md-form input[type=number].form-control-sm:focus.invalid+label:after,
.md-form input[type=password].form-control-sm.invalid+label:after,
.md-form input[type=password].form-control-sm:focus.invalid+label:after,
.md-form input[type=search-md].form-control-sm.invalid+label:after,
.md-form input[type=search-md].form-control-sm:focus.invalid+label:after,
.md-form input[type=search].form-control-sm.invalid+label:after,
.md-form input[type=search].form-control-sm:focus.invalid+label:after,
.md-form input[type=tel].form-control-sm.invalid+label:after,
.md-form input[type=tel].form-control-sm:focus.invalid+label:after,
.md-form input[type=text].form-control-sm.invalid+label:after,
.md-form input[type=text].form-control-sm:focus.invalid+label:after,
.md-form input[type=time].form-control-sm.invalid+label:after,
.md-form input[type=time].form-control-sm:focus.invalid+label:after,
.md-form input[type=url].form-control-sm.invalid+label:after,
.md-form input[type=url].form-control-sm:focus.invalid+label:after,
.md-form textarea.md-textarea.form-control-sm.invalid+label:after,
.md-form textarea.md-textarea.form-control-sm:focus.invalid+label:after {
    top: 3.6rem
}

.md-form>input[type=date]:not(.browser-default)+label {
    -webkit-transform: translateY(-27px) scale(.8);
    -ms-transform: translateY(-27px) scale(.8);
    transform: translateY(-27px) scale(.8);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.md-form>input[type=time]:not(.browser-default)+label,
.md-form>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    font-size: .8rem
}

.md-form .was-validated input[type=text]:valid+label {
    color: #00c851 !important
}

.md-form .was-validated input[type=text]:invalid+label {
    color: #f44336 !important
}

.md-form .was-validated .form-control:valid:focus {
    -webkit-box-shadow: 0 1px 0 0 #00c851 !important;
    box-shadow: 0 1px 0 0 #00c851 !important
}

.md-form .was-validated .form-control:valid {
    border-color: #00c851 !important
}

.md-form .was-validated .form-control:invalid:focus {
    -webkit-box-shadow: 0 1px 0 0 #f44336 !important;
    box-shadow: 0 1px 0 0 #f44336 !important
}

.md-form .was-validated .form-control:invalid {
    border-color: #f44336 !important
}

.md-form .form-control {
    margin: 0 0 .5rem;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: .6rem 0 .4rem;
    background-color: transparent;
    height: auto
}

.md-form .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.md-form .form-control:disabled,
.md-form .form-control[readonly] {
    border-bottom: 1px solid #bdbdbd;
    background-color: transparent
}

.md-form .form-control.is-valid {
    border-color: #00c851
}

.md-form .form-control.is-valid:focus {
    border-color: #00c851 !important;
    -webkit-box-shadow: 0 1px 0 0 #00c851 !important;
    box-shadow: 0 1px 0 0 #00c851 !important
}

.md-form .form-control.is-invalid {
    border-color: #f44336
}

.md-form .form-control.is-invalid:focus {
    -webkit-box-shadow: 0 1px 0 0 #f44336 !important;
    box-shadow: 0 1px 0 0 #f44336 !important;
    border-color: #f44336 !important
}

.md-form .form-control.is-invalid,
.md-form .form-control.is-valid {
    background-position: center right !important
}

.md-form .validate {
    margin-bottom: 2.5rem
}

.md-form label,
.md-form label.active {
    font-size: 1rem
}

.md-form .prefix {
    top: .25rem;
    font-size: 1.75rem
}

.md-form .prefix~input,
.md-form .prefix~textarea {
    margin-left: 2.5rem;
    width: calc(100% - 2.5rem)
}

.md-form .prefix~label {
    margin-left: 2.5rem
}

.md-form .prefix~.form-text {
    margin-left: 2.6rem
}

.md-form label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px);
    cursor: text;
    color: #757575
}

.md-form .prefix.active,
.md-form.md-outline input[type=date]:focus:not([readonly])+label,
.md-form.md-outline input[type=datetime-local]:focus:not([readonly])+label,
.md-form.md-outline input[type=email]:focus:not([readonly])+label,
.md-form.md-outline input[type=number]:focus:not([readonly])+label,
.md-form.md-outline input[type=password]:focus:not([readonly])+label,
.md-form.md-outline input[type=search-md]:focus:not([readonly])+label,
.md-form.md-outline input[type=search]:focus:not([readonly])+label,
.md-form.md-outline input[type=tel]:focus:not([readonly])+label,
.md-form.md-outline input[type=text]:focus:not([readonly])+label,
.md-form.md-outline input[type=time]:focus:not([readonly])+label,
.md-form.md-outline input[type=url]:focus:not([readonly])+label,
.md-form.md-outline textarea.md-textarea:focus:not([readonly])+label {
    color: #4285f4
}

.md-form label.active {
    -webkit-transform: translateY(-14px) scale(.8);
    -ms-transform: translateY(-14px) scale(.8);
    transform: translateY(-14px) scale(.8)
}

.md-form .prefix {
    position: absolute;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s
}

.md-form.form-lg .validate {
    margin-bottom: 2.8rem
}

.md-form.form-lg label {
    font-size: 1.25rem
}

.md-form.form-lg label.active {
    font-size: 1.15rem
}

.md-form.form-lg .prefix {
    top: .4rem;
    font-size: 2rem
}

.md-form.form-lg .prefix~input,
.md-form.form-lg .prefix~textarea {
    margin-left: 3rem;
    width: calc(100% - 3rem)
}

.md-form.form-lg .prefix~label {
    margin-left: 3rem
}

.md-form.form-lg .prefix~.form-text {
    margin-left: 3.1rem
}

.md-form.form-sm .validate {
    margin-bottom: 2.3rem
}

.md-form.form-sm label {
    font-size: .875rem
}

.md-form.form-sm label.active {
    font-size: .95rem
}

.md-form.form-sm .prefix {
    top: .35rem;
    font-size: 1.5rem
}

.md-form.form-sm .prefix~input,
.md-form.form-sm .prefix~textarea {
    margin-left: 2rem;
    width: calc(100% - 2rem)
}

.md-form.form-sm .prefix~.form-text,
.md-form.form-sm .prefix~label {
    margin-left: 2rem
}

.md-form textarea.md-textarea {
    overflow-y: hidden;
    padding: 1.5rem 0;
    resize: none
}

.md-form textarea.md-textarea-auto {
    padding: 1.5rem 0 0
}

.md-form.md-outline {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.md-form.md-outline input[type=date],
.md-form.md-outline input[type=datetime-local],
.md-form.md-outline input[type=email],
.md-form.md-outline input[type=number],
.md-form.md-outline input[type=password],
.md-form.md-outline input[type=search-md],
.md-form.md-outline input[type=search],
.md-form.md-outline input[type=tel],
.md-form.md-outline input[type=text],
.md-form.md-outline input[type=time],
.md-form.md-outline input[type=url],
.md-form.md-outline textarea.md-textarea {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #dadce0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.md-form.md-outline input[type=date]:focus:not([readonly]),
.md-form.md-outline input[type=datetime-local]:focus:not([readonly]),
.md-form.md-outline input[type=email]:focus:not([readonly]),
.md-form.md-outline input[type=number]:focus:not([readonly]),
.md-form.md-outline input[type=password]:focus:not([readonly]),
.md-form.md-outline input[type=search-md]:focus:not([readonly]),
.md-form.md-outline input[type=search]:focus:not([readonly]),
.md-form.md-outline input[type=tel]:focus:not([readonly]),
.md-form.md-outline input[type=text]:focus:not([readonly]),
.md-form.md-outline input[type=time]:focus:not([readonly]),
.md-form.md-outline input[type=url]:focus:not([readonly]),
.md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
    border-color: #4285f4;
    -webkit-box-shadow: inset 0 0 0 1px #4285f4;
    box-shadow: inset 0 0 0 1px #4285f4
}

.md-form.md-outline input[type=date].valid,
.md-form.md-outline input[type=date]:focus.valid,
.md-form.md-outline input[type=datetime-local].valid,
.md-form.md-outline input[type=datetime-local]:focus.valid,
.md-form.md-outline input[type=email].valid,
.md-form.md-outline input[type=email]:focus.valid,
.md-form.md-outline input[type=number].valid,
.md-form.md-outline input[type=number]:focus.valid,
.md-form.md-outline input[type=password].valid,
.md-form.md-outline input[type=password]:focus.valid,
.md-form.md-outline input[type=search-md].valid,
.md-form.md-outline input[type=search-md]:focus.valid,
.md-form.md-outline input[type=search].valid,
.md-form.md-outline input[type=search]:focus.valid,
.md-form.md-outline input[type=tel].valid,
.md-form.md-outline input[type=tel]:focus.valid,
.md-form.md-outline input[type=text].valid,
.md-form.md-outline input[type=text]:focus.valid,
.md-form.md-outline input[type=time].valid,
.md-form.md-outline input[type=time]:focus.valid,
.md-form.md-outline input[type=url].valid,
.md-form.md-outline input[type=url]:focus.valid,
.md-form.md-outline textarea.md-textarea.valid,
.md-form.md-outline textarea.md-textarea:focus.valid {
    border-color: #00c851;
    -webkit-box-shadow: inset 0 0 0 1px #00c851;
    box-shadow: inset 0 0 0 1px #00c851
}

.md-form.md-outline input[type=date].valid+label:after,
.md-form.md-outline input[type=date]:focus.valid+label:after,
.md-form.md-outline input[type=date]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=datetime-local].valid+label:after,
.md-form.md-outline input[type=datetime-local]:focus.valid+label:after,
.md-form.md-outline input[type=datetime-local]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=email].valid+label:after,
.md-form.md-outline input[type=email]:focus.valid+label:after,
.md-form.md-outline input[type=email]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=number].valid+label:after,
.md-form.md-outline input[type=number]:focus.valid+label:after,
.md-form.md-outline input[type=number]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=password].valid+label:after,
.md-form.md-outline input[type=password]:focus.valid+label:after,
.md-form.md-outline input[type=password]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=search-md].valid+label:after,
.md-form.md-outline input[type=search-md]:focus.valid+label:after,
.md-form.md-outline input[type=search-md]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=search].valid+label:after,
.md-form.md-outline input[type=search]:focus.valid+label:after,
.md-form.md-outline input[type=search]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=tel].valid+label:after,
.md-form.md-outline input[type=tel]:focus.valid+label:after,
.md-form.md-outline input[type=tel]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=text].valid+label:after,
.md-form.md-outline input[type=text]:focus.valid+label:after,
.md-form.md-outline input[type=text]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=time].valid+label:after,
.md-form.md-outline input[type=time]:focus.valid+label:after,
.md-form.md-outline input[type=time]:focus:not([readonly]).valid+label,
.md-form.md-outline input[type=url].valid+label:after,
.md-form.md-outline input[type=url]:focus.valid+label:after,
.md-form.md-outline input[type=url]:focus:not([readonly]).valid+label,
.md-form.md-outline textarea.md-textarea.valid+label:after,
.md-form.md-outline textarea.md-textarea:focus.valid+label:after,
.md-form.md-outline textarea.md-textarea:focus:not([readonly]).valid+label {
    content: attr(data-success);
    color: #00c851;
    opacity: 1
}

.md-form.md-outline input[type=date].invalid,
.md-form.md-outline input[type=date]:focus.invalid,
.md-form.md-outline input[type=datetime-local].invalid,
.md-form.md-outline input[type=datetime-local]:focus.invalid,
.md-form.md-outline input[type=email].invalid,
.md-form.md-outline input[type=email]:focus.invalid,
.md-form.md-outline input[type=number].invalid,
.md-form.md-outline input[type=number]:focus.invalid,
.md-form.md-outline input[type=password].invalid,
.md-form.md-outline input[type=password]:focus.invalid,
.md-form.md-outline input[type=search-md].invalid,
.md-form.md-outline input[type=search-md]:focus.invalid,
.md-form.md-outline input[type=search].invalid,
.md-form.md-outline input[type=search]:focus.invalid,
.md-form.md-outline input[type=tel].invalid,
.md-form.md-outline input[type=tel]:focus.invalid,
.md-form.md-outline input[type=text].invalid,
.md-form.md-outline input[type=text]:focus.invalid,
.md-form.md-outline input[type=time].invalid,
.md-form.md-outline input[type=time]:focus.invalid,
.md-form.md-outline input[type=url].invalid,
.md-form.md-outline input[type=url]:focus.invalid,
.md-form.md-outline textarea.md-textarea.invalid,
.md-form.md-outline textarea.md-textarea:focus.invalid {
    border-color: #f44336;
    -webkit-box-shadow: inset 0 0 0 1px #f44336;
    box-shadow: inset 0 0 0 1px #f44336
}

.md-form.md-outline input[type=date].invalid+label:after,
.md-form.md-outline input[type=date]:focus.invalid+label:after,
.md-form.md-outline input[type=date]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=datetime-local].invalid+label:after,
.md-form.md-outline input[type=datetime-local]:focus.invalid+label:after,
.md-form.md-outline input[type=datetime-local]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=email].invalid+label:after,
.md-form.md-outline input[type=email]:focus.invalid+label:after,
.md-form.md-outline input[type=email]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=number].invalid+label:after,
.md-form.md-outline input[type=number]:focus.invalid+label:after,
.md-form.md-outline input[type=number]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=password].invalid+label:after,
.md-form.md-outline input[type=password]:focus.invalid+label:after,
.md-form.md-outline input[type=password]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=search-md].invalid+label:after,
.md-form.md-outline input[type=search-md]:focus.invalid+label:after,
.md-form.md-outline input[type=search-md]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=search].invalid+label:after,
.md-form.md-outline input[type=search]:focus.invalid+label:after,
.md-form.md-outline input[type=search]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=tel].invalid+label:after,
.md-form.md-outline input[type=tel]:focus.invalid+label:after,
.md-form.md-outline input[type=tel]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=text].invalid+label:after,
.md-form.md-outline input[type=text]:focus.invalid+label:after,
.md-form.md-outline input[type=text]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=time].invalid+label:after,
.md-form.md-outline input[type=time]:focus.invalid+label:after,
.md-form.md-outline input[type=time]:focus:not([readonly]).invalid+label,
.md-form.md-outline input[type=url].invalid+label:after,
.md-form.md-outline input[type=url]:focus.invalid+label:after,
.md-form.md-outline input[type=url]:focus:not([readonly]).invalid+label,
.md-form.md-outline textarea.md-textarea.invalid+label:after,
.md-form.md-outline textarea.md-textarea:focus.invalid+label:after,
.md-form.md-outline textarea.md-textarea:focus:not([readonly]).invalid+label {
    content: attr(data-error);
    color: #f44336;
    opacity: 1
}

.md-form.md-outline input[type=date].form-control.invalid+label:after,
.md-form.md-outline input[type=date].form-control.valid+label:after,
.md-form.md-outline input[type=date].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=date].form-control:focus.valid+label:after,
.md-form.md-outline input[type=datetime-local].form-control.invalid+label:after,
.md-form.md-outline input[type=datetime-local].form-control.valid+label:after,
.md-form.md-outline input[type=datetime-local].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=datetime-local].form-control:focus.valid+label:after,
.md-form.md-outline input[type=email].form-control.invalid+label:after,
.md-form.md-outline input[type=email].form-control.valid+label:after,
.md-form.md-outline input[type=email].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=email].form-control:focus.valid+label:after,
.md-form.md-outline input[type=number].form-control.invalid+label:after,
.md-form.md-outline input[type=number].form-control.valid+label:after,
.md-form.md-outline input[type=number].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=number].form-control:focus.valid+label:after,
.md-form.md-outline input[type=password].form-control.invalid+label:after,
.md-form.md-outline input[type=password].form-control.valid+label:after,
.md-form.md-outline input[type=password].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=password].form-control:focus.valid+label:after,
.md-form.md-outline input[type=search-md].form-control.invalid+label:after,
.md-form.md-outline input[type=search-md].form-control.valid+label:after,
.md-form.md-outline input[type=search-md].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=search-md].form-control:focus.valid+label:after,
.md-form.md-outline input[type=search].form-control.invalid+label:after,
.md-form.md-outline input[type=search].form-control.valid+label:after,
.md-form.md-outline input[type=search].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=search].form-control:focus.valid+label:after,
.md-form.md-outline input[type=tel].form-control.invalid+label:after,
.md-form.md-outline input[type=tel].form-control.valid+label:after,
.md-form.md-outline input[type=tel].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=tel].form-control:focus.valid+label:after,
.md-form.md-outline input[type=text].form-control.invalid+label:after,
.md-form.md-outline input[type=text].form-control.valid+label:after,
.md-form.md-outline input[type=text].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=text].form-control:focus.valid+label:after,
.md-form.md-outline input[type=time].form-control.invalid+label:after,
.md-form.md-outline input[type=time].form-control.valid+label:after,
.md-form.md-outline input[type=time].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=time].form-control:focus.valid+label:after,
.md-form.md-outline input[type=url].form-control.invalid+label:after,
.md-form.md-outline input[type=url].form-control.valid+label:after,
.md-form.md-outline input[type=url].form-control:focus.invalid+label:after,
.md-form.md-outline input[type=url].form-control:focus.valid+label:after,
.md-form.md-outline textarea.md-textarea.form-control.invalid+label:after,
.md-form.md-outline textarea.md-textarea.form-control.valid+label:after,
.md-form.md-outline textarea.md-textarea.form-control:focus.invalid+label:after,
.md-form.md-outline textarea.md-textarea.form-control:focus.valid+label:after {
    top: 2.75rem;
    left: 0;
    position: absolute
}

.md-form.md-outline>input[type=time]:not(.browser-default)+label,
.md-form.md-outline>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label {
    -webkit-transform: translateY(-9px) scale(.8);
    transform: translateY(-9px) scale(.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background: #fff;
    font-weight: 500;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 1rem;
    left: 8px
}

.md-form.md-outline>input[type=time]:not(.browser-default)+label.active,
.md-form.md-outline>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label.active {
    -webkit-transform: translateY(-9px) scale(.8);
    transform: translateY(-9px) scale(.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

@-webkit-keyframes autofill {
    to {
        color: #495057;
        background: 0 0
    }
}

@keyframes autofill {
    to {
        color: #495057;
        background: 0 0
    }
}

.md-form.md-outline input:-webkit-autofill {
    -webkit-animation-name: autofill;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.md-form.md-outline .form-control {
    padding: .375rem .75rem
}

.md-form.md-outline label {
    font-size: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: translateY(9px);
    -ms-transform: translateY(9px);
    transform: translateY(9px);
    cursor: text;
    color: #757575
}

.md-form.md-outline label.active {
    -webkit-transform: translateY(-13px) scale(.8);
    -ms-transform: translateY(-13px) scale(.8);
    transform: translateY(-13px) scale(.8);
    background: #fff;
    font-weight: 500;
    padding-right: 5px;
    padding-left: 5px;
    left: 8px
}

.md-form.md-outline.form-lg .form-control.form-control-lg {
    padding: .5rem .725rem
}

.md-form.md-outline.form-lg label {
    font-size: 1.25rem;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.md-form.md-outline.form-lg label.active {
    font-size: 1.1rem;
    -webkit-transform: translateY(-14px) scale(.8);
    -ms-transform: translateY(-14px) scale(.8);
    transform: translateY(-14px) scale(.8)
}

.md-form.md-outline.form-lg .prefix {
    top: .65rem;
    font-size: 25px
}

.md-form.md-outline.form-lg .prefix~input,
.md-form.md-outline.form-lg .prefix~textarea {
    margin-left: 2.2rem;
    width: calc(100% - 2.2rem)
}

.md-form.md-outline.form-lg .prefix~label {
    margin-left: 2.2rem
}

.md-form.md-outline.form-lg .prefix~.form-text {
    margin-left: 2.3rem
}

.md-form.md-outline.form-sm .form-control.form-control-sm {
    padding: .25rem .625rem
}

.md-form.md-outline.form-sm label {
    font-size: .8rem;
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px)
}

.md-form.md-outline.form-sm label.active {
    font-size: .85rem;
    -webkit-transform: translateY(-12px) scale(.8);
    -ms-transform: translateY(-12px) scale(.8);
    transform: translateY(-12px) scale(.8)
}

.md-form.md-outline.form-sm .prefix {
    top: .5rem;
    font-size: 15px
}

.md-form.md-outline.form-sm .prefix~input,
.md-form.md-outline.form-sm .prefix~textarea {
    margin-left: 1.6rem;
    width: calc(100% - 1.6rem)
}

.md-form.md-outline.form-sm .prefix~label {
    margin-left: 1.6rem
}

.md-form.md-outline.form-sm .prefix~.form-text {
    margin-left: 1.7rem
}

.md-form.md-outline .prefix {
    position: absolute;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    top: .6rem;
    font-size: 20px
}

.md-form.md-outline .prefix:focus {
    color: #4285f4
}

.md-form.md-outline .prefix~input,
.md-form.md-outline .prefix~textarea {
    margin-left: 2rem;
    width: calc(100% - 2rem)
}

.md-form.md-outline .prefix~label {
    margin-left: 2rem
}

.md-form.md-outline .prefix~.form-text {
    margin-left: 2.1rem
}

.md-form.md-outline .character-counter {
    margin-top: -.5rem
}

.md-form.md-bg input[type=date],
.md-form.md-bg input[type=datetime-local],
.md-form.md-bg input[type=email],
.md-form.md-bg input[type=number],
.md-form.md-bg input[type=password],
.md-form.md-bg input[type=search-md],
.md-form.md-bg input[type=search],
.md-form.md-bg input[type=tel],
.md-form.md-bg input[type=text],
.md-form.md-bg input[type=time],
.md-form.md-bg input[type=url],
.md-form.md-bg textarea.md-textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 5px;
    border: 0;
    -webkit-border-top-left-radius: .3rem;
    border-top-left-radius: .3rem;
    -webkit-border-top-right-radius: .3rem;
    border-top-right-radius: .3rem;
    background: 50% 100% no-repeat, 50% 100% no-repeat #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4285f4), to(#4285f4)), -webkit-gradient(linear, left top, left bottom, from(#ced4da), to(#ced4da));
    background-image: -webkit-linear-gradient(top, #4285f4, #4285f4), -webkit-linear-gradient(top, #ced4da, #ced4da);
    background-image: -o-linear-gradient(top, #4285f4, #4285f4), -o-linear-gradient(top, #ced4da, #ced4da);
    background-image: linear-gradient(to bottom, #4285f4, #4285f4), linear-gradient(to bottom, #ced4da, #ced4da);
    -webkit-background-size: 0 2px, 100% 1px;
    background-size: 0 2px, 100% 1px;
    -webkit-transition: -webkit-background-size .3s cubic-bezier(.64, .09, .08, 1);
    -o-transition: background-size .3s cubic-bezier(.64, .09, .08, 1);
    transition: background-size .3s cubic-bezier(.64, .09, .08, 1);
    transition: background-size .3s cubic-bezier(.64, .09, .08, 1), -webkit-background-size .3s cubic-bezier(.64, .09, .08, 1)
}

.md-form.md-bg input[type=date]:focus:not([readonly]),
.md-form.md-bg input[type=datetime-local]:focus:not([readonly]),
.md-form.md-bg input[type=email]:focus:not([readonly]),
.md-form.md-bg input[type=number]:focus:not([readonly]),
.md-form.md-bg input[type=password]:focus:not([readonly]),
.md-form.md-bg input[type=search-md]:focus:not([readonly]),
.md-form.md-bg input[type=search]:focus:not([readonly]),
.md-form.md-bg input[type=tel]:focus:not([readonly]),
.md-form.md-bg input[type=text]:focus:not([readonly]),
.md-form.md-bg input[type=time]:focus:not([readonly]),
.md-form.md-bg input[type=url]:focus:not([readonly]),
.md-form.md-bg textarea.md-textarea:focus:not([readonly]) {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none
}

.md-form.md-bg input[type=date]:focus,
.md-form.md-bg input[type=datetime-local]:focus,
.md-form.md-bg input[type=email]:focus,
.md-form.md-bg input[type=number]:focus,
.md-form.md-bg input[type=password]:focus,
.md-form.md-bg input[type=search-md]:focus,
.md-form.md-bg input[type=search]:focus,
.md-form.md-bg input[type=tel]:focus,
.md-form.md-bg input[type=text]:focus,
.md-form.md-bg input[type=time]:focus,
.md-form.md-bg input[type=url]:focus,
.md-form.md-bg textarea.md-textarea:focus {
    background-color: #dcdcdc;
    -webkit-background-size: 100% 2px, 100% 1px;
    background-size: 100% 2px, 100% 1px;
    outline: 0
}

.md-form.md-bg>input[type=date]:not(.browser-default)+label {
    -webkit-transform: translateY(-12px) scale(.8);
    -ms-transform: translateY(-12px) scale(.8);
    transform: translateY(-12px) scale(.8);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.md-form.md-bg>input[type=time]:not(.browser-default)+label,
.md-form.md-bg>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    font-size: .8rem
}

.md-form.md-bg .form-control {
    padding: 1.1rem .7rem .4rem !important
}

.md-form.md-bg label {
    top: 0;
    padding-left: .7rem;
    font-size: 1rem;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: translateY(13px);
    -ms-transform: translateY(13px);
    transform: translateY(13px)
}

.md-form.md-bg label.active {
    -webkit-transform: translateY(-3px) scale(.8);
    -ms-transform: translateY(-3px) scale(.8);
    transform: translateY(-3px) scale(.8);
    font-weight: 500;
    padding-left: .75rem
}

.md-form.md-bg.form-lg label {
    -webkit-transform: translateY(16px);
    -ms-transform: translateY(16px);
    transform: translateY(16px)
}

.md-form.md-bg.form-lg label.active {
    -webkit-transform: translateY(-4px) scale(.8);
    -ms-transform: translateY(-4px) scale(.8);
    transform: translateY(-4px) scale(.8)
}

.md-form.md-bg.form-sm label {
    -webkit-transform: translateY(11px);
    -ms-transform: translateY(11px);
    transform: translateY(11px)
}

.md-form.md-bg.form-sm label.active {
    -webkit-transform: translateY(-2px) scale(.8);
    -ms-transform: translateY(-2px) scale(.8);
    transform: translateY(-2px) scale(.8)
}

.md-form .form-control.is-invalid,
.md-form .form-control.is-valid,
.was-validated .md-form .form-control:invalid,
.was-validated .md-form .form-control:valid {
    padding-right: 0
}

.needs-validation .md-form label {
    left: .3rem
}

.custom-file-input:lang(es)~.custom-file-label::after {
    content: "Elegir"
}

.custom-file-input:lang(pl-PL)~.custom-file-label::after {
    content: "Wybierz"
}

.custom-file-input:lang(fr)~.custom-file-label::after {
    content: "Choisir"
}

.custom-file-input:lang(in)~.custom-file-label::after {
    content: "Pilih"
}

.custom-file-input:lang(zh)~.custom-file-label::after {
    content: "選擇"
}

.custom-file-input:lang(de)~.custom-file-label::after {
    content: "Wählen"
}

.custom-file-input:lang(ru)~.custom-file-label::after {
    content: "выбирать"
}

.edge-header {
    display: block;
    height: 278px;
    background-color: #ccc
}

.free-bird {
    margin-top: -100px
}

.juicy-peach-gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffecd2), to(#fcb69f));
    background-image: -webkit-linear-gradient(left, #ffecd2 0, #fcb69f 100%);
    background-image: -o-linear-gradient(left, #ffecd2 0, #fcb69f 100%);
    background-image: linear-gradient(to right, #ffecd2 0, #fcb69f 100%)
}

.young-passion-gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff8177), color-stop(0, #ff867a), color-stop(21%, #ff8c7f), color-stop(52%, #f99185), color-stop(78%, #cf556c), to(#b12a5b));
    background-image: -webkit-linear-gradient(left, #ff8177 0, #ff867a 0, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
    background-image: -o-linear-gradient(left, #ff8177 0, #ff867a 0, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
    background-image: linear-gradient(to right, #ff8177 0, #ff867a 0, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%)
}

.lady-lips-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff9a9e), color-stop(99%, #fecfef), to(#fecfef));
    background-image: -webkit-linear-gradient(bottom, #ff9a9e 0, #fecfef 99%, #fecfef 100%);
    background-image: -o-linear-gradient(bottom, #ff9a9e 0, #fecfef 99%, #fecfef 100%);
    background-image: linear-gradient(to top, #ff9a9e 0, #fecfef 99%, #fecfef 100%)
}

.sunny-morning-gradient {
    background-image: -webkit-linear-gradient(330deg, #f6d365 0, #fda085 100%);
    background-image: -o-linear-gradient(330deg, #f6d365 0, #fda085 100%);
    background-image: linear-gradient(120deg, #f6d365 0, #fda085 100%)
}

.rainy-ashville-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fbc2eb), to(#a6c1ee));
    background-image: -webkit-linear-gradient(bottom, #fbc2eb 0, #a6c1ee 100%);
    background-image: -o-linear-gradient(bottom, #fbc2eb 0, #a6c1ee 100%);
    background-image: linear-gradient(to top, #fbc2eb 0, #a6c1ee 100%)
}

.frozen-dreams-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fdcbf1), color-stop(1%, #fdcbf1), to(#e6dee9));
    background-image: -webkit-linear-gradient(bottom, #fdcbf1 0, #fdcbf1 1%, #e6dee9 100%);
    background-image: -o-linear-gradient(bottom, #fdcbf1 0, #fdcbf1 1%, #e6dee9 100%);
    background-image: linear-gradient(to top, #fdcbf1 0, #fdcbf1 1%, #e6dee9 100%)
}

.warm-flame-gradient {
    background-image: -webkit-linear-gradient(45deg, #ff9a9e 0, #fad0c4 99%, #fad0c4 100%);
    background-image: -o-linear-gradient(45deg, #ff9a9e 0, #fad0c4 99%, #fad0c4 100%);
    background-image: linear-gradient(45deg, #ff9a9e 0, #fad0c4 99%, #fad0c4 100%)
}

.night-fade-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#a18cd1), to(#fbc2eb));
    background-image: -webkit-linear-gradient(bottom, #a18cd1 0, #fbc2eb 100%);
    background-image: -o-linear-gradient(bottom, #a18cd1 0, #fbc2eb 100%);
    background-image: linear-gradient(to top, #a18cd1 0, #fbc2eb 100%)
}

.spring-warmth-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fad0c4), to(#ffd1ff));
    background-image: -webkit-linear-gradient(bottom, #fad0c4 0, #ffd1ff 100%);
    background-image: -o-linear-gradient(bottom, #fad0c4 0, #ffd1ff 100%);
    background-image: linear-gradient(to top, #fad0c4 0, #ffd1ff 100%)
}

.winter-neva-gradient {
    background-image: -webkit-linear-gradient(330deg, #a1c4fd 0, #c2e9fb 100%);
    background-image: -o-linear-gradient(330deg, #a1c4fd 0, #c2e9fb 100%);
    background-image: linear-gradient(120deg, #a1c4fd 0, #c2e9fb 100%)
}

.dusty-grass-gradient {
    background-image: -webkit-linear-gradient(330deg, #d4fc79 0, #96e6a1 100%);
    background-image: -o-linear-gradient(330deg, #d4fc79 0, #96e6a1 100%);
    background-image: linear-gradient(120deg, #d4fc79 0, #96e6a1 100%)
}

.tempting-azure-gradient {
    background-image: -webkit-linear-gradient(330deg, #84fab0 0, #8fd3f4 100%);
    background-image: -o-linear-gradient(330deg, #84fab0 0, #8fd3f4 100%);
    background-image: linear-gradient(120deg, #84fab0 0, #8fd3f4 100%)
}

.heavy-rain-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#cfd9df), to(#e2ebf0));
    background-image: -webkit-linear-gradient(bottom, #cfd9df 0, #e2ebf0 100%);
    background-image: -o-linear-gradient(bottom, #cfd9df 0, #e2ebf0 100%);
    background-image: linear-gradient(to top, #cfd9df 0, #e2ebf0 100%)
}

.amy-crisp-gradient {
    background-image: -webkit-linear-gradient(330deg, #a6c0fe 0, #f68084 100%);
    background-image: -o-linear-gradient(330deg, #a6c0fe 0, #f68084 100%);
    background-image: linear-gradient(120deg, #a6c0fe 0, #f68084 100%)
}

.mean-fruit-gradient {
    background-image: -webkit-linear-gradient(330deg, #fccb90 0, #d57eeb 100%);
    background-image: -o-linear-gradient(330deg, #fccb90 0, #d57eeb 100%);
    background-image: linear-gradient(120deg, #fccb90 0, #d57eeb 100%)
}

.deep-blue-gradient {
    background-image: -webkit-linear-gradient(330deg, #e0c3fc 0, #8ec5fc 100%);
    background-image: -o-linear-gradient(330deg, #e0c3fc 0, #8ec5fc 100%);
    background-image: linear-gradient(120deg, #e0c3fc 0, #8ec5fc 100%)
}

.ripe-malinka-gradient {
    background-image: -webkit-linear-gradient(330deg, #f093fb 0, #f5576c 100%);
    background-image: -o-linear-gradient(330deg, #f093fb 0, #f5576c 100%);
    background-image: linear-gradient(120deg, #f093fb 0, #f5576c 100%)
}

.cloudy-knoxville-gradient {
    background-image: -webkit-linear-gradient(330deg, #fdfbfb 0, #ebedee 100%);
    background-image: -o-linear-gradient(330deg, #fdfbfb 0, #ebedee 100%);
    background-image: linear-gradient(120deg, #fdfbfb 0, #ebedee 100%)
}

.morpheus-den-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#30cfd0), to(#330867));
    background-image: -webkit-linear-gradient(bottom, #30cfd0 0, #330867 100%);
    background-image: -o-linear-gradient(bottom, #30cfd0 0, #330867 100%);
    background-image: linear-gradient(to top, #30cfd0 0, #330867 100%)
}

.rare-wind-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#a8edea), to(#fed6e3));
    background-image: -webkit-linear-gradient(bottom, #a8edea 0, #fed6e3 100%);
    background-image: -o-linear-gradient(bottom, #a8edea 0, #fed6e3 100%);
    background-image: linear-gradient(to top, #a8edea 0, #fed6e3 100%)
}

.near-moon-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#5ee7df), to(#b490ca));
    background-image: -webkit-linear-gradient(bottom, #5ee7df 0, #b490ca 100%);
    background-image: -o-linear-gradient(bottom, #5ee7df 0, #b490ca 100%);
    background-image: linear-gradient(to top, #5ee7df 0, #b490ca 100%)
}

.schedule-list .hr-bold {
    border-top: 2px solid #212529
}

.schedule-list .font-smaller {
    font-size: .8rem
}

.note {
    padding: 10px;
    border-left: 6px solid;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.note strong {
    font-weight: 600
}

.note p {
    font-weight: 500
}

.note.note-primary {
    background-color: #dfeefd;
    border-color: #176ac4
}

.note.note-secondary {
    background-color: #e2e3e5;
    border-color: #58595a
}

.note.note-success {
    background-color: #e2f0e5;
    border-color: #49a75f
}

.note.note-danger {
    background-color: #fae7e8;
    border-color: #e45460
}

.note.note-warning {
    background-color: #faf4e0;
    border-color: #c2a442
}

.note.note-info {
    background-color: #e4f2f5;
    border-color: #2492a5
}

.note.note-light {
    background-color: #fefefe;
    border-color: #0f0f0f
}

footer.page-footer {
    bottom: 0;
    color: #fff
}

footer.page-footer .container-fluid {
    width: auto
}

footer.page-footer .footer-copyright {
    overflow: hidden;
    background-color: rgba(0, 0, 0, .2);
    color: rgba(255, 255, 255, .6)
}

footer.page-footer a {
    color: #fff
}

.media .media-left {
    padding: 0 10px 10px 0
}

.media .media-left img {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

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

.list-group .list-group-item:last-child {
    -webkit-border-bottom-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
    -webkit-border-bottom-right-radius: .125rem;
    border-bottom-right-radius: .125rem
}

.list-group a,
.list-group a:hover,
.list-group button,
.list-group button:hover {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

table th {
    font-size: .9rem;
    font-weight: 400
}

table td {
    font-size: .9rem;
    font-weight: 300
}

table.table thead th {
    border-top: none
}

table.table td,
table.table th {
    padding-top: 1.1rem;
    padding-bottom: 1rem
}

table.table a {
    margin: 0;
    color: #212529
}

table.table .label-table {
    margin: 0;
    padding: 0;
    line-height: .94rem;
    height: .94rem
}

table.table-hover tbody tr:hover {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-color: rgba(0, 0, 0, .075)
}

table .th-lg {
    min-width: 9rem
}

table .th-sm {
    min-width: 6rem
}

table.table-sm td,
table.table-sm th {
    padding-top: .6rem;
    padding-bottom: .6rem
}

.table-scroll-vertical {
    max-height: 300px;
    overflow-y: auto
}

.table-fixed {
    table-layout: fixed
}

.table-responsive-lg>.table-bordered,
.table-responsive-md>.table-bordered,
.table-responsive-sm>.table-bordered,
.table-responsive-xl>.table-bordered,
.table-responsive>.table-bordered {
    border-top: 1px solid #dee2e6
}

ul.stepper {
    counter-reset: section;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 1em -1.5rem;
    padding: 1.5rem
}

ul.stepper li a {
    padding: 1.5rem;
    text-align: center
}

ul.stepper li a .circle {
    display: inline-block;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, .38);
    width: 1.75rem;
    height: 1.75rem;
    text-align: center;
    line-height: 1.7rem;
    margin-right: .5rem
}

ul.stepper li a .label {
    display: inline-block;
    color: rgba(0, 0, 0, .38)
}

.stepper-horizontal,
.stepper-horizontal li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    position: relative
}

ul.stepper li.active a .label,
ul.stepper li.completed a .label {
    font-weight: 600;
    color: rgba(0, 0, 0, .87)
}

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

.stepper-horizontal li {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.stepper-vertical,
.stepper-vertical li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.stepper-horizontal li a .label {
    margin-top: .63rem
}

.stepper-horizontal li:not(:first-child):before,
.stepper-horizontal li:not(:last-child):after {
    content: "";
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: .5rem 0 0;
    height: 1px;
    background-color: rgba(0, 0, 0, .1)
}

.stepper-horizontal li:hover {
    background-color: rgba(0, 0, 0, .06)
}

@media (max-width:47.9375rem) {

    .stepper-horizontal,
    .stepper-horizontal li,
    .stepper-horizontal li a .label {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .stepper-horizontal {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .stepper-horizontal li {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .stepper-horizontal li a .label {
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: .2rem
    }

    .stepper-horizontal li:not(:last-child):after {
        content: "";
        position: absolute;
        width: 1px;
        height: calc(100% - 40px);
        left: 2.19rem;
        top: 3.75rem
    }
}

.stepper-horizontal>li:not(:last-of-type) {
    margin-bottom: 0 !important
}

.stepper-vertical {
    position: relative;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.stepper-vertical li {
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.stepper-vertical li a {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.stepper-vertical li a .circle {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.stepper-vertical li a .label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: .2rem
}

.stepper-vertical li.completed a .label {
    font-weight: 500
}

.stepper-vertical li .step-content {
    display: block;
    margin-top: 0;
    margin-left: 3.13rem;
    padding: .94rem
}

.stepper-vertical li .step-content p {
    font-size: .88rem
}

.stepper-vertical li:not(:last-child):after {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 40px);
    left: 2.19rem;
    top: 3.44rem;
    background-color: rgba(0, 0, 0, .1)
}

.fast.spinner-border {
    -webkit-animation: spinner-border .4s linear infinite;
    animation: spinner-border .4s linear infinite
}

.fast.spinner-grow {
    -webkit-animation: spinner-grow .4s linear infinite;
    animation: spinner-grow .4s linear infinite
}

.treeview.w-20 {
    width: 20rem
}

.treeview .rotate {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    font-size: .8rem;
    vertical-align: text-top;
    margin-top: .2rem
}

.treeview .rotate.down {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.treeview .nested {
    display: none
}

.treeview .active {
    display: block
}

.treeview ul {
    list-style-type: none
}

.treeview .ic-w {
    width: 1.3rem
}

.treeview-animated.w-20 {
    width: 20rem
}

.treeview-animated ul {
    position: relative;
    list-style: none;
    padding-left: 1em
}

.treeview-animated .treeview-animated-list li {
    padding: .2em 0 0 .2em
}

.treeview-animated .treeview-animated-list .treeview-animated-items .nested::before {
    content: "";
    display: block;
    position: absolute;
    background-color: grey;
    left: 5px;
    width: 5px;
    height: 100%
}

.treeview-animated .treeview-animated-list .treeview-animated-items .closed {
    display: block;
    padding: .2em .2em .2em .4em;
    margin-right: 0;
    -webkit-border-top-left-radius: .3em;
    border-top-left-radius: .3em;
    -webkit-border-bottom-left-radius: .3em;
    border-bottom-left-radius: .3em
}

.treeview-animated .treeview-animated-list .treeview-animated-items .closed:hover {
    background-color: #8cb9ff
}

.treeview-animated .treeview-animated-list .treeview-animated-items .closed .fa-angle-right {
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    font-size: .8rem
}

.treeview-animated .treeview-animated-list .treeview-animated-items .closed .fa-angle-right.down {
    position: relative;
    color: #f8f9fa;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.treeview-animated .treeview-animated-list .treeview-animated-items .open {
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    background-color: #32a0ff
}

.treeview-animated .treeview-animated-list .treeview-animated-items .open:hover {
    color: #f8f9fa;
    background-color: #32a0ff
}

.treeview-animated .treeview-animated-list .treeview-animated-items .open span {
    color: #f8f9fa
}

.treeview-animated .treeview-animated-list .treeview-animated-element {
    padding: .2em .2em .2em .6em;
    cursor: pointer;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

.treeview-animated .treeview-animated-list .treeview-animated-element:hover {
    background-color: #8cb9ff
}

.treeview-animated .treeview-animated-list .treeview-animated-element.opened,
.treeview-animated .treeview-animated-list .treeview-animated-element.opened:hover {
    color: #f8f9fa;
    background-color: #32a0ff
}

.treeview-colorful {
    font-size: 16px;
    font-weight: 400;
    background: rgba(224, 127, 178, .2)
}

.treeview-colorful.w-20 {
    width: 20rem
}

.treeview-colorful hr {
    border-color: #a2127a
}

.treeview-colorful h6 {
    font-size: 1.4em;
    font-weight: 500;
    color: #a2127a
}

.treeview-colorful ul {
    position: relative;
    list-style: none;
    padding-left: 0
}

.treeview-colorful .treeview-colorful-list ul {
    padding-left: 1em;
    margin-top: .1em;
    background: rgba(224, 127, 178, .2)
}

.treeview-colorful .treeview-colorful-element {
    padding: .2em .2em .2em 1em;
    cursor: pointer;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    border: 2px solid transparent;
    border-right: 0 solid transparent
}

.treeview-colorful .treeview-colorful-element:hover {
    background-color: #e07fb2
}

.treeview-colorful .treeview-colorful-element.opened {
    color: #ffac47;
    border: 2px solid #ffac47;
    border-right: 0 solid transparent;
    background-color: #a2127a
}

.treeview-colorful .treeview-colorful-element.opened:hover {
    color: #ffac47;
    background-color: #a2127a
}

.treeview-colorful .treeview-colorful-items-header {
    display: block;
    padding: .4em;
    margin-right: 0;
    border-bottom: 2px solid transparent;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

.treeview-colorful .treeview-colorful-items-header:hover {
    background-color: #e07fb2
}

.treeview-colorful .treeview-colorful-items-header.open {
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    background-color: #a2127a;
    border-bottom: 2px solid #ffac47
}

.treeview-colorful .treeview-colorful-items-header.open span {
    color: #ffac47
}

.treeview-colorful .treeview-colorful-items-header.open:hover {
    color: #ffac47;
    background-color: #a2127a
}

.treeview-colorful .treeview-colorful-items-header.open div:hover {
    background-color: #a2127a
}

.treeview-colorful .treeview-colorful-items-header .fa-angle-right {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    font-size: .8rem
}

.treeview-colorful .treeview-colorful-items-header .fas {
    position: relative;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #ffac47
}

.treeview-colorful .treeview-colorful-items-header .fa-minus-circle {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    position: relative;
    color: #ffac47;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@charset 'UTF-8';

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

h1,
h2,
h3 {
    font-weight: 300;
    margin-bottom: 25px
}

h1,
h2,
h3,
p {
    margin-bottom: 25px
}

h5,
h6 {
    color: #1d3443;
    letter-spacing: -.03em;
    margin-bottom: 15px
}

body,
p {
    color: #57656e
}

.btn-default,
.btn-primary,
.btn-secondary {
    margin: 0;
    text-transform: none;
    border-radius: 3px;
    min-height: 56px;
    font-size: 16px;
    font-family: 'Open Sans Light';
    padding: 15px 30px
}

.navbar,
.navbar-nav .nav-item {
    position: inherit
}

.yearSelector select,
select {
    -webkit-appearance: none;
    -moz-appearance: none
}

#VacanciesDetails .dl-horizontal dt,
a.IRMenuItem {
    white-space: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-Regular.woff") format('woff'), url("../fonts/OpenSans-Regular.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans Light';
    src: url("../fonts/OpenSans-Light.woff") format('woff'), url("../fonts/OpenSans-Light.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url("../fonts/OpenSans-Bold.woff") format('woff'), url("../fonts/OpenSans-Bold.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans Semi-Bold';
    src: url("../fonts/OpenSans-SemiBold.woff") format('woff'), url("../fonts/OpenSans-SemiBold.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans Extra-Bold';
    src: url("../fonts/OpenSans-ExtraBold.woff") format('woff'), url("../fonts/OpenSans-ExtraBold.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url("../fonts/Montserrat-Regular.woff") format('woff'), url("../fonts/Montserrat-Regular.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat Thin';
    src: url("../fonts/Montserrat-Thin.woff") format('woff'), url("../fonts/Montserrat-Thin.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat Light';
    src: url("/Portals/_default/skins/netcare-core/fonts/Montserrat-Light.woff") format('woff'), url("/Portals/_default/skins/netcare-core/fonts/Montserrat-Light.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url("../fonts/Montserrat-Bold.woff") format('woff'), url("../fonts/Montserrat-Bold.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat SemiBold';
    src: url("../fonts/Montserrat-SemiBold.woff") format('woff'), url("../fonts/Montserrat-SemiBold.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat ExtraBold';
    src: url("../fonts/Montserrat-ExtraBold.woff") format('woff'), url("../fonts/Montserrat-ExtraBold.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat ExtraBold';
    src: url("/Portals/_default/skins/netcare-core/fonts/Material-Design-Icons.woff") format('woff'), url("/Portals/_default/skins/netcare-core/fonts/Material-Design-Icons.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px
}

body {
    font-size: 16px;
    line-height: 22px
}

p {
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 140%
}

.container {
    max-width: 1400px
}

h1 {
    font-family: 'Open Sans';
    font-size: 42px;
    line-height: 46px;
    color: #1d3443;
    letter-spacing: -.03em
}

h2 {
    font-family: "Open Sans Light";
    font-size: 45px;
    line-height: 50px;
    color: #1d3443;
    letter-spacing: -.03em
}

h3 {
    font-size: 30px;
    line-height: 40px;
    color: #1d3443;
    letter-spacing: -.03em
}

h4 {
    font-family: "Open Sans";
    font-size: 24px;
    line-height: 30px;
    color: #1d3443;
    letter-spacing: -.03em;
    font-weight: 600;
    margin-bottom: 22px
}

h5 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 300
}

h6 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600
}

ul,
ul.content-list {
    list-style-type: disc
}

.IRMenu li,
.ui-autocomplete,
ul.inline-list,
ul.inline-list li {
    list-style-type: none
}

ul.gold-point-list {
    list-style: none;
    color: #57656e;
    margin-bottom: 40px
}

#AppointmedForm .bootstrap-datetimepicker-widget ul li,
.listing-columns li {
    list-style: none !important
}

ul.gold-point-list li::before {
    content: "\2022";
    color: #d5bfac;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.slick-dotted.slick-slider,
div#DoctorInformation .InfoBlock .DoctorBio p:last-child,
div#dnn_LiveForm .LiveForm.Default .Field.mobile-under .Field-Container-Wide,
footer .footertop .linksblock .FooterLink,
img.n-icons,
ul.space-separated-list li {
    margin-bottom: 10px
}

select {
    background: url("../images/GoldArrowDown.svg") 96% no-repeat #fff !important
}

select::-ms-expand {
    display: none
}

a,
a:visited {
    color: #1d3443;
    font-weight: 700;
    outline: 0;
    text-decoration: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

#FloatingImageBanner .VideoImage img,
#hccMediaContent .input-group-btn button:active,
#hccMediaContent .input-group-btn button:focus,
#hccMediaContent .input-group-btn button:hover,
.covidVideoContainer,
.navbar {
    box-shadow: none
}

.btn-default,
.btn-primary {
    font-weight: 600;
    background: #1d3443 !important
}

.btn-default:active,
.btn-default:hover,
.btn-default:not([disabled]):not(.disabled).active,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:not([disabled]):not(.disabled):active {
    background-color: #d5bfac !important;
    color: #1d3443 !important
}

.btn-secondary {
    font-weight: 600;
    background-color: transparent !important;
    color: #1d3443;
    border: 1px solid #bec2c6
}

.CovidBanner .BannerText .TealButton:hover,
.InfoCard1:hover,
.InfoCard2:hover,
.btn-secondary:active,
.btn-secondary:hover,
.btn-secondary:not([disabled]):not(.disabled):active,
.darkblue {
    background: #1d3443 !important
}

.DNNContainer_Title_h2.SpacingBottom>h2 {
    margin: 0 !important
}

.ANBannerMobile,
.ANMobile,
.AppointmedBanner .MobileImage,
.AppointmentBannerMobileTop img,
.AppointmentLogoMobile,
.BannerWrapper .MobileImage,
.DNNContainer_Title_h2.SpacingBottom>h2 .TitleH2,
.IconWrapper .ValueItemInner .heading#headingMobile,
.MobileButtonAN,
.MobileImage,
.NetcarePlusBannerMobileTop img,
.NetcarePlusLogoMobile,
.SmallMobileImage,
.SubPageMenuContainer .dropdown-toggle::after {
    display: none
}

#hccMediaContent .input-group {
    flex-wrap: nowrap
}

input#hccSearchInput {
    margin-top: 5px;
    cursor: pointer
}

#hccCategoryDropdown,
.EmergencyBlockWrapper .RightBlock .tab-content,
span.Netcare-super-lists-contact-number {
    margin-top: 5px
}

#hccMediaContent,
.cardBackSide,
.cardFrontSide {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

#hccMediaContent .thumbnail {
    background: #fff;
    padding: 25px 20px;
    margin: 15px 15px 15px 0;
    box-shadow: 0 4.30868px 10.7717px rgba(0, 0, 0, .1);
    border-radius: 3.72606px;
    min-height: 300px !important
}

#hccMediaContent h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700
}

#hccMediaContent h4 {
    font-size: 15px;
    color: #666;
    margin-bottom: 8px
}

#hccMediaContent p {
    font-size: 15px;
    color: #9a9fa7
}

#hccMediaContent #hccMediaItems,
.doctor-avail-row {
    padding-top: 35px
}

#hccMediaContent .input-group-btn {
    z-index: 1;
    margin-top: -1px;
    display: block
}

#hccMediaContent .input-group-btn button {
    background: url("../images/SearchIcon.svg") center no-repeat #fff;
    background-position-x: 70%;
    height: 48px !important;
    box-shadow: none;
    margin-left: -67px
}

header {
    position: fixed;
    left: 0;
    right: 0;
    height: 140px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    z-index: 1050;
    background: #fff;
    overflow: visible;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

header.Unloaded {
    height: 0
}

.navbar {
    height: 80px;
    padding: 0
}

.navbar #dnn_dnnLogo_hypLogo {
    width: 75px;
    height: 100%
}

.navbar #dnn_dnnLogo_hypLogo img {
    width: 100%;
    margin-top: 10px
}

.MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo,
.navbar .nav-wrapper {
    height: auto
}

.navbar .nav-wrapper .navbar-nav {
    height: 100%;
    width: 100%;
    justify-content: left
}

.navbar-nav .nav-item:before,
.slick-arrow:before,
.slick-dots li:before {
    content: ""
}

.nav-item.dropdown.show .nav-link,
.nav-item:hover .nav-link {
    color: #1d3443;
    font-weight: 700 !important;
    transition: .3s
}

.navbar-nav .nav-item .nav-link {
    padding: 29px 25px !important;
    display: block;
    color: #57656e;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: .3s
}

.navbar-nav .nav-item .dropdown-menu {
    left: 0;
    right: 0;
    background: #80898f;
    box-shadow: 0 4px 50px rgba(26, 34, 57, .15);
    border-radius: 0;
    opacity: 0;
    display: block !important;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: visibility .2s, opacity .2s linear;
    padding: 0;
    border: 0
}

.navbar-nav .nav-item .dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    height: 70px;
    transition: visibility .2s, opacity .2s linear
}

.navbar-nav .nav-item .dropdown-menu .dropdown-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 17px 0
}

.navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    border-right: 1px solid #fff;
    text-align: center
}

.navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:last-child {
    border: 0
}

.navbar button .navbar-toggler-icon:after,
.navbar button .navbar-toggler-icon:before,
.navbar button.collapsed .navbar-toggler-icon:after,
.navbar button.collapsed .navbar-toggler-icon:before {
    background: #1d3443;
    height: 3px;
    display: block;
    width: 25px;
    border-radius: 10px;
    transition: .5s;
    left: 0;
    position: absolute;
    content: ''
}

.navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:active,
.navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:focus,
.navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:hover {
    background: 0 0;
    color: #d5bfac
}

.navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item.TM span,
footer a>span.TM {
    font-size: 8px;
    vertical-align: top;
    line-height: 5px
}

.navbar .LoginButton {
    padding: 15px 50px
}

.navbar button {
    height: 15px;
    position: relative;
    width: 25px;
    padding: 0;
    margin: 15px;
    border-width: 0;
    background-color: transparent
}

.navbar button.collapsed .navbar-toggler-icon:before {
    top: 0;
    transform: rotate(0)
}

.navbar button.collapsed .navbar-toggler-icon:after {
    top: 10px;
    transform: rotate(0)
}

.navbar button .navbar-toggler-icon:before {
    top: 5px;
    transform: rotate(45deg)
}

.navbar button .navbar-toggler-icon:after {
    top: 5px;
    transform: rotate(-45deg)
}

.SubPageMenuContainer .navbar-nav>li>a {
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 22px;
    align-items: center;
    color: #1d3443 !important;
    margin-bottom: 20px;
    padding-right: 20px;
    background: url("../images/BlueArrow.svg") right center no-repeat;
    transition: color .4s ease-in-out;
    display: table
}

.AppointmentNewHeader {
    background: linear-gradient(30deg, #1d3443 33.75%, #1d3443 100%)
}

.AppointMedContentWrapper,
.NetcarePlusContentWrapper {
    margin: 50px 0 0;
    display: inline-block;
    float: left;
    width: 53%
}

.AppointmedText,
.BookAppointmedText {
    padding: 61px 25% 61px 90px;
    margin-top: 20px
}

.AppointmentLogo,
.BookAppointmentLogo {
    padding-left: 90px;
    margin-top: 30px
}

.AppoinmentCall,
.AppointmedLink {
    padding-left: 35px;
    line-height: 50px
}

.AppointmedText p,
.BookAppointmedText p {
    color: #fff;
    font-weight: 300;
    line-height: 25.3px;
    font-style: normal
}

.AppointmedText strong,
.BookAppointmedText strong,
.Investors .btn,
.NetcarePlusTopBannerText strong {
    font-family: 'Open Sans Semi-Bold'
}

.AppoinmentCall {
    font-size: 18px;
    font-weight: 300;
    color: #fff !important;
    background: url("../images/ArrowSmallRight.svg") right center no-repeat;
    padding-right: 25px;
    float: right
}

.AppoinmentCall:active,
.AppoinmentCall:hover {
    color: #4682b4 !important;
    background: url("../images/LightBlueArrowRight.svg") right center no-repeat
}

.btn-primary.btnAppointment,
.btn-primary.btnBookAppointment {
    font-size: 16px;
    font-weight: 600;
    color: #1d3443 !important;
    background-color: #fff !important;
    box-shadow: 0 0 20px rgba(37, 40, 73, .2);
    width: 270px;
    font-family: 'Open Sans';
    height: 48px
}

.btn-primary.btnAppointment:active,
.btn-primary.btnAppointment:hover,
.btn-primary.btnBookAppointment:active,
.btn-primary.btnBookAppointment:hover {
    color: #fff !important;
    background-color: #4682b4 !important
}

.AppointmentButton {
    padding-right: 20px;
    margin-top: 15%
}

.AppointBlockTwo,
.NetcarePlusBlockTwo {
    margin-top: 50px;
    display: inline-block;
    float: right;
    width: 47%
}

.AppointmentHours p {
    margin-bottom: 2px;
    color: #fff;
    font-weight: 700;
    font-size: 19px
}

.AppointmentHours p:first-child {
    font-size: 12px !important;
    letter-spacing: .15em
}

.AppointmentHours p:nth-child(3),
.NetcarePlusHours p:nth-child(3) {
    color: #afcce0;
    font-weight: 600
}

.AppointmentBoxes {
    display: inline-block;
    float: right
}

.AppointmentHours {
    display: inline-block;
    padding-top: 65px
}

.AppointmentLogo img,
.BookAppointmentLogo img {
    width: 43%
}

#AppointmedForm>.content>.body .input-group,
#BigSlider .BigSlide .Image img,
#HealthcareGrid .GridText,
#HealthcareGrid .GridThree .GridText,
#HealthcareGrid .GridTitle,
#HealthcareGrid .img-fluid,
#KeyObjectiveSliderNavWrapper,
#LandingPageGrid .GridText,
#LandingPageGrid .GridThree .GridText,
#LandingPageGrid .GridTitle,
#MediaSlider .MediaSlide:hover .Tag,
#NewsSlider .NewsSlide:hover .Tag,
#ResearchSlider .ResearchSlide:hover .Tag,
#SplitBanner .Image img,
#StrategicPillarsSliderNavWrapper,
#Sustainability .Sustainability-block .icon img,
#TabControl .Wrapper .ImageContainer img,
.AppointmedMapContainer img,
.AppointmentBanner img,
.AppointmentImg img,
.BannerWrapper>img,
.BigSliderBlock:hover .Slider .Tag,
.CredibleData div img,
.FirstContainer img,
.GovernanceImageBlock img,
.NetcarePlusBannerImg img,
.NetcarePlusImg img,
.SearchBannerWrapper .words .searchBoxWrapper,
.SearchBannerWrapper>img,
.SmallSliderBlock:hover .Slider .Tag,
.TopHeader .top-header-buttons .searchBoxHeader,
.ipadwrapper img {
    width: 100%
}

.HoursWrapper {
    padding-bottom: 25px
}

.NetcarePlusBlockTwo .HoursWrapper {
    padding-bottom: 30px
}

.AppointmentBoxes .box1,
.AppointmentBoxes .box2,
.AppointmentBoxes .box3 {
    display: inline-block;
    width: 135px;
    height: 135px;
    padding: 5px;
    background-color: #fff
}

.AppointmentBoxes .box1,
.AppointmentBoxes .box2 {
    opacity: .1;
    margin-right: 18px
}

.AppointmentBoxes .box3 {
    opacity: .4
}

#Vacancies,
.AppointmentNewBanner,
.BannerWrapper,
.DoctorWrapperSection,
.SearchBannerWrapper,
.SubDescription,
.cardBlock_5,
.hands-image-wrapper,
.search-bar,
.search-bar-banner,
.search-bar-text {
    position: relative
}

.BannerWrapper .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(38.97deg, rgba(26, 34, 57, .3) 48.04%, rgba(232, 173, 119, .3) 96.04%);
    opacity: .2
}

.BannerWrapper .words {
    position: absolute;
    left: 15%;
    top: 15%
}

.BannerWrapper .words .small-heading {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: .9em;
    line-height: 22px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #1d3443;
    margin-bottom: 8px
}

.BannerWrapper .words .big-heading {
    font-family: Open Sans Light;
    font-style: normal;
    font-weight: 300;
    font-size: 4.3em;
    line-height: 90px;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-left: -6px
}

.BannerWrapper .words .highlighted-you,
.CovidPage.StatsBlock .WebsiteWrapper .WebsiteLink span:first-child,
.WelcomeText .WelcomeTitle span,
.blockWrapper h5 strong {
    font-family: 'Open Sans Bold'
}

.BannerWrapper .words .highlighted-you-underlined {
    font-family: 'Open Sans Bold';
    background: url("../images/brush-stroke.png") 0 0/90% no-repeat;
    min-height: 30px;
    position: relative;
    background-position-x: 10px;
    background-position-y: 75px;
    padding-bottom: 25px
}

.BannerWrapper .words .vector {
    position: absolute;
    left: 289px;
    top: 97px
}

#Sustainability .Sustainability-block:hover .icon img.Hover,
#emergencyModal .modal-dialog .modal-content .modal-header .close img.exit-outline,
.AppointmedBanner .DesktopImage,
.AppointmedMapContainer .Facilities,
.CovidBanner .DesktopImage,
.IconWrapper .ValueItemInner .heading#headingDesktop,
.TopHeader .top-header-buttons .login-button .login-button-text,
.key-objective-row1:hover .key-image-text,
.key-objective-row1:hover .key-objective-image-overlay,
.key-objective-row2:hover .key-image-text,
.key-objective-row2:hover .key-objective-image-overlay,
.navigation-tab-size,
.search-input-banner-button,
.search-input.active .autocomplete-box li,
img.content-img {
    display: block
}

#AppointMedNew p {
    font-size: 18px;
    line-height: 130%
}

.AppointmentNewBanner,
.AppointmentNewCarousel,
.AppointmentNewForm,
.AppointmentNewGrid,
.AppointmentNewHeader,
.AppointmentNewLogo,
.AppointmentSecondBanner,
.FullContainer,
.third-nr-box .photo {
    min-width: 100%
}

.AppointmentNewLogo {
    background: url("../images/wiggle.svg") center no-repeat #e7f0f6;
    padding-top: 115px;
    margin-top: -160px
}

.AppointmedLink {
    font-size: 18px;
    font-weight: 300;
    color: #1d3443 !important;
    background: url("../images/Arrow.svg") 58% no-repeat;
    padding-right: 25px;
    text-align: center;
    margin-bottom: 5%
}

.AppointmedLink:hover {
    color: #4682b4 !important;
    background: url("../images/LightBlueArrowRight.svg") 58% no-repeat
}

.AppointmedLogoTitle p {
    padding: 0 17%;
    color: #1d3443
}

.SecondContainer {
    padding: 100px 100px 100px 20%;
    font-family: 'Open Sans';
    font-weight: 300
}

.BannerTitleAppointMed,
.BannerTitleAppointMed h1 {
    font-family: open sans light;
    font-size: 65px;
    line-height: 97%;
    color: #1d3443;
    font-style: normal
}

.BannerTitleAppointMed {
    width: min-content;
    position: relative;
    letter-spacing: -.03em;
    font-weight: 300;
    margin-bottom: 25px
}

.BannerTextAppointMed {
    margin-right: 36%
}

#LandingPageGrid .GridText-1 p,
#LandingPageGrid .GridTitle-1,
#TrainingProgrammes_paginate>.pagination>li>a,
#mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-view-all a:hover,
#mega-menu.mega-menu-desktop .top-level .link-item#NetcarePlusForBusiness:hover .link-text,
#publications .publications-all-titles .item .card p.card-text,
.AnimationText p,
.BIO-Section .facilities-appointment-text :hover,
.BannerTextAppointMed p,
.Breadcrumb span span span:last-child .SkinObject,
.ContentUnderPlus a,
.ContentUnderPlus a:active,
.ContentUnderPlus a:focus,
.ContentUnderPlus a:hover,
.ContentUnderPlus a:visited,
.EmergencyBlockWrapper .LeftBlock p,
.ListItemWithIcon .text a:active,
.ListItemWithIcon .text a:focus,
.ListItemWithIcon .text a:hover,
.ListItemWithIcon .text a:visited,
.LogoTextAppointmed p,
.NetcarePlusHours a:active,
.NetcarePlusHours a:focus,
.NetcarePlusHours a:hover,
.NetcarePlusHours a:visited,
.NewsListingItem .Heading a,
.TabsWrapper .nav .nav-item .nav-link.active,
.TabsWrapper .nav .nav-item .nav-link:hover,
.bio-conferences-body .publications-titles .item .card p.card-text,
.pagination>li>span,
.publications-titles .item .card p.card-text {
    color: #1d3443
}

#IndividualDoctorSlider .slick-dots a,
#LandingPageGrid .GridText-3 p,
#doctorSlider .NoDateTimeHeading p,
.ANButton,
.GridContainer .GridTitle,
.GridContainer h1,
.GridContainer p,
.GridTitle,
.NetcarePlusCall,
.NetcarePlusCall:active,
.NetcarePlusCall:focus,
.NetcarePlusCall:hover,
.NetcarePlusCall:visited,
.TableSeparate .ColumnHighlight,
.TableSeparate .ColumnHighlight label,
.patient-nav.active-tab span,
.sectionInv_3_12 .blue h6,
.sectionInv_3_12 .blue p,
div#DoctorInformation .ContactInfoBlock .RightBlock .Telephone a,
footer .footermiddle .legal-links.linkslist1 a:hover {
    color: #fff
}

.AppointmentNewBanner .NoPaddingLeft,
.AppointmentNewHeader .NoPaddingLeft,
.AppointmentSecondBanner .NoPaddingLeft,
.AppointmentSecondBanner .NoPaddingRight,
.sectionInv_7 .ButtomLeftbanner,
.suggestions,
.suggestions-banner,
footer .footermiddle .legal-links.linkslist1 .legalLink:first-child,
footer .footermiddle .legal-links.linkslist2 .legalLink:first-child {
    padding-left: 0
}

#Vacancies .FilterWrapper .CategoryContainer,
.AppointmentNewBanner .NoPaddingRight,
.AppointmentNewHeader .NoPaddingRight,
.AppointmentSecondBanner .NoPaddingLeft,
.AppointmentSecondBanner .NoPaddingRight,
div#BookAppointmedButton.AppointmentButton {
    padding-right: 0
}

.AppointmentNewBanner>.col-12 {
    position: initial
}

.ANButton {
    background: rgba(70, 130, 180, .7);
    backdrop-filter: blur(5px);
    border-radius: 3px;
    width: 32%;
    align-items: center;
    display: flex;
    right: 33%;
    text-align: right;
    height: 20%;
    position: absolute;
    bottom: 15%;
    cursor: pointer
}

.ANButton:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05)
}

a.ANLink {
    width: 18%;
    position: absolute;
    right: 8%;
    font-size: 14px
}

img.ANArrow {
    top: 50px;
    padding-top: 10px;
    right: 10%
}

#Vacancies+#myModal .modal-body .form-group input,
.yearSelector select {
    padding: 13px !important;
    box-shadow: none !important;
    height: auto !important
}

.GridFive,
.GridThree {
    background-color: #1d3443
}

.AppointmedGridone,
.AppointmentNewGrid .GridOne {
    background: url("../images/NetworkGradient.jpg") 0 0/100% no-repeat
}

.AppointmedGridone {
    height: 100%
}

.GridContainer {
    padding-top: 17%;
    padding-left: 35px
}

.GridTitle {
    font-family: 'Open Sans';
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -.03em;
    font-weight: 300;
    margin-bottom: 25px
}

.GridText {
    width: 80%;
    padding-top: 15px
}

.ComplexBanner .right-box,
.GridFive .GridText,
.GridThree .GridText,
.InvestorRelationBigBanner .right-box.home {
    width: 60%
}

.FAQWrapper,
.LogoTextAppointmed {
    margin-top: 40px
}

#AppointmedForm>.content>.body .disabled .input-group-addon,
.NetcarePlusBannerMobileTop img,
.listing-columns li>:nth-child(2),
.visible-mobile,
div#dnn_LiveForm .LiveForm.Default label.error {
    display: none !important
}

.AppointmentBannerText,
.BookAppointmentBannerText,
.NetcarePlusBannerText {
    position: absolute;
    right: 5%;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 37%;
    height: 75%
}

.AppointmentBannerText h2,
.BookAppointmentBannerText h2,
.NetcarePlusBannerText h2 {
    font-size: 60px;
    line-height: 60px
}

.AppointmentBannerText p,
.BookAppointmentBannerText p,
.NetcarePlusBannerText p {
    color: #1d3443;
    font-size: 20px;
    line-height: 31px;
    letter-spacing: -.03em;
    font-style: normal
}

.btn-primary.AppointmentPurchase,
.btn-primary.FindMore {
    border-radius: 5px;
    height: 50px;
    position: absolute;
    width: 237px;
    margin-top: 10px
}

.btn-primary.AppointmentPurchase:Hover,
.btn-primary.AppointmentPurchase:active {
    color: #fff !important;
    background-color: #4682b4 !important
}

.AppointmedSignUp .BannerTitleAppointMed,
.GridOne .GridTitle {
    width: 80%
}

#HealthcareGrid .GridFive .GridTitle,
#HealthcareGrid .GridThree .GridTitle,
.GridFive .GridTitle,
.GridThree .GridTitle {
    width: 65%
}

.squiggle {
    position: absolute;
    padding-top: 15%
}

.LogoBoxes {
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding: 20px 10% 5%
}

.LogoBoxes img {
    margin-top: 55px
}

.SquareOne,
.SquareThree,
.SquareTwo {
    margin: 20px;
    width: 453px;
    height: 453px;
    border-bottom: 7px solid #4682b4;
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(4px);
    border-radius: 3px;
    padding-top: 5%;
    text-align: center
}

#publications .publications-all-titles .item .card p.card-text,
.LogoTextAppointmed p {
    margin-bottom: 5px
}

.LogoTextAppointmed strong {
    font-family: 'Montserrat Bold'
}

.AppointmedLogoTitle {
    text-align: center;
    display: table;
    margin: 0 auto;
    padding-top: 70px
}

#AppointMedSlider .slick-slide,
#AppointMedSlider.NetcarePlusReviewSlider .slick-slide,
.CustomerFeedbackSlider .slick-slide {
    transform: scale(.8);
    opacity: .8;
    transition: .3s
}

#AppointMedSlider .slick-slide.slick-current,
#AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current,
.CustomerFeedbackSlider .slick-slide.slick-current {
    transform: scale(1.2);
    opacity: 1
}

#AppointMedSlider .slick-slide.slick-current .ReviewSlide .SlideText p,
#AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .ReviewSlide .SlideText p,
.CustomerFeedbackSlider .slick-slide.slick-current .ReviewSlide .SlideText p {
    font-size: 17px
}

#AppointMedSlider .SlideText h6,
#AppointMedSlider.NetcarePlusReviewSlider .SlideText h6,
.CustomerFeedbackSlider .SlideText h6 {
    font-weight: 600;
    color: #1d3443;
    text-align: center;
    margin-bottom: 25px
}

#AppointMedSlider .SlideText p,
#AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
.CustomerFeedbackSlider .SlideText p {
    font-family: Open Sans Light;
    font-size: 18px;
    line-height: 150%;
    padding: 0 20px 0 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    text-overflow: ellipsis
}

.AppointmentNewCarousel {
    background: #f7f7f7
}

#AppointMedSlider .SlideText,
#AppointMedSlider.NetcarePlusReviewSlider .SlideText,
.CustomerFeedbackSlider .SlideText {
    display: block;
    background-color: #fff;
    padding: 48px 10px 20px;
    margin: 10px;
    border-bottom: 8px solid #4682b4;
    border-radius: 4px;
    opacity: 1;
    min-height: 300px;
    text-align: center
}

.CustomerFeedbackSlider .SlideText {
    padding: 75px 10px 20px
}

#AppointMedSlider .slick-current .SlideText,
#AppointMedSlider.NetcarePlusReviewSlider .slick-current .SlideText,
.CustomerFeedbackSlider .slick-current .SlideText {
    background: url("../images/AppointMedQuotes.svg") 50% 6%/20% no-repeat;
    background-color: #fff !important;
    border-radius: 5px;
    border-bottom: 10px solid #4682b4;
    opacity: 1;
    min-height: 400px;
    text-align: center
}

#AppointMedSlider .slick-slide.slick-current .SlideText p,
#AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText h2,
#AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p,
.CustomerFeedbackSlider .slick-slide.slick-current .SlideText h2,
.CustomerFeedbackSlider .slick-slide.slick-current .SlideText p {
    margin-top: 83px
}

#AppointMedSliderNav .slick-dots li button:focus,
#AppointMedSliderNav .slick-dots li button:hover,
#AppointMedSliderNav .slick-dots li.slick-active button:before,
.CustomerFeedbackSliderNav .slick-dots li button:focus,
.CustomerFeedbackSliderNav .slick-dots li button:hover,
.CustomerFeedbackSliderNav .slick-dots li.slick-active button:before {
    color: #4682b4 !important;
    opacity: 1 !important
}

#AppointMedSlider,
#AppointMedSlider.NetcarePlusReviewSlider,
.CustomerFeedbackSlider {
    height: 480px;
    margin: 71px 50px 35px
}

.CustomerFeedbackSlider {
    margin: 50px 50px 35px
}

.AppointmentCarousel .BluePlus {
    background: url("../images/CarouselBluePlus.svg") left top no-repeat;
    padding-left: 24px;
    padding-top: 17px;
    line-height: 50px
}

.AppointmentCarouselHeading,
.CustomerFeedbackCarouselHeading,
.NetcarePlusCarouselHeading {
    display: table;
    margin: 30px auto 0;
    padding-bottom: 10px
}

.BannerWrapper.InvestorWrapper,
.CustomerFeedbackCarouselHeading {
    padding-bottom: 0
}

.AppointmentCarouselHeading h2,
.CustomerFeedbackCarouselHeading h2,
.NetcarePlusCarouselHeading h2,
.sectionInv_6_2 h5 {
    font-size: 45px
}

.CarouselText p {
    text-align: center;
    margin-top: -5px
}

.AppointmentCarousel,
.FeedbackCarousel,
.NetcarePlusCarousel {
    background: url("../images/CarouselSquiggle.svg") center no-repeat;
    margin-top: 60px
}

.FeedbackCarousel,
.NetcarePlusCarousel {
    padding-bottom: 60px
}

.AnimationText h2,
.Carousel,
.CarouselHeading,
.CovidContent h2,
.IRGoldLink.ExtraHigh,
.InvestorRelationBigBanner .SharePriceTicker,
.InvestorRelationBigBanner p,
.flipCardsHeader h5,
.middleTextContent_1 h5,
.panel-body.prof-reg,
.phoneBanner_1 h5 {
    margin-bottom: 40px
}

@media (max-width:1600px) {
    .BannerWrapper .words {
        top: 10% !important
    }

    .BannerWrapper .words .big-heading {
        font-size: 65px;
        line-height: 75px
    }
}

@media (max-width:1400px) {
    .BannerWrapper .words {
        top: 5% !important
    }

    .BannerWrapper .words .big-heading {
        font-size: 60px;
        width: 45%
    }

    .BannerWrapper .words .vector {
        width: 10%;
        left: 253px;
        top: 95px
    }

    .big-heading br {
        display: none
    }
}

@media(max-width:1300px) {
    .BannerWrapper .words .big-heading {
        font-size: 55px;
        line-height: 65px
    }

    .BannerWrapper .words a {
        font-size: 12px;
        margin-top: 5px !important
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn,
    div#DoctorInformation .ContactInfoBlock .CallDoctor,
    div#DoctorInformation .ContactInfoBlock .CallNetcare {
        width: 62% !important
    }
}

@media (max-width:1200px) {
    #AppointmedForm.IndividualDoctors>.content>.body .BookAnotherAppointmedBtn {
        margin: 0 auto;
        display: block
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn,
    div#DoctorInformation .ContactInfoBlock .CallDoctor,
    div#DoctorInformation .ContactInfoBlock .CallNetcare {
        width: 62% !important
    }

    .BannerWrapper .words .big-heading {
        font-size: 50px;
        line-height: 60px
    }

    .BannerWrapper .words .small-heading {
        font-size: 12px
    }

    .BannerWrapper .words .vector,
    .SearchBannerWrapper .words .vector {
        left: 213px;
        top: 74px
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 50px
    }
}

@media(max-width:1100px) {
    .BannerTitle h1 {
        font-size: 39px
    }

    .BannerWrapper .words a {
        font-size: 12px
    }

    .GridTitle-3 {
        margin-bottom: 25px
    }
}

@media (max-width:1024px) {
    .SecondContainer {
        padding: 30px 30px 30px 10%
    }

    .BannerWrapper .words .big-heading {
        font-size: 40px;
        line-height: 50px
    }

    .BannerWrapper .words .small-heading {
        line-height: 14px;
        font-size: 11px
    }

    .BannerWrapper .words .vector {
        left: 166px;
        top: 87px
    }

    .BannerWrapper .words a {
        font-size: 10px;
        margin-top: 15px !important
    }
}

@media (max-width:990px) {
    .navbar .nav-wrapper {
        margin: 0 -15px
    }

    .navbar .nav-wrapper .navbar-nav {
        display: block;
        justify-content: left;
        margin: 0;
        height: auto;
        background: #1d3443
    }

    .navbar-nav .nav-item {
        margin: 0 30px;
        border-bottom: 1px solid #fff;
        padding: 0
    }

    .navbar-nav .nav-item:last-child {
        border: 0
    }

    .nav-item.dropdown .nav-link {
        background: url("../images/WhiteArrowDown.svg") right 30px center no-repeat
    }

    .nav-item.dropdown.show .nav-link {
        background: url("../images/WhiteArrowUp.svg") right 30px center no-repeat
    }

    .nav-item.dropdown.show .nav-link,
    .navbar-nav .nav-item .nav-link {
        color: #fff;
        text-align: center;
        font-family: 'Open Sans Light';
        text-transform: capitalize;
        padding: 20px 0 !important;
        font-weight: 300;
        font-size: 18px
    }

    .nav-item.dropdown.show .nav-link:after,
    .nav-item:hover .nav-link:after {
        background: 0 0
    }

    .navbar-nav .nav-item .dropdown-menu.show {
        position: relative !important;
        height: auto;
        background: 0 0
    }

    .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper {
        display: block;
        padding-top: 0
    }

    .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item {
        border: 0;
        font-size: 13px;
        padding: 15px 0 0
    }

    .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:after {
        content: '';
        height: 1px;
        width: 70px;
        background: #777;
        display: block;
        margin: 15px auto 0
    }

    .BannerWrapper .DesktopImage,
    .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:last-child:after {
        display: none
    }

    .BannerWrapper {
        padding-bottom: 0
    }

    .BannerWrapper .MobileImage {
        display: block
    }

    .BannerWrapper .overlay {
        top: 50%;
        opacity: 1;
        background: url("../images/FrostedGlass.png") left rgba(255, 255, 255, .23);
        backdrop-filter: blur(59.6308px);
        transform: matrix(-1, 0, 0, 1, 0, 0)
    }

    .BannerWrapper .words {
        top: 55% !important;
        left: 10%;
        right: 10%
    }

    .BannerWrapper .words .big-heading {
        font-size: 45px;
        line-height: 55px;
        width: 100%
    }

    .BannerWrapper .words .small-heading {
        font-size: 16px;
        line-height: 20px
    }

    .BannerWrapper .words .vector {
        left: 128px;
        top: 75px
    }

    .BannerWrapper .words a {
        font-size: 14px;
        margin-top: 15px !important
    }
}

@media (max-width:840px) {
    .BannerWrapper {
        padding-bottom: 10%
    }

    .BannerWrapper .words .small-heading {
        font-size: 14px
    }
}

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

    .BannerWrapper {
        padding-bottom: 20%
    }

    .BannerWrapper .overlay {
        top: 45%
    }

    .BannerWrapper .words {
        top: 50% !important
    }

    .HideScrollbar {
        overflow: hidden;
        height: 59px
    }

    .HeadingContainer {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden
    }
}

@media (max-width:700px) {
    .BannerWrapper {
        padding-bottom: 30%
    }

    .BannerWrapper .overlay {
        top: 40%
    }

    .BannerWrapper .words {
        top: 45% !important
    }

    .BannerWrapper .words .small-heading {
        font-size: 14px
    }
}

@media (max-width:620px) {
    .BannerWrapper {
        padding-bottom: 40%
    }

    .BannerWrapper .words .big-heading {
        font-size: 40px;
        line-height: 50px
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 50px
    }
}

@media (max-width:560px) {
    .BannerWrapper {
        padding-bottom: 55%
    }

    .BannerWrapper .overlay {
        top: 35%
    }

    .BannerWrapper .words {
        top: 40% !important
    }

    .BannerWrapper .words .big-heading {
        font-size: 40px;
        line-height: 45px
    }

    #LandingPageGrid .LinkArrowFive {
        color: #1d3443;
        font-family: 'Open Sans';
        padding-right: 40px
    }

    #LandingPageGrid .LinkArrowFive:hover {
        color: #7f6f64;
        font-family: 'Open Sans';
        background: url("../images/right-full-gold-new.svg") right no-repeat;
        padding-right: 40px
    }
}

.Breadcrumb {
    z-index: 2;
    background-color: #f7f7f7
}

@supports (-ms-ime-align:auto) {
    .AppointmentNewBanner>.col-12 {
        position: static
    }

    .RightBlock .tab-content>.active {
        padding-bottom: 30px
    }

    @media(max-width:1500px) {
        .SecondContainer {
            margin-top: 5%;
            padding-top: 15px
        }
    }

    @media(max-width:992px) {

        .AppointmentCarouselHeading,
        .CustomerFeedbackCarouselHeading,
        .NetcarePlusCarouselHeading {
            margin-top: 50%
        }

        .LogoBoxes {
            display: inline-block
        }

        .SecondContainer {
            margin-top: 45% !important;
            padding-top: 140px
        }
    }

    @media(max-width:768px) {

        .AppointmentCarousel,
        .FeedbackCarousel,
        .NetcarePlusCarousel {
            margin-top: 65%
        }

        .AppointmentCarouselHeading,
        .CustomerFeedbackCarouselHeading,
        .NetcarePlusCarouselHeading {
            margin-top: 60%
        }

        .SecondContainer {
            margin-top: 40% !important
        }
    }

    @media(max-width:675px) {

        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 70%
        }
    }

    @media(max-width:600px) {

        .AppointmentCarousel,
        .FeedbackCarousel,
        .NetcarePlusCarousel {
            margin-top: 60%
        }

        .SecondContainer {
            margin-top: 35% !important
        }
    }

    @media(max-width:480px) {

        .AppointmentCarousel,
        .FeedbackCarousel,
        .NetcarePlusCarousel {
            margin-top: 75%
        }

        .SecondContainer {
            margin-top: 25% !important
        }
    }

    @media(max-width:992px) {

        .AppointmentCarouselHeading,
        .CustomerFeedbackCarouselHeading,
        .NetcarePlusCarouselHeading {
            margin-top: 50%
        }
    }

    @media(max-width:900px) {

        .AppointmentCarouselHeading,
        .CustomerFeedbackCarouselHeading,
        .NetcarePlusCarouselHeading {
            margin-top: 55%
        }

        .AppointmentCarousel,
        .FeedbackCarousel,
        .NetcarePlusCarousel {
            margin-top: 60%
        }
    }

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

        .AppointmentCarousel,
        .FeedbackCarousel,
        .NetcarePlusCarousel {
            margin-top: 65%
        }

        .AppointmentCarouselHeading,
        .CustomerFeedbackCarouselHeading,
        .NetcarePlusCarouselHeading {
            margin-top: 60%
        }
    }

    @media(max-width:675px) {

        .AppointmentCarousel,
        .FeedbackCarousel,
        .NetcarePlusCarousel {
            margin-top: 70%
        }
    }

    @media(max-width:600px) {

        .AppointmentCarousel,
        .FeedbackCarousel,
        .NetcarePlusCarousel {
            margin-top: 60%
        }
    }

    @media(max-width:550px) {

        .AppointmentCarousel,
        .FeedbackCarousel,
        .NetcarePlusCarousel {
            margin-top: 70%
        }
    }

    @media(max-width:480px) {

        .AppointmentCarousel,
        .FeedbackCarousel,
        .NetcarePlusCarousel {
            margin-top: 75%
        }
    }

    @media(max-width:460px) {

        .AppointmentCarousel,
        .FeedbackCarousel,
        .NetcarePlusCarousel {
            margin-top: 100%
        }
    }

    @media(max-width:400px) {

        .AppointmentCarousel,
        .FeedbackCarousel,
        .NetcarePlusCarousel {
            margin-top: 110%
        }
    }
}

@supports (-webkit-touch-callout:none) {
    @media only screen and (min-device-width :375px) and (max-device-width :812px) and (-webkit-device-pixel-ratio :3) {
        .AppointmentNewBanner>.col-12 {
            position: static
        }

        .AppointmentCarousel,
        .FeedbackCarousel,
        .NetcarePlusCarousel {
            margin-top: 90%;
            padding-top: 40px
        }

        .AppointmedSignUp .SecondContainer,
        .SecondContainer {
            margin-top: 140px !important;
            padding-top: 140px
        }

        .AppointmentNewBanner .FirstContainer {
            margin-bottom: 100px
        }

        .AppointmentNewLogo {
            padding-bottom: 40px
        }
    }

    @media only screen and (min-device-width :375px) and (max-device-width :667px) {
        .AppointmentNewBanner>.col-12 {
            position: static !important
        }

        .AppointmentNewLogo {
            padding-bottom: 40px
        }

        .AppointmentNewBanner .FirstContainer {
            margin-bottom: 100px
        }

        .AppointmedSignUp .SecondContainer,
        .SecondContainer {
            margin-top: 140px !important;
            padding-top: 140px
        }

        .AppointmentCarousel,
        .FeedbackCarousel,
        .NetcarePlusCarousel {
            margin-top: 96%;
            padding-top: 40px
        }
    }
}

@media only screen and (min-device-width :375px) and (max-device-height :812px) and (-webkit-device-pixel-ratio :3) {

    .AppointmedSignUp .SecondContainer,
    .SecondContainer {
        margin-top: -30% !important
    }
}

@media only screen and (min-device-width :375px) and (max-device-height :667px) {

    .AppointmedSignUp .SecondContainer,
    .SecondContainer {
        margin-top: 140px !important
    }
}

.ComplexBanner .left-box,
.ComplexBanner .right-box,
.FlipItemBack .Stats .Number,
.FlipItemBack .Stats .Text {
    display: inline-block;
    vertical-align: middle
}

.ComplexBanner .left-box {
    width: 40%;
    margin-right: -5px
}

.ComplexBanner .left-box .wrapper {
    width: 65%;
    padding-left: 20px
}

.ComplexBanner.Content left-box .wrapper {
    padding-left: 24px
}

.ComplexBanner .left-box .wrapper .ThinPlus {
    font-family: 'Open Sans Light';
    font-size: 70px;
    line-height: 90px;
    letter-spacing: -.03em;
    color: #1d3443;
    background: url("../images/PlusPeach.svg") left top no-repeat;
    margin-left: -20px;
    padding-left: 20px;
    padding-top: 11px
}

.ComplexBanner .left-box .wrapper .TitleText {
    font-family: 'Open Sans';
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 20px
}

.ComplexBanner.Content .left-box .wrapper .ThinPlus {
    font-family: 'Open Sans Light';
    font-size: 45px;
    line-height: 61px;
    letter-spacing: -.03em;
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px
}

.ComplexBanner.Content .left-box .wrapper .TitleText {
    font-family: 'Open Sans';
    font-size: 45px;
    line-height: 45px;
    letter-spacing: -.03em
}

.ComplexBanner.Covid .left-box .wrapper .ThinPlus {
    font-family: 'Open Sans Light';
    font-size: 58px;
    line-height: 70px;
    letter-spacing: -.03em;
    color: #1d3443;
    background: url("../images/PlusPeach.svg") left top no-repeat;
    margin-left: -20px;
    padding-left: 20px;
    padding-top: 14px
}

.ComplexBanner.Covid .left-box .wrapper .TitleText {
    font-family: 'Open Sans';
    font-size: 58px;
    line-height: 70px;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 20px
}

.ComplexBanner .right-box>img {
    max-height: 450px;
    max-width: 100%;
    float: right
}

@media (max-width:1200px) {

    .ComplexBanner .left-box .wrapper,
    .ComplexBanner.Covid .left-box .wrapper {
        padding-left: 0;
        margin: 30px auto
    }
}

@media (max-width:61.95em),
(max-width:991px) {
    .LoginButton {
        display: none
    }

    .ComplexBanner .left-box,
    .ComplexBanner .right-box {
        width: 100%;
        margin-right: 0
    }

    .ComplexBanner .left-box .wrapper {
        width: 80%;
        margin-left: 30px
    }

    .ComplexBanner .right-box img {
        width: 100%
    }

    .hidden-md {
        display: none !important
    }

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

.Breadcrumb .SkinObject,
.Breadcrumb .Start {
    color: #57656e;
    font-size: 12px;
    font-weight: 700 !important;
    text-transform: uppercase
}

.Breadcrumb .SkinObject:after,
.Breadcrumb .Start:after,
.CovidPage.InfoBlock .InfoLinks span:first-child:after {
    content: '|';
    margin: 0 10px
}

.Breadcrumb span span span:last-child .SkinObject:after {
    content: ''
}

[id^=Anchor] {
    padding-top: 120px;
    margin-top: -120px !important
}

#BodyWrapper {
    padding-top: 140px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    margin-bottom: -1px
}

#BodyWrapper section,
.PaddingFAT {
    padding: 100px 0
}

#BodyWrapper>img {
    max-width: 100%
}

#BodyWrapper.Unloaded {
    padding-top: 0
}

.shade {
    box-shadow: inset 0 50px 40px -30px #ddd, inset 0 -50px 40px -30px #ddd;
    background: #f7f7f7
}

.grey {
    background: #f7f7f7 !important
}

.SpecialistWrapperPlus .SpecialistDescription,
.white,
.yearSelector option {
    background: #fff !important
}

.remove-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.lightblue {
    background: #afcce0 !important
}

.balancedLightblue {
    background: #e7f0f6 !important
}

.peachgradient {
    background: #eee5de;
    padding: 50px 0 0 !important
}

.goldgradient {
    background: linear-gradient(360deg, #eee5de 0, rgba(228, 215, 204, 0) 100%)
}

.gold {
    background: #eee5de
}

.ExpandLink,
.section-block a.GoldLink:hover {
    background: url("../images/PeachArrow.svg") right center no-repeat;
    transition: color .4s ease-in-out
}

.extraspace {
    margin-top: 300px
}

.News,
.Research {
    padding: 30px 0 !important
}

.LogoSection {
    padding-top: 55px !important;
    padding-bottom: 0 !important
}

.LogoLine {
    border-bottom: 1px solid #bec2c6;
    height: 12px;
    margin-bottom: 50px
}

.LogoLine .LineText {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .05em;
    color: #57656e;
    padding: 0 40px;
    background: #f7f7f7;
    display: block;
    margin: 0 auto;
    width: 61%;
    position: relative
}

.LogoLine .LineText .serif-text {
    font-family: serif;
    font-size: 23px;
    font-weight: 700
}

.LogoLine .LineText .brush-stroke {
    position: absolute;
    width: 5%;
    left: 416px;
    top: 20px
}

#Latitude,
#Longitude,
.LiveForm.Default .Field.Radiobutton table,
.LogoLine .LogoText {
    display: inline-block
}

.LogoLine .LogoText .FooterYou {
    background: url("../images/brush-stroke.png") 0 0/90% no-repeat;
    min-height: 30px;
    display: inline-block;
    background-position-x: 2px;
    background-position-y: 20px
}

.section-block {
    margin-bottom: 30px;
    position: relative;
    min-height: 485px
}

.section-block.sustainability-section {
    min-height: 500px
}

#transformation .section-block {
    min-height: 430px
}

.section-block.environment-section {
    min-height: 470px !important
}

#CancerCarousel,
#Items-7102 .panel-group .panel-default,
#MediaCarousel,
#doctorSlider,
.section-block .section-heading {
    margin-bottom: 20px
}

.section-block .section-heading a {
    margin-bottom: 15px;
    display: table;
    height: 60px
}

.section-block .section-heading a h4 {
    font-weight: 600;
    display: table-cell;
    vertical-align: bottom
}

.ContactUsBlock h4,
.GoldCard .TextWrapper p.hours,
.WhiteBlockWrapper .CovidVideoHeading,
.collapseAdditionalBlock .panel-body ul span.times,
.collapseBIOBlock .panel-body ul span.times,
.collapseFAQBlock .panel-body ul span.times,
.collapseFacilitiesBlock .panel-body ul span.times,
.media-listing-item .media-listing-title,
.practice,
.section-block img,
ul.content-list li {
    margin-bottom: 15px
}

.section-block a.GoldLink {
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    color: #1d3443 !important;
    margin-bottom: 10px;
    padding-right: 20px;
    background: url("../images/BlueArrow.svg") right center no-repeat;
    width: auto;
    transition: color .4s ease-in-out;
    position: absolute;
    bottom: 0
}

.section-block a.GoldLink:hover {
    color: #d5bfac !important
}

.ValueItemInner {
    padding: 15px 0;
    display: block;
    width: 100%;
    height: auto;
    text-align: center
}

.ValueItemInner .icon {
    margin: 0 auto;
    width: 122px;
    min-height: 93px;
    position: relative
}

.FlipItemFront .icon img,
.ValueItemInner .icon img,
.patient-journey-icon img {
    margin: 0 auto;
    display: block;
    z-index: 100;
    position: relative;
    opacity: 1;
    transition: .2s ease-in-out
}

.ValueItemInner .icon .peachblock {
    position: absolute;
    left: 0;
    right: 0;
    height: 35px;
    top: 50%;
    margin-top: -16px;
    background: #4682b4;
    display: block;
    opacity: .3
}

.ValueItemInner .heading {
    display: block;
    color: #1d3443;
    font-weight: 600;
    margin: 33px 0
}

.ValueItemInner .text,
.info-table-two.left-align td,
.info-table-two.left-align th,
.travelClinic-table-two.left-align td,
.travelClinic-table-two.left-align th {
    text-align: left
}

.IconWrapper {
    margin-left: -10%
}

.IconWrapper .ValueItem,
.LiveForm.Default .Field.Radiobutton table tr td {
    padding: 0
}

.IconWrapper .ValueItemInner .icon {
    width: 95px;
    min-height: 50px
}

#AppointmedForm .steps>ul>li.current,
#mega-menu.mega-menu-desktop a.mega-menu-logo img,
.IconWrapper .ValueItemInner .icon img {
    width: 65px
}

.IconWrapper .ValueItem:not(:last-child):after {
    color: #bec2c6 !important;
    content: ' ' !important;
    position: absolute;
    top: 15px;
    right: -5px;
    height: 130px;
    border-left: 1px solid #bec2c6
}

.IconWrapper .ValueItemInner .heading {
    margin: 5px auto 0;
    width: 66%;
    font-family: 'Open Sans Bold';
    font-size: 18px;
    line-height: 122.94%;
    text-align: center;
    letter-spacing: -.03em
}

.IconWrapper .ValueItemInner:hover .heading {
    color: #d5bfac !important;
    transition: color .4s ease-in-out
}

.IconWrapper .ValueItemInner .action {
    font-family: "Open Sans Light";
    color: #57656e !important;
    text-align: center;
    letter-spacing: -.03em;
    line-height: 100%;
    font-weight: 400;
    padding-top: 10px
}

img.appontmedImage {
    width: 82%
}

img.content-img-center {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

span.small-text {
    font-size: 14px;
    display: block;
    margin-top: -15px !important;
    color: #9a9fa7;
    margin-bottom: 15px
}

.directors-block {
    margin-bottom: 30px;
    color: #9a9fa7
}

.directors-block .directors-title {
    font-weight: 700;
    color: #57656e
}

.executive-block {
    font-size: 14px;
    margin-bottom: 30px
}

.executive-block p {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #1d3443
}

.executive-block .exec-title {
    color: #d5bfac;
    font-weight: 700
}

.executive-block .exec-joined,
.executive-block .exec-qualifications {
    color: #9a9fa7
}

.strategic-box.strategic-large {
    min-height: 450px
}

.strategic-box.strategic-small {
    min-height: 250px
}

.BlueAnchor {
    font-weight: 700;
    color: #1d3443 !important
}

a.BlueAnchor:hover {
    font-weight: 700;
    color: #d5bfac !important
}

.ExpandLink {
    font-size: 16px;
    line-height: 22px;
    display: table;
    align-items: center;
    color: #d5bfac !important;
    margin-bottom: 20px;
    padding-right: 20px;
    width: auto;
    margin-top: -12px !important
}

.content-right {
    padding-left: 10px;
    padding-top: 10px
}

.content-block {
    min-height: 175px
}

#TabControl .Wrapper .textContainer .TextWrapper h3,
.GreyAnchor,
.content-block .content-title,
.cookiealert .description>a,
.darker-text {
    font-weight: 700
}

.BigButton {
    background: #1d3443;
    box-shadow: 0 0 20px rgba(37, 40, 73, .2);
    border-radius: 5px;
    color: #fff !important;
    padding: 10px 45px
}

#CancerBlock:hover #CancerText,
#Emergency911Block:hover #Emergency911Text,
#HospitalBlock:hover #HospitalText,
#MedicrossBlock:hover #MedicrossText,
#OCHBlock:hover #OCHText,
#RenalBlock:hover #RenalText,
.LiveForm.Default .thank-you,
.MapDetails {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05)
}

.NewsListingItem,
.location-list {
    padding-left: 17px
}

.BigButton.VacancyButton {
    margin-top: 30px;
    display: table
}

.yearSelector {
    margin-bottom: 50px;
    margin-top: 20px;
    margin-left: 0
}

.yearSelector option {
    color: #1d3443
}

.yearSelector select {
    font-family: 'Open Sans';
    font-size: 16px !important;
    color: #fff !important;
    border-radius: 3px !important;
    border: 2px solid #1d3443 !important;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    width: 100% !important;
    background: url("../images/DropdownDownArrowWhite.svg") 96% no-repeat #1d3443 !important
}

.LineHeader h4,
.yearSelector label {
    color: #80898f;
    line-height: 22px;
    font-size: 16px;
    letter-spacing: .15em;
    text-transform: uppercase
}

.info-table-two td,
.travelClinic-table-two td {
    background-color: #edf1f5
}

.yearSelector select::-ms-expand {
    display: none
}

.yearSelector label {
    margin-bottom: 8px !important;
    display: block !important;
    width: 100% !important;
    font-weight: 700
}

.LineHeader {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 30px;
    height: 40px;
    margin-left: 2px
}

.LineHeader h4 {
    display: inline;
    padding-left: 20px
}

.NewsListingItem {
    width: 50%;
    display: inline-block;
    margin-right: -5px;
    padding-bottom: 40px;
    padding-right: 5%;
    vertical-align: top
}

.NewsListingItem .Heading {
    margin-bottom: 3px;
    font-weight: 700;
    font-family: 'Open Sans';
    letter-spacing: normal
}

#Clinic .ClinicWrapper .ClinicRow .Email>a:hover,
#Doctor .DoctorsWrapper .DoctorRow #Email>a:hover,
#Hospital .HospitalWrapper .HospitalRow #Email>a:hover,
#Specialist .SpecialistsWrapper .SpecialistRow #Email>a:hover,
#Specialist .SpecialistsWrapper .SpecialistRow .ContactNumber>a:hover,
.Checked+label,
.LiveForm input[type=radio]:checked+label,
.MapDetails .coordinates,
.NewsListingItem .Heading a:hover,
.NewsSummaryItem .Heading a:hover,
.SingleDocumentList .DocumentListLabel a:hover,
.blockWrapper .braedcrumb a:hover,
.media-listing-item a.media-listing-link:hover {
    color: #d5bfac
}

.SearchResults .suggestion-text-new,
.SearchResults .suggestion-text-new:hover,
.Subheading,
.above-hours-cointanier-text,
.middleTextContent_1 p {
    font-size: 16px
}

.Subheading p {
    color: #80898f;
    margin-bottom: 2px
}

.Subheading i,
.Subheading i p em {
    font-style: normal;
    font-size: 16px;
    font-family: 'Open Sans'
}

.LiveForm .Field label,
.LiveForm.Default label.error,
.education-block h4 {
    font-family: Open Sans;
    font-style: normal
}

.ArticlePublishDate {
    color: #bec2c6
}

.NewsArticle,
.education-half:first-child {
    padding-left: 5px
}

.education-block {
    min-height: 370px;
    border-radius: 4px;
    margin: 10px;
    padding: 44px 10px 10px;
    text-align: center;
    background: linear-gradient(27.17deg, rgba(255, 255, 255, .76) 3.81%, rgba(255, 255, 255, .3) 98.99%)
}

.education-block p {
    font-size: 16px;
    line-height: 20px;
    color: #939393;
    padding: 5px 45px
}

.education-block h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 122.94%;
    letter-spacing: inherit;
    padding: 5px 110px;
    margin-bottom: 10px
}

.education-block:hover {
    cursor: pointer;
    box-shadow: 0 4px 50px rgba(118, 124, 175, .15)
}

.patient-journey-icon {
    min-height: 80px;
    width: 122px;
    position: relative;
    margin: 0 auto
}

.patient-journey-icon .peachblock {
    position: absolute;
    left: 0;
    right: 0;
    height: 33px;
    top: 50%;
    margin-top: -23px;
    background: #4682b4;
    display: block;
    opacity: .3
}

.BlueLink {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    align-items: center;
    color: #1d3443 !important;
    margin-bottom: 10px;
    padding-right: 20px;
    background: url("../images/BlueArrow.svg") right center no-repeat;
    display: table;
    transition: color .4s ease-in-out
}

.BlueLink:hover,
.education-block:hover .BlueLink {
    background: url("../images/PeachArrow.svg") right center no-repeat;
    color: #d5bfac !important;
    transition: color .4s ease-in-out
}

.education-block .BlueLink {
    margin: 10px auto
}

.QuoteBlock {
    font-family: 'Open Sans Light';
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -.03em;
    color: #d5bfac;
    margin: 25px 0;
    text-align: left
}

.Investors .NoPaddingRight h1,
.Netcare-super-lists .LineHeader,
.TextBelowVideo,
.TextUnderQuote,
.flipCard.state-clicked svg,
div#graph-canvas-7099 {
    margin-top: 30px
}

.QuoteBlock>h3,
.QuoteBlock>h4 {
    font-family: "Open Sans";
    font-size: 24px;
    line-height: 28px;
    color: #d5bfac;
    letter-spacing: -.03em;
    font-weight: 500;
    margin-bottom: 25px
}

.background-box-grey {
    background: linear-gradient(27.17deg, rgba(255, 255, 255, .76) 3.81%, rgba(255, 255, 255, .3) 100%);
    padding: 20px;
    margin-bottom: 15px
}

#MediaSlider,
#NewsSlider,
#ResearchSlider,
.CovidFAQHeader,
div#FinancialResultAccordion {
    margin-bottom: 60px
}

.IRMenu li>a:active,
.IRMenu li>a:focus,
.IRMenu li>a:hover,
a.findHover:hover,
span.Netcare-super-lists-additional-info {
    color: #d5bfac !important
}

.StoreButtons a {
    display: inline-block;
    padding: 25px 20px 10px 0
}

.dti-box {
    margin-bottom: 10px;
    width: 100%;
    background: linear-gradient(#1d3443 2px, transparent 2px) 0 28px repeat-x #fff;
    position: relative
}

.value-one {
    padding: 1% 2%;
    background-color: #fff;
    display: inline-block
}

.value-two {
    text-align: right;
    padding: 1% 2%;
    position: absolute;
    top: 1%;
    right: 0;
    z-index: 1;
    background: url("../images/ArrowRight.svg") left 16px no-repeat #fff
}

.value-single-desc,
.value-two-desc {
    padding-right: 2%;
    display: inline-table;
    text-align: right
}

.dti-box h3 {
    color: #1d3443;
    font-size: 45px;
    font-weight: 400;
    margin: 0
}

#FloatingImageBanner .VideoText li,
.list-point-block ul,
.value-two h3,
ul.governance-structure-content {
    padding-left: 10px
}

.value-one-desc {
    width: 47.5%;
    padding-left: 2%;
    display: inline-table
}

.value-two-desc {
    width: 50.5%
}

.value-single-desc {
    width: 98%
}

.value-one-desc p,
.value-two-desc p {
    margin-top: -10px
}

.SingleDocumentList .DocumentListLabel a,
.blue,
.value-one-desc h5,
.value-two-desc h5 {
    color: #002663
}

.info-table-two table,
.travelClinic-table-two table {
    width: 100%;
    border-spacing: 0px
}

.info-table-two td,
.info-table-two th,
.travelClinic-table-two td,
.travelClinic-table-two th {
    width: 25%;
    text-align: center;
    padding: 15px
}

.info-table-two th {
    color: #1d3443;
    padding-bottom: 10px;
    font-family: "Open Sans";
    font-weight: 700
}

.info-table-two td {
    border-top: 5px solid #fff
}

.info-table-two tr,
.travelClinic-table-two tr {
    border-spacing: 10px;
    border-top: 10px solid #d5bfac !important
}

.vaccination-list li:after {
    content: ";"
}

.vaccination-list li {
    display: inline;
    padding-right: 5px
}

.subsiteHeaderNetcare img,
ul.vaccination-list {
    margin-left: 0 !important
}

.TravelClinic-Container {
    margin: 0 auto;
    width: 100%
}

.text-left {
    text-align: left !important
}

.travelClinic-table-two th {
    color: #002663;
    padding-bottom: 10px
}

.info-table-quarter h3,
.info-table-third h3 {
    color: #1d3443;
    font-weight: 400;
    font-size: 45px
}

.travelClinic-background-box-grey {
    padding: 20px;
    margin-bottom: 15px;
    background-color: #efefef
}

.info-table-quarter,
.info-table-third {
    margin: .5%;
    padding: 1.5% 1.5% 1px;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.info-table-quarter {
    width: 23% !important
}

.info-table-quarter h3 {
    margin: 0;
    padding-bottom: 1px
}

.info-table-head {
    text-align: center;
    overflow: hidden
}

#AppointmedForm #ConsultationDropDownList,
#AppointmedForm #hasVoucherRadioButtons,
.info-container>h4 {
    margin-top: 15px
}

.info-table-third {
    width: 32% !important;
    min-height: 150px
}

.WhiteBlockWrapper .CovidVideoHeading .HeadingMiddle,
.info-container.desktop-only {
    padding-bottom: 20px
}

.InfoSectionRight.HealthcareFAQ .InfoCard1,
.MobileAppSPBanner .linksWrapper .mobileAppLinks,
.SmallCarouselText a,
.bio-conferences-body .item h5.card-title,
.ipadtextblock h2,
.key-row2,
div#PracticeMenu,
h3#Anchor6,
h4#Anchor2,
h4#Anchor3 {
    margin-top: 20px
}

.content-img,
.content-img img {
    padding: 12px 0;
    max-width: 100%;
    height: auto
}

h3#leadership_quote {
    padding: 50px 20px;
    z-index: 4;
    line-height: 36px
}

#PageScroller {
    height: auto;
    width: 550px;
    position: relative;
    margin-bottom: 20px;
    z-index: 5
}

#PageScroller .TextBox {
    padding: 20px 25px;
    font-size: 18px;
    background: url("../images/DropdownDownArrowWhite.svg") 97% center no-repeat #1d3443;
    color: #fff
}

#MediaSlider .MediaSlide:hover,
#NewsSlider .NewsSlide:hover,
#PageScroller .TextBox:hover,
#ResearchSlider .ResearchSlide:hover,
#mega-menu-container .menu-back-item:hover,
#mega-menu.mega-menu-mobile .top-level .mobile-text-links .menu-back-link .menu-back-link-item div:hover,
#publications .card-cursor,
.CovidPage.InfoBlock .InfoLinks span:first-child,
.CovidTabSection .Heading:hover,
.FAQTabSection .Heading:hover,
.ListItemWithIcon.NetcarePlusScroll,
.TopHeader .top-header-buttons .login-button:hover {
    cursor: pointer
}

#PageScroller .DropDown {
    height: auto;
    left: 0;
    right: 0;
    z-index: 4;
    background: #fff;
    position: absolute;
    display: none
}

#PageScroller .DropDown a {
    display: block;
    padding: 10px 25px;
    color: #002663
}

#PageScroller .DropDown a:hover,
.IRMenuDropdown a:active,
.IRMenuDropdown a:focus,
.IRMenuDropdown a:hover,
.panel-group .panel-body .DocumentListItem:hover {
    background: #f4ede6;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .05)
}

.tranformation {
    background: #fff;
    margin: 30px 0;
    padding: 15px
}

#Dentist .nextButton:hover,
#Dentist .prevousButton:hover,
#Doctor .nextButton:hover,
#Doctor .prevousButton:hover {
    color: #fff;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.search-filter-labels {
    margin-top: 15px;
    margin-bottom: 25px
}

.ContactUsBlock,
.CovidVideoHeading,
.InfoSectionRight.HealthcareFAQ .InfoCard1 p:last-child,
.InfoSectionRight.HealthcareFAQ .InfoCard2 p:last-child,
.MapContainer {
    margin-bottom: 50px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: absolute;
    top: -6px;
    right: -12px;
    color: inherit
}

.nodata {
    margin-left: 10px;
    float: left;
    margin-top: 16px
}

#Vacancies .FilterWrapper .CategoryContainer,
#Vacancies .FilterWrapper .DivisionContainer,
#Vacancies .FilterWrapper .ProvinceContainer {
    width: 33%;
    float: left;
    padding: 10px
}

#Vacancies .FilterWrapper select:focus {
    border: 2px solid #bba365 !important;
    outline: 0 !important
}

#Vacancies .FilterWrapper .ButtonContainer button {
    display: inline-block;
    background: #1d3443;
    border: 0;
    padding: 10px 100px;
    margin-top: 5px;
    font-size: 18px;
    border-radius: 5px;
    color: #fff !important;
    float: left
}

#Dentist #SearchDentist:hover,
#Doctor #SearchDoctor:hover,
#Vacancies .FilterWrapper .ButtonContainer a:hover,
#Vacancies .FilterWrapper .ButtonContainer button:hover {
    background: #1d3443;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

#Vacancies .VacanciesHeadings,
#Vacancies .VacanciesWrapper {
    display: table;
    width: 100%
}

#Vacancies .VacanciesWrapper .VacanciesRow {
    display: table-row;
    width: 100%
}

#Vacancies .VacanciesWrapper .VacanciesRow:nth-child(odd) {
    background: #f4f4f4
}

#Doctor .DoctorsWrapper .DoctorRow>div,
#Vacancies .VacanciesWrapper .VacanciesRow>div {
    display: table-cell;
    padding: 15px 5px;
    vertical-align: top;
    border-top: 1px solid #dfdfdf !important
}

#Vacancies .VacanciesWrapper .VacanciesRow .CategoryHeading,
#Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading,
#Vacancies .VacanciesWrapper .VacanciesRow .DivisionHeading,
#Vacancies .VacanciesWrapper .VacanciesRow .InstitutionHeading,
#Vacancies .VacanciesWrapper .VacanciesRow .RegionHeading,
#Vacancies .VacanciesWrapper .VacanciesRow .SpecificationHeading {
    font-weight: 700 !important;
    font-family: Open Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f;
    border: 0 !important
}

#Clinic .ClinicWrapper .ClinicRow .Email>a,
#Doctor .DoctorsWrapper .DoctorRow #Email>a,
#Hospital .HospitalWrapper .HospitalRow #Email>a,
#Specialist .SpecialistsWrapper .SpecialistRow #Email>a,
#Specialist .SpecialistsWrapper .SpecialistRow .ContactNumber>a {
    font-weight: 400 !important;
    color: #80898f !important;
    font-size: 17px !important
}

#Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading {
    text-align: right
}

#Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading label {
    margin-right: 30px;
    text-align: left
}

#Vacancies .VacanciesWrapper .VacanciesRow .DetailsButtonContainer a {
    padding: 5px 20px;
    background: #1d3443;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 10px;
    white-space: nowrap
}

#Vacancies .VacanciesWrapper .VacanciesRow .DetailsButtonContainer a:hover {
    background: #495b67;
    color: #fff
}

#VacanciesDetails .dl-horizontal {
    font-size: 14px;
    color: #666
}

#VacanciesDetails .dl-horizontal dd,
#VacanciesDetails .dl-horizontal dt {
    padding: 5px 0
}

#VacanciesDetails a.RedLink {
    font-weight: 700;
    font-size: 12px !important;
    color: #bba365 !important;
    text-transform: uppercase;
    background: url("/Portals/_default/skins/netcare-core/images/GoldArrow.png") right center no-repeat;
    padding-right: 22px;
    display: table !important;
    padding-left: 180px;
    margin: 10px 0
}

#VacanciesDetails a.RedLink:hover {
    padding-right: 26px;
    color: #bba365
}

#VacanciesDetails .apply,
#VacanciesDetails .apply:focus {
    display: inline-block;
    background: #002663;
    border: 0;
    padding: 10px 100px;
    margin: 5px 0 0 180px;
    font-size: 18px;
    border-radius: 5px;
    color: #fff !important;
    outline: 0
}

#Vacancies+#myModal .modal-footer button:hover,
#VacanciesDetails .apply:hover {
    background: #3b649a;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

#Vacancies+#myModal .modal-body .form-group label {
    font-size: 16px;
    font-weight: 700;
    color: #26405c;
    margin-bottom: 8px !important;
    display: inline-block !important
}

#Vacancies+#myModal .modal-body .form-group span.validation,
#searcherror {
    color: #e7393f;
    margin-left: 10px
}

#Vacancies+#myModal .modal-body .form-group input {
    font-size: 16px !important;
    color: #666 !important;
    border-radius: 0 !important;
    border: 2px solid #edf1f5 !important;
    background: #edf1f5 !important;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    width: 100% !important
}

#Vacancies+#myModal .modal-body .form-group input:focus {
    border: 2px solid #e7393f !important;
    outline: 0 !important
}

#Vacancies+#myModal .modal-footer button,
#Vacancies+#myModal .modal-footer button:focus {
    display: inline-block;
    background: #002663;
    border: 0;
    padding: 10px 50px;
    margin-top: 5px;
    font-size: 18px;
    border-radius: 5px;
    color: #fff !important
}

#Vacancies+#myModal .close,
.MobileAppSPBanner .content .slogan,
.SubDescription ul.gold-point-list li::before {
    font-size: 30px
}

#TrainingProgrammes .hidden-fields,
.DnnModule-FECCTrainingProgrammes {
    display: none
}

#TrainingProgrammes,
#TrainingProgrammes tbody,
.CovidBanner .BannerText li,
.select2-container .select2-dropdown .select2-results__option {
    font-size: 14px
}

#TrainingProgrammes thead {
    color: #fff;
    background-color: #1d3443
}

#TrainingProgrammes>tbody>tr>td,
#emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content .emergency-links-container .es-desktop:last-child,
.CovidPage.InfoBlock .InfoLinks span:last-child,
.TableSeparate .TableRowBodyTitle div,
.TableSeparate .TableRowHeader div {
    border: none
}

#TrainingProgrammes tr.shown {
    color: #1d3443;
    font-weight: 700
}

#TrainingProgrammes tr.shown td {
    border-bottom: none !important
}

#TrainingProgrammes>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 0 !important
}

#TrainingProgrammes td.details-control {
    background: url("../images/DropdownDownArrowBlue.svg") 97% center no-repeat;
    cursor: pointer
}

#TrainingProgrammes tr.shown td.details-control {
    background: url("../images/DropdownUpArrowBlue.svg") 97% center no-repeat
}

#TrainingProgrammes .course-details {
    margin: 10px;
    background-color: #fff;
    padding: 15px
}

#AppointmedForm>.content>.body .SectionButtons .form-group,
#TrainingProgrammes .course-dates p:first-child,
#doctorSlider .slick-dotted.slick-slider,
#searchModal .modal-dialog .modal-content .modal-body .form-group,
.ContactUsBlock p,
.CovidBanner .BannerText .BtnWrapper p,
.MapDetails p,
.SpecialistWrapperPlus .SpecialistRow #Institution .BlueLink,
.phoneBanner_1 .btn-primary,
.sectionInv_3_12 p,
.sectionInv_7 .ButtomLeftbanner p:last-child,
.thumbnailCard .btn-primary {
    margin-bottom: 0
}

#TrainingProgrammes a.course-button,
#TrainingProgrammes a.course-button:focus {
    background: #1d3443 !important;
    display: inline-block;
    border: 0;
    padding: 10px 15px;
    margin: 10px 0;
    font-size: 16px !important;
    border-radius: 5px;
    color: #fff !important
}

#TrainingProgrammes a.course-button:hover {
    background: #1d3443 !important;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

#TrainingProgrammes_paginate .pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #1d3443;
    border-color: #1d3443;
    color: #fff !important
}

#AppointmedForm>.content>.body .nextButton,
#BigSlider .BigSlide .Image,
div#TrainingProgrammes_length,
div#TrainingProgrammes_paginate,
div#netcare-education {
    float: right
}

div#TrainingProgrammes_filter {
    float: left;
    margin-bottom: 10px
}

#BigSlider.BannerContent .BigSlide .Image,
.article-content p>em,
.bio-conferences-body h5.doctor-bio-degree-label,
.bio-publications-body h5.doctor-bio-degree-label,
div#TrainingProgrammes_info {
    float: left
}

#LiveForm977 ul.page-break-section,
#LiveForm977 ul.page-break-section li.Last,
#LiveForm977 ul.page-break-section li:nth-child(odd),
.FilterWrapper>.ProvinceContainer {
    padding-left: 0 !important
}

.LiveForm {
    border: 0 !important
}

.LiveForm * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important
}

.LiveForm.Default ul.page-break-section {
    background: 0 0 !important;
    box-shadow: none
}

.LiveForm.Default .thank-you {
    padding: 40px !important;
    background: #f4ede6 !important
}

.LiveForm.Default .thank-you h3 {
    text-align: center;
    margin-bottom: -10px;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    letter-spacing: -.03em
}

.LiveForm .Field label {
    margin-bottom: 10px !important;
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 22px !important;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f
}

.LiveForm .Field>div input,
.LiveForm .Field>div select,
.LiveForm .Field>div textarea {
    font-family: 'Open Sans Light' !important;
    font-size: 18px !important;
    color: #1d3443 !important;
    font-weight: 700;
    border-radius: 3px !important;
    border: 0 !important;
    background: #f0f0f0 !important;
    box-shadow: none !important;
    padding: 15px !important;
    height: auto !important;
    line-height: 24px;
    letter-spacing: -.04em;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.LiveForm .Field>div textarea {
    height: 200px !important
}

.FilterWrapper input:focus,
.FilterWrapper select:focus,
.LiveForm .Field>div input:focus,
.LiveForm .Field>div select:focus,
.LiveForm .Field>div textarea:focus {
    outline: 0 !important
}

.LiveForm .form-select-blue>div select {
    color: #fff !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/DropdownDownArrowWhite.svg") 96% no-repeat #1d3443 !important
}

.LiveForm .form-select-blue>div select::-ms-expand {
    display: none
}

.LiveForm .form-select-white>div select {
    background: url("../images/GoldArrowDown.svg") 96% no-repeat #fff !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #1d3443 !important;
    box-shadow: 0 4px 10px rgba(26, 34, 57, .08) !important
}

.LiveForm .form-select-white>div select::-ms-expand {
    display: none
}

.LiveForm .Field>div select option {
    background: #fff !important;
    color: #1d3443;
    padding: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px
}

.InvestorRelationBigBanner.Transformation,
.MapDetails {
    background: #fff
}

.LiveForm .form-extra-field {
    width: 50% !important
}

.LiveForm .form-extra-field .Field-Container-Wide,
.doctor-appointment-wrapper,
.form-textarea .Field-Container-Wide {
    display: block !important
}

#AppointmedForm>.content>.body .intl-tel-input input.form-control,
#AppointmedForm>.content>.body .intl-tel-input.allow-dropdown input,
#AppointmedForm>.content>.body .intl-tel-input.allow-dropdown input[type=text],
#SpecialisationList .select2-container,
#SpecialisationPracList .select2-container,
.LiveForm .form-extra-field select,
.form-textarea textarea {
    width: 100% !important
}

.DnnModule-SharePriceGraphMvc .SharePriceGraph .loader,
.DnnModule-SharePriceGraphMvc .SharePriceGraphSub .loader,
.lfmodal img {
    width: 60px !important;
    height: 60px !important
}

.LiveForm .right-field {
    clear: none !important
}

.LiveForm .Field>div input[type=submit] {
    background: #1d3443 !important;
    border: 0 !important;
    padding: 10px 100px !important;
    margin-top: 5px !important;
    font-size: 18px !important;
    color: #fff !important;
    border-radius: 5px !important;
    float: left;
    box-shadow: 0 0 20px rgba(37, 40, 73, .2) !important
}

.LiveForm .Field>div input[type=submit]:hover {
    background: #3b649a !important;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.LiveForm.Default .Field.Required.Radiobutton table,
.SpecialistPlusWrapper table {
    border-left: none !important;
    padding-left: 0 !important
}

.LiveForm input[type=radio] {
    opacity: .01;
    z-index: 100;
    cursor: pointer
}

.LiveForm .Radiobutton table td label {
    cursor: pointer;
    color: #979da6;
    padding: 13px 55px;
    font-size: 14px !important;
    background: #fff;
    box-shadow: 0 4px 10px rgba(26, 34, 57, .08);
    border-radius: 3px;
    margin-left: -20px !important;
    text-transform: capitalize !important;
    min-width: 60px !important
}

.LiveForm.Default .Field.Radiobutton table tr td:nth-child(2) {
    padding-left: 20px !important
}

.LiveForm.Default label.error {
    color: #eb5757 !important;
    font-size: 14px !important;
    padding: 5px 0 !important;
    font-weight: 600 !important;
    text-transform: unset;
    letter-spacing: normal
}

.LiveForm.Default input.error,
.LiveForm.Default select.error,
.LiveForm.Default textarea.error {
    border: 1px solid #eb5757 !important
}

.LiveForm.Default .thank-you,
.LiveForm.Default ul.page-break-section {
    box-shadow: 0 0 !important
}

.ContactUsBlock a,
.CovidBanner .BannerText .lightgrey,
.FAQ-Section .panel-body p,
.GpVoucherText p {
    color: #80898f
}

#BigSlider .BigSlide .Image .MobileImage,
#IRNavButton,
#NetcareSlider .MobileImageBlock,
#Sustainability .Sustainability-block .icon img.Hover,
#Sustainability .Sustainability-block:hover .icon img,
#mobileAnimationWrapper,
.AppointmedFormImageMobile,
.AppointmedMapContainer .Facilities p:last-child::after,
.BackgroundMobile,
.BigSliderBlock .Slider .Wrap .inner .readmorecontainer,
.DnnModule-SharePriceGraphMvc .SharePriceGraph h3,
.IRMenu li:last-child a.IRMenuItem:after,
.Map,
.QuickLinksWrapper .QuickLinks #quicklinks-showonmobile,
.SharePriceInfo.shareprice-price-control h3,
.SmallSliderBlock .Slider .Wrap .inner .readmorecontainer,
.mobileAnimationHeading {
    display: none
}

.MapDetails {
    height: 400px;
    width: 30%;
    padding: 40px 11% 40px 40px
}

.MapFrame {
    width: 70%;
    height: 400px
}

.MapContainer {
    overflow: auto;
    width: 100%
}

.MapDetails .BlueLink {
    display: table;
    margin: 20px 0
}

.lfoverlay {
    background-color: rgba(255, 255, 255, .3)
}

.lfmodal {
    background-color: rgba(255, 255, 255, .7) !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
    border-radius: 0 !important
}

.lfmodal img {
    border: 5px solid transparent !important;
    border-top: 5px solid #1d3443 !important;
    border-radius: 50% !important;
    animation: 1s linear infinite spin !important;
    -webkit-animation: 1s linear infinite spin !important;
    -moz-animation: 1s linear infinite spin !important;
    -o-animation: 1s linear infinite spin !important;
    -ms-animation: spin 1s linear infinite !important;
    margin: 0 auto !important;
    background: 0 0 !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    box-sizing: border-box !important;
    padding-left: 30px !important;
    padding-right: 20px !important
}

@keyframes spin {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg)
    }
}

.InvestorRelationBigBanner {
    display: flex;
    min-height: 600px
}

.IRMenuContainer,
.IRNavigation {
    display: inline-block;
    width: 100%
}

.InvestorRelationBigBanner.Landing {
    padding: 70px 0 90px
}

.InvestorRelationBigBanner .right-box {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 88;
    overflow: hidden
}

.InvestorRelationBigBanner.Landing .right-box img {
    position: relative;
    z-index: 2;
    width: 90%;
    padding-top: 70px;
    margin-left: 10%
}

#BigSlider.NetcarePlusSlider .BigSlide .Image .DesktopImage,
.BigBlockComponent .ImageContainer img,
.InvestorRelationBigBanner.Transformation .right-box img,
.QuickLinksWrapper .QuickLinks .seperator-image img,
body.dnnEditState #Form {
    height: 100%
}

.InvestorRelationBigBanner.Landing .right-box:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: #eee5de;
    z-index: 1
}

.InvestorRelationBigBanner .left-box {
    width: 40%;
    z-index: 99;
    position: relative
}

.InvestorRelationBigBanner .TitleText {
    font-weight: 600;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: -.03em;
    color: #1d3443;
    height: 100px;
    margin-bottom: 40px;
    max-width: 470px
}

@media (max-width:500px) {
    .PaddingTAB {
        padding: 20px 0 0 !important
    }

    .InvestorRelationBigBanner .TitleText {
        font-size: 30px;
        max-width: 400px;
        margin-bottom: 0
    }

    .IRGoldLink.ExtraHigh {
        margin-bottom: 20px !important
    }
}

.InvestorRelationBigBanner .Overview {
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f;
    margin-bottom: 20px
}

.InvestorRelationBigBanner .SharePriceTicker span {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -.03em;
    color: #1d3443
}

#AppointmedForm .please-note span,
#publications .publications-all-titles .item .card p.pages,
.InvestorRelationBigBanner .SharePriceTicker .IRMenuLabel,
.publications-titles .item .card p.pages,
div#DoctorInformation .ContactInfoBlock .RightBlock .Telephone a {
    font-weight: 400
}

.InvestorRelationBigBanner .SharePriceTicker .IRMenuPrice {
    font-weight: 300;
    margin-left: 10px;
    font-family: Open Sans Light
}

.InvestorRelationBigBanner .BackButton {
    background: url("../images/left-full_gold.svg") left center no-repeat;
    color: #7f6f64;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.03em;
    padding-left: 45px;
    margin-bottom: 80px
}

.IRGoldLink,
.IRGoldLink:hover {
    color: #7f6f64 !important;
    transition: .4s ease-in-out
}

.InvestorRelationBigBanner .BackButton:hover {
    padding-left: 60px
}

.InvestorRelationBigBanner .btn {
    margin-right: 10px;
    font-family: 'Open Sans Semi-Bold'
}

@media (max-width:1200px) {

    .InvestorRelationBigBanner .left-box,
    .InvestorRelationBigBanner .right-box {
        width: 50%
    }
}

@media (max-width:980px) {
    .InvestorRelationBigBanner {
        min-height: auto;
        padding-bottom: 25px !important
    }

    .SharePriceInfo.shareprice-price-control {
        margin-bottom: -50px
    }

    .GraphContainer {
        margin: 0 15px 15px
    }

    .InvestorRelationBigBanner.Landing {
        padding: 30px 0 90px
    }

    .InvestorRelationBigBanner .BackButton {
        margin-bottom: 40px
    }

    .InvestorRelationBigBanner .right-box {
        display: none
    }

    .InvestorRelationBigBanner .left-box {
        width: 100%
    }
}

@media (max-width:600px) {
    .InvestorRelationBigBanner .btn {
        margin-bottom: 10px;
        width: 100%
    }

    #Items-7102 {
        padding-right: 0 !important
    }

    .GovernanceImageBlock {
        margin-top: 50px !important
    }

    div#NewsSummary {
        margin-bottom: -20px !important
    }

    #Items-7102 div>h4,
    .CoverAIRContainer .AIRHeading,
    .CredibleData .CredibleDataCopy h4,
    .IRSPatternBlock h4,
    .IRSPatternBlockSecondary h4,
    .InvestorRelationBigBanner .TitleText,
    .PageTitle,
    .Reports h4,
    .TransformationCopyContainer h4 {
        font-size: 35px !important
    }

    .CoverAIRContainer .AIRHeading {
        width: 65%
    }

    .IRSPatternBlock,
    .SharepriceHeading {
        margin-top: 10px !important
    }

    .InvestorRelationBigBanner .TitleText {
        margin-bottom: -30px !important
    }

    .TransformationCopyContainer {
        margin-top: -35px
    }

    #Items-7102 div>h4 {
        margin-top: 25px
    }

    .InvestorRelationBigBanner .SharePriceTicker {
        margin-bottom: 25px
    }
}

.IRMenuDropdown a,
a.IRMenuItem {
    font-size: 14px;
    text-align: center
}

.IRNavigation {
    height: 70px;
    background: #1d3443
}

.IRMenu {
    width: 100%;
    height: 70px;
    margin: 0 auto
}

.IRMenu li {
    float: left;
    margin: 0;
    padding: 0;
    width: 20%;
    display: table;
    position: relative;
    height: 70px
}

.IRMenu li:hover a {
    border-left: none;
    border-right: none
}

a.IRMenuItem {
    width: 100%;
    color: #fff !important;
    padding: 0 55px;
    text-decoration: none;
    vertical-align: middle;
    display: table-cell;
    line-height: 17px;
    letter-spacing: -.03em
}

.IRMenuDropdown {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    z-index: 999;
    background-color: #fff;
    background-image: linear-gradient(180deg, rgba(30, 53, 68, .06) 0, rgba(255, 255, 255, 0) 10%);
    box-shadow: 0 10px 30px rgba(37, 40, 73, .12);
    width: 100%
}

.IRMenuDropdown a {
    color: #1d3443;
    display: block;
    padding: 18px 18px 0;
    line-height: 14px;
    font-family: 'Open Sans'
}

.IRMenuDropdown a:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 70%;
    padding-top: 18px;
    border-bottom: 1px solid #57656e;
    opacity: .15
}

.DoctorProfile .nav-tabs,
.HeadingWrapper.nav.nav-tabs,
.IRMenuDropdown a:hover:after,
.IRMenuDropdown a:last-child:after,
div#DoctorInformation .nav.nav-tabs {
    border-bottom: none
}

.IRMenu li a.IRMenuItem:after {
    color: #eaecef !important;
    content: '|' !important;
    font-size: 1.4em;
    position: absolute;
    top: 25px;
    right: -5px
}

@media (max-width:1200px) {
    .IRMenu li {
        line-height: 10px
    }

    a.IRMenuItem {
        font-size: 14px !important;
        padding: 5px 10px
    }
}

@media (max-width:766px) {

    .IRMenu li,
    .IRMenuDropdown a:after {
        border-bottom: none
    }

    .IRMenu li a.IRMenuItem,
    .IRSharePrice .SPItem {
        font-size: 16px !important
    }

    .IRNavigation {
        width: 100%;
        display: block;
        height: auto;
        background: #f7f7f7;
        padding-top: 15px
    }

    #IRNavButton {
        display: inline-block;
        width: 100%;
        background: #eee;
        cursor: pointer;
        margin-top: 15px
    }

    #IRNavButton h4 {
        color: #fff !important;
        background: url("../images/WhiteArrowDownSmall.svg") 95% center no-repeat #1d3443;
        padding: 10px 20px;
        margin: 0;
        font-size: 16px;
        border-radius: 3px
    }

    #IRNavButton.active h4 {
        background: url("../images/WhiteArrowUpSmall.svg") 95% center no-repeat #1d3443
    }

    .IRMenuContainer {
        height: auto;
        display: none
    }

    .IRMenu,
    .IRMenu li,
    .IRMenu li a.IRMenuItem {
        display: block;
        width: 100%
    }

    .IRMenu {
        height: auto;
        float: none;
        background: #fff
    }

    .IRMenu li {
        border: none;
        float: none;
        height: auto
    }

    .IRMenu li a.IRMenuItem {
        padding: 15px 20px;
        font-weight: 700;
        background-color: #fff !important;
        box-shadow: none;
        border-radius: 0 0 3px 3px;
        color: #1d3443 !important;
        text-decoration: none;
        vertical-align: middle;
        text-align: left;
        border: none;
        letter-spacing: initial
    }

    .IRMenu li a.IRMenuItem.Dropdown {
        background: url("../images/ThinRightArrowBlue.svg") right 5% center no-repeat;
        display: table-cell !important;
        padding-right: 35px;
        float: right
    }

    .IRMenu li a.IRMenuItem.Dropdown.active {
        background: url("../images/DarkBlueArrowUp.svg") right 5% center no-repeat;
        display: table-cell !important;
        float: none;
        width: 730px
    }

    .IRMenuDropdown {
        position: relative;
        max-width: 100%;
        background-color: #fff;
        background-image: linear-gradient(rgba(30, 53, 68, .06) 0, rgba(255, 255, 255, 0) 10%);
        border-radius: 0;
        width: 100%
    }

    .IRMenuDropdown a {
        text-align: left;
        color: #7f6f64
    }

    .IRMenu li a.IRMenuItem:after {
        display: none
    }

    .SharePriceInformation {
        margin-bottom: 30px
    }

    .NewsSummaryItem .SubHeading p,
    .media-listing-item .media-listing-title,
    .media-listing-summary {
        margin-bottom: 12px !important
    }

    .IRSPatternBlock h4 {
        margin-bottom: 25px
    }

    .CoverAIRContainer .AIRHeading {
        line-height: 111% !important
    }

    .NewsSummaryItem .Date,
    .NewsSummaryItem .SubHeading p,
    .NewsSummaryItem .SubHeading p em,
    .SubHeading,
    .media-listing-summary {
        font-size: 14px !important
    }

    .IRSPatternBlock {
        margin-top: 20px !important
    }

    #Items-7102 {
        padding-top: 0 !important
    }

    .IRSPatternBlockSecondary .QOCBannerBlock {
        padding-left: 15px !important
    }
}

@media (nax-width:600px) {
    .InvestorRelationBigBanner.Landing {
        padding: 30px 0 90px
    }

    #Items-7102 {
        margin-top: -50px !important
    }

    .PaddingTAB {
        padding: 35px 0 !important
    }

    .IRMenu li a.IRMenuItem.Dropdown.active {
        width: 570px
    }
}

#Sustainability .Sustainability-block:hover .GoldLink,
.IRGoldLink:hover {
    padding-right: 45px
}

.PaddingTAB {
    padding: 60px 0
}

.WelcomeBlock {
    margin-top: 30px;
    margin-right: 23%
}

#NetcareSlider,
.FilterWrapperPlus,
.NewsArticle .TopMargin,
.WelcomeBlock a {
    margin-top: 25px
}

#AppointmedForm .FinalDetail,
.GraphHeading,
.IRSPatternBlock,
.SharepriceHeading,
.videoHeading {
    margin-top: 50px
}

.GovernanceImageBlock,
.Reports {
    margin-top: 100px
}

.IRSPatternBlock h4 {
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 40px
}

.IRGoldLink {
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    margin-bottom: 20px;
    padding-right: 35px;
    background: url("../images/right-full-gold-new.svg") right center no-repeat;
    display: table
}

.CoverAIRContainer {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 90px 40px;
    background: url("../images/annual-report-banner.jpg") center center/cover no-repeat
}

.CoverAIRContainer .AIRSmallHeading {
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #1d3443;
    margin-bottom: 20px
}

.CoverAIRContainer .AIRHeading {
    font-weight: 300;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: -.03em;
    color: #1d3443;
    font-family: Open Sans Light;
    width: 60%
}

.CoverAIRContainer .AIRLink,
.IRSPatternBlockSecondary .QOCBannerBlock .IRLink {
    background: url("../images/right-long-blue.svg") right center no-repeat;
    padding-right: 30px;
    color: #1d3443 !important;
    font-size: 14px;
    margin-top: 20px;
    display: table;
    font-family: 'Open Sans Semi-Bold'
}

.CoverAIRContainer .AIRLink:hover,
.IRSPatternBlockSecondary .QOCBannerBlock .IRLink:hover {
    color: #1d3443 !important;
    padding-right: 40px;
    transition: .4s ease-in-out
}

@media (max-width:450px) {
    .IRSPatternBlockSecondary .QOCBannerBlock .IRLink {
        max-width: 150px
    }
}

#Items-7102 {
    padding-top: 40px;
    padding-right: 50px
}

#Items-7102 div>h4,
.IRSPatternBlockSecondary h4,
.Reports h4 {
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -.03em;
    color: #1d3443
}

#Items-7102 .panel-group .panel-default>.panel-heading h4 {
    background: url("../images/ThinRightArrowWhite.svg") 95% center no-repeat;
    padding: 14px 20px
}

#Items-7102 #DebtInstrument.panel-group .panel-default>.panel-heading.collapsed h4 {
    background: url("../images/WhiteArrowDownSmall.svg") 95% center no-repeat;
    padding: 14px 20px
}

#Items-7102 #DebtInstrument.panel-group .panel-default>.panel-heading h4 {
    background: url("../images/WhiteArrowUpSmall.svg") 95% center no-repeat;
    padding: 14px 20px
}

.IRSPatternBlockSecondary {
    background: #fff;
    padding: 40px 60px
}

.IRSPatternBlockSecondary .QOCBannerBlock {
    width: 100%;
    height: 150px;
    background: url("../images/qoc-investors-banner.jpg") center center/cover no-repeat;
    padding: 30px;
    border-radius: 5px
}

.IRSPatternBlockSecondary .QOCBannerBlock .SmallHeading {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    color: #1d3443
}

@media (max-width:900px) {
    .IRSPatternBlockSecondary {
        padding: 20px
    }
}

.Reports {
    margin-right: 0;
    padding: 100px 20px
}

.TransformationCopyContainer {
    max-width: 800px;
    margin: 0 auto
}

.TransformationCopyContainer h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -.03em;
    color: #1d3443
}

.TransformationCopyContainer h4,
.TransformationCopyContainer p {
    text-align: center;
    margin-bottom: 40px
}

#Sustainability {
    padding-top: 30px;
    justify-content: center
}

#Sustainability .Sustainability-block {
    background: #1d3443;
    padding: 30px;
    min-height: 350px;
    display: block;
    margin-bottom: 30px;
    position: relative;
    transition: .4s ease-in-out
}

#Sustainability .Sustainability-block:hover {
    border-top: 8px solid #d5bfac;
    transition: .4s ease-in-out
}

#Sustainability .Sustainability-block .icon {
    height: 50px;
    width: 50px;
    margin: 0 auto 20px
}

#Sustainability .Sustainability-block .Heading {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 30px
}

#Sustainability .Sustainability-block .Subheading {
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #bec2c6;
    margin-bottom: 10px
}

#Sustainability .Sustainability-block p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 30px;
    text-align: center;
    color: #bec2c6
}

#Sustainability .Sustainability-block .GoldLink {
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    color: #e4d7cc !important;
    margin: 0 auto;
    padding-right: 30px;
    background: url("../images/right-full_light_gold.svg") right center no-repeat;
    transition: .4s ease-in-out;
    display: table;
    position: absolute;
    bottom: 30px;
    left: calc(50% - 50px)
}

.CredibleData {
    padding-top: 90px
}

.CredibleData .CredibleDataCopy {
    padding-top: 60px;
    padding-left: 40px
}

.CredibleData .CredibleDataCopy h4 {
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 30px
}

.CredibleData .CredibleDataCopy p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #61717b;
    margin-bottom: 30px
}

.background-box-clinic-outcome {
    padding: 45px 20px;
    color: #c6c6c6;
    margin-bottom: 15px;
    background-color: #1d3443;
    text-align: center
}

.background-box-clinic-outcome h3 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 0
}

.Doctor_Dentist,
.ResearchHeadingMiddle {
    margin-top: 30px !important
}

.background-box-blue {
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #1d3443;
    color: #fff
}

.info-container,
.third-nr-box {
    background-color: #fff !important
}

.background-box-blue h6 {
    color: #fff;
    font-family: Open Sans Bold
}

#Apps,
#BigSlider .BigSlide .Content p,
.CarouselTextWrapper,
.DoctorProfile .DoctorHeading,
.ModuleTextWrapper,
.inverstorLastBlock p,
.patient-journey-nav {
    margin-bottom: 30px
}

#ReviewSlider .SlideText h2,
#see-all {
    margin-bottom: 70px
}

.patient-nav span {
    display: inline-block;
    width: 70%;
    font-size: 16px;
    vertical-align: middle;
    line-height: 20px;
    padding-bottom: 2px
}

.patient-journey-icon-small {
    display: inline-block;
    width: 25%;
    padding: 13px 0;
    vertical-align: middle
}

.patient-nav {
    border-radius: 4px;
    border: 1px solid rgba(102, 102, 102, .2);
    margin: 10px;
    padding: 0 13px;
    width: 195px !important;
    height: 65px;
    line-height: 61px;
    cursor: pointer;
    box-shadow: 5px 5px 13px 0 rgba(0, 0, 0, .1);
    flex: none
}

.discharge span {
    padding-bottom: 7px
}

.patient-nav.active-tab,
.patient-nav:hover {
    box-shadow: none;
    background-color: #1d3443;
    border: 1px solid #1d3443;
    cursor: pointer;
    color: #fff
}

.BigSliderBlock:hover,
.SmallSliderBlock:hover {
    box-shadow: 0 4.58932px 57.3665px rgba(118, 124, 175, .15)
}

.active-tab .patient-journey-icon-small svg path,
.patient-nav:hover .patient-journey-icon-small svg path {
    fill: #fff
}

div#netcare-education span {
    line-height: 17px;
    font-size: 14px
}

div#FNAH-post-basic-specialist-programmes span {
    line-height: 17px
}

.patient-journey-nav>.row {
    font-size: 70%
}

.blue-icon-wrapper,
.info-table,
.third-nr-boxes-wrapper {
    display: flex;
    flex-wrap: wrap
}

.third-nr-box {
    width: 32%;
    margin: 1% 1% 2% 0;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 20px
}

.third-nr-box h3 {
    color: #1d3443 !important;
    margin-left: 10px
}

.third-nr-box .count {
    width: 20%;
    text-align: right;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    color: #1d3443 !important
}

.third-nr-box .photo img {
    width: 100%;
    height: auto
}

.third-nr-box p {
    margin-bottom: 0;
    margin-top: 3px
}

.third-nr-box .count-desc {
    width: 76%;
    display: inline-block;
    padding-left: 3%
}

.third-nr-box .text {
    display: inline-block;
    flex-direction: column;
    padding: 3%;
    width: 94%
}

.third-nr-box .text p {
    flex: 1 0 auto
}

.third-nr-box .text ul {
    padding-left: 25%
}

.AppImage {
    display: block;
    margin: 13px auto
}

.info-container {
    margin: 0 auto;
    width: 100%
}

.blue-icon-box {
    background-color: #1d3443;
    display: inline-table;
    margin: 1% 1% 1% 0;
    padding: 1% 0 2% 1%;
    vertical-align: top;
    position: relative;
    display: flex;
    width: 30%
}

.blue-icon-box h2 {
    font-size: 55px;
    font-weight: 400 !important;
    margin: 5px 0 0;
    width: 70%;
    float: left;
    color: #fff !important
}

.blue-icon-box p {
    font-size: 17px;
    margin: 0;
    padding: 10px 0 0;
    width: 100%;
    font-weight: 600;
    color: #fff !important
}

.blue-icon-box .icon {
    display: inline-block;
    vertical-align: top;
    width: 30%
}

.blue-icon-box .icon img {
    float: right;
    padding: 10px;
    width: 100%;
    height: auto
}

.blue-icon-box-content {
    display: inline-block;
    flex-direction: column;
    padding: 0 3%;
    width: 94%
}

div#transformation {
    margin: 10px -15px 20px
}

.SubPageMenuContainer .navbar-nav>li {
    float: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin: 10px
}

.SubPageMenuContainer .navbar-nav {
    float: left;
    margin-left: -10px
}

.SubPageMenuContainer>ul>li>a:hover {
    color: #d5bfac !important;
    background: url("../images/PeachArrow.svg") right center no-repeat
}

.GraphContainer {
    background: #fff;
    padding: 30px 0;
    margin: 0 15px 50px
}

.SharepriceHeading {
    padding-left: 45px
}

.GraphHeading h4,
.SharepriceHeading h4 {
    margin-bottom: 10px;
    font-weight: 400
}

.DnnModule-SharePriceGraphMvc {
    width: 68%;
    display: inline-block;
    vertical-align: top;
    background: #fff
}

.SubPage .DnnModule-SharePriceGraphMvc {
    width: 100% !important;
    margin-bottom: 75px;
    background: 0 0
}

#ShareholderGraphContainer {
    background: #fff;
    position: relative
}

.shareprice-title {
    width: 33%;
    margin: 0;
    padding: 10px 0 0 30px;
    font-size: 16px;
    color: #1d3443;
    line-height: 23px
}

.shareprice-subtitle {
    width: 100%;
    font-size: 16px;
    margin: 0;
    padding: 0 0 0 31px;
    color: #80898f
}

.DnnModule-SharePriceGraphMvc .SharePriceGraph,
.DnnModule-SharePriceGraphMvc .SharePriceGraphSub {
    width: 100%;
    padding-right: 30px
}

.DnnModule-SharePriceGraphMvc .SharePriceGraph div:last-child,
.DnnModule-SharePriceGraphMvc .SharePriceGraph div:last-child svg,
.DnnModule-SharePriceGraphMvc .SharePriceGraphSub div:last-child,
.DnnModule-SharePriceGraphMvc .SharePriceGraphSub div:last-child svg {
    width: 100%;
    height: 266px
}

#share-graph-filtering {
    position: absolute;
    right: 15px;
    top: 15px
}

#share-graph-filtering span {
    padding: 5px 10px;
    display: inline-block;
    text-transform: uppercase;
    color: #57656e;
    font-size: 14px;
    font-weight: 600
}

#share-graph-filtering span.active,
#share-graph-filtering span:hover {
    cursor: pointer;
    color: #1d3443;
    font-weight: 700;
    border-bottom: 2px solid #d5bfac
}

#graph-canvas-7099 text {
    font-weight: 400;
    fill: #80898F;
    font-style: normal;
    font-family: "Open Sans"
}

.DnnModule-SharePriceInformation {
    width: 32%;
    display: inline-block;
    vertical-align: top
}

.SubPage .DnnModule-SharePriceInformation {
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.GraphLink {
    float: right;
    top: 74PX;
    position: relative
}

.article-content img,
.article-image img {
    height: auto !important;
    max-width: 100%;
    float: left;
    margin: 0 25px 0 0;
    padding-bottom: 15px
}

#see-all {
    overflow: hidden;
    display: inline-block;
    margin-top: -55px;
    z-index: 0
}

.IRSharePriceContainer a {
    margin-top: 20px;
    float: right
}

.IRSharePrice {
    background: #fff;
    display: block;
    width: 100%;
    border-left: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 15px;
    padding-left: 50px
}

.SubPage .IRSharePrice {
    background: #fff;
    display: block;
    width: 98%;
    border-left: none;
    padding: 30px
}

.IRSharePrice .SPItem {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 10px
}

.IRSharePrice .SPItem .SPLabel {
    color: #80898f;
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.IRSharePrice .SPItem .SPValue {
    width: 100%;
    display: block;
    color: #1d3443
}

.MediaReleaseThird,
.SENSThird {
    margin: 50px 0
}

.NewsSummaryItem,
.media-listing-item {
    width: 100%;
    display: inline-block;
    margin-right: -5px;
    margin-bottom: 40px;
    padding-right: 5%;
    vertical-align: top;
    min-height: 130px;
    border-bottom: 1px solid #e8e9ea
}

.NewsSummaryItem:last-child,
.media-listing-item:last-child {
    border-bottom: 0 solid #e8e9ea
}

.NewsSummaryItem .Heading,
.NewsSummaryItem .Heading a,
.media-listing-item .media-listing-title,
.media-listing-item a.media-listing-link {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    color: #1d3443
}

.SubHeading,
.media-listing-summary {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #61717b
}

.NewsSummaryItem .SubHeading p,
.media-listing-summary {
    margin-bottom: 2px
}

.NewsSummaryItem .SubHeading i,
.NewsSummaryItem .SubHeading p em {
    font-style: normal;
    font-size: 16px;
    font-family: 'Open Sans';
    font-weight: 400 !important
}

.NewsSummaryItem .Date,
.media-listing-date {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #61717b
}

.MediaReleaseThird h3,
.SENSThird h3 {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f
}

.MediaReleaseThird .BlueLink,
.SENSThird .BlueLink {
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    color: #7f6f64 !important;
    margin-bottom: 20px;
    padding-right: 30px;
    background: url("../images/right-full-gold-new.svg") right center no-repeat;
    transition: .4s ease-in-out;
    display: table
}

.MediaReleaseThird .BlueLink:hover,
.SENSThird .BlueLink:hover {
    color: #7f6f64 !important;
    padding-right: 40px;
    transition: .4s ease-in-out
}

.panel-group .panel-default {
    border: none;
    border-radius: 0;
    margin-bottom: 10px
}

.panel-group .panel-default>.panel-heading {
    width: 100%;
    display: block;
    background: #1d3443;
    border-radius: 3px;
    border: none;
    color: #fff
}

.panel-group .panel-default>.panel-heading h4 {
    background: url("../images/WhiteArrowUpSmall.svg") 95% center no-repeat;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.03em;
    padding: 18px;
    margin-bottom: 0
}

.TableWrapper .TableRow>div.TableRowIndent,
p#playVid {
    padding-left: 20px
}

.panel-group .panel-default>.panel-heading.collapsed h4 {
    background: url("../images/WhiteArrowDownSmall.svg") 95% center no-repeat
}

.panel-group .panel-collapse {
    background: #fff;
    padding: 25px
}

.panel-group .panel-body {
    border: none;
    padding: 0;
    margin-left: -20px
}

.panel-group .panel-body .DocumentListItem {
    display: block;
    height: 52px;
    padding: 15px
}

.panel-group .panel-body .DocumentListItem .DocumentListLabel {
    font-size: 14px;
    font-weight: 700;
    max-width: 230px;
    overflow: hidden;
    display: inline-block;
    height: 17px
}

#FinancialResultAccordion .panel-body .DocumentListItem .DocumentListLabel {
    max-width: 80%
}

.panel-group .panel-body .DocumentListItem .DocumentListLabel a {
    margin-left: 10px;
    width: 100%;
    line-height: 18px;
    color: #002663
}

.panel-group .panel-body .DocumentListItem .DocumentListFileSize {
    display: inline-block;
    float: right;
    color: #bec2c6;
    margin-left: 5px;
    font-size: 12px
}

.SingleDocumentList {
    margin-bottom: 20px;
    display: block;
    height: 40px;
    margin-top: -10px;
    margin-left: 17px
}

.SingleDocumentList .DocumentListIcon {
    display: inline-block;
    height: 31px;
    border-color: transparent;
    outline: 0;
    overflow: hidden;
    vertical-align: middle
}

.SingleDocumentList .DocumentListLabel {
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    margin-left: 10px;
    vertical-align: middle
}

.SingleDocumentList .DocumentListSize {
    font-size: 12px;
    float: right;
    color: #bec2c6
}

.SharePriceTicker .IRMenuPrice {
    padding-left: 7px
}

.AIR-reports img {
    max-width: 100%;
    padding-bottom: 30px
}

.AIR-reportsImg {
    min-width: 155px;
    min-height: 258px
}

.AIR-reports .html-download,
.AIR-reports .pdf-download {
    display: block;
    margin-bottom: 10px
}

#HomePageGoldBlock .btn-primary,
.AIR-reports .html-download .DocumentListIcon,
.AIR-reports .pdf-download .DocumentListIcon,
.AnimationButtons .btn-primary {
    margin-right: 5px
}

.AIR-reportsPagination {
    display: block;
    clear: both;
    margin-left: 30px
}

.AIR-reportsPagination .nextButton,
.AIR-reportsPagination .previousButton {
    cursor: pointer;
    background: #1d3443;
    color: #fff;
    padding: 7px;
    border: 0;
    outline: 0;
    margin: 0;
    width: 80px
}

.AIR-reportsPagination .pagination {
    margin: 0 5px;
    display: inline-block;
    border-radius: 4px
}

img.HTMLIcon,
img.PodCastIcon {
    width: 20px
}

#Clinic .ClinicWrapper,
#Dentist .DentistWrapper,
#Doctor .DoctorWrapper,
#Hospital .HospitalWrapper,
#Specialist .SpecialistsWrapper,
#Vacancies .VacanciesWrapper,
.TableWrapper {
    display: table;
    width: 100%;
    padding: 30px 0 20px
}

#Clinic .ClinicWrapper .ClinicRow,
#Dentist .DentistWrapper .DenstistRow,
#Dentist .DentistWrapper .DentistRow,
#Doctor .DoctorWrapper .DoctorRow,
#Doctor .DoctorsWrapper .DoctorRow,
#Hospital .HospitalWrapper .HospitalRow,
#Specialist .SpecialistsWrapper .SpecialistRow,
#Vacancies .VacanciesWrapper .HospitalRow,
.TableWrapper .TableRow {
    display: table-row
}

.TableWrapper .TableRow>div {
    display: table-cell;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ebebeb;
    color: #1d3443
}

.TableWrapper .TableRow:first-child>div {
    font-weight: 700;
    background: #1d3443;
    border: none;
    color: #fff;
    vertical-align: middle
}

.TableWrapper .TableRow:first-child>div>label {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.03em;
    padding: 5px 0;
    margin-bottom: 0
}

.TableWrapper .TableRow>div:last-child {
    vertical-align: middle
}

.TableSeparate {
    display: table;
    width: 100%;
    margin-bottom: 2px
}

.TableSeparate .ColumnHighlight {
    background: #3c639a !important;
    z-index: 1
}

#HospitalImg,
.TableSeparate .TableRow .FifthName,
.TableSeparate .TableRow .FourthName,
.TableSeparate .TableRow .SecondName,
.TableSeparate .TableRow .ThirdName,
.btn-primary.btnBookAppointment {
    width: 200px
}

.TableSeparate .TableRow .TableRowHighlight {
    background: #8ebae5 !important;
    color: #fff;
    z-index: 2
}

.TableSeparate .TableRowBodyTitle div:first-child {
    font-size: 18px;
    font-weight: 700;
    color: #002663
}

.TableSeparate .TableRowTotal {
    background: #edf1f5
}

.TableSeparate .TableRowTotal>div {
    font-weight: 700;
    border: none
}

.TableCorpInfo .FirstName {
    width: 75%
}

#Specialist .SpecialistWrapperPlus .SpecialistRow>div,
.TableCorpInfo .SecondName {
    width: 25%
}

@media (max-width:1200px) {

    .TableSeparate .TableRow .FifthName,
    .TableSeparate .TableRow .FourthName,
    .TableSeparate .TableRow .SecondName,
    .TableSeparate .TableRow .ThirdName {
        width: 150px
    }
}

@media (max-width:992px) {
    a.IRMenuItem {
        padding: 0 5px;
        font-size: 13px !important
    }

    .DocumentListLabel {
        max-width: 80% !important
    }

    .TableSeparate .TableRow .FifthName,
    .TableSeparate .TableRow .FourthName,
    .TableSeparate .TableRow .SecondName,
    .TableSeparate .TableRow .ThirdName {
        width: 120px
    }
}

#Clinic .ClinicWrapper,
#Densits .FilterWrapper,
#Doctor .DoctorsWrapper,
#Hospital .HospitalWrapper,
#Specialist .SpecialistsWrapper,
.FlipItemBack .Stats {
    padding: 10px 0
}

#Dentist .FilterWrapper,
#Doctor .FilterWrapper,
.FilterWrapper {
    padding: 10px 0 20px;
    overflow: auto
}

#Dentist #searcherror,
#Doctor #searcherror {
    color: #e7393f;
    margin-left: 10px;
    float: none
}

#Dentist #searcherror.error,
#Doctor #searcherror.error,
#searcherror.error {
    display: inline-block !important
}

#Dentist .DentistWrapper,
#Doctor .DoctorsWrapper {
    display: table;
    width: 100%;
    padding: 20px 0
}

#Dentist .DentistWrapper .DenstistRow>div,
#Dentist .DentistWrapper .DentistRow>div,
#Doctor .DoctorsWrapper .DoctorRow>div {
    display: table-cell;
    padding: 7px 5px;
    vertical-align: top
}

#Dentist .nextButton,
#Dentist .prevousButton,
#Doctor .nextButton,
#Doctor .prevousButton {
    color: #6c6c6c
}

.search-filter-labels .alert-secondary {
    background: #1d3443;
    color: #fff;
    border: none;
    display: inline-block
}

.search-filter-labels .alert {
    padding: 10px 30px 8px 10px
}

#Dentist .DentistWrapper .DentistRow>div.Address,
#Doctor .DoctorsWrapper .DoctorRow>div.Address {
    font-size: 16px;
    line-height: 18px;
    color: #d5bfac
}

#Clinic .ClinicWrapper .ClinicRow>div.Address a,
#Dentist .DentistWrapper .DentistRow>div.Address a,
#Doctor .DoctorWrapper .DoctorRow>div.Address a,
#Doctor .DoctorsWrapper .DoctorRow>div.Address a,
#Hospital .HospitalWrapper .HospitalRow>div.Address a,
#Specialist .SpecialistsWrapper .SpecialistRow>div.Address a,
#Vacancies .VacanciesWrapper .HospitalRow>div.Address a {
    font-size: 14px;
    line-height: 18px;
    color: #57656e
}

.listing-columns {
    -moz-column-count: 5;
    -moz-columns: 5;
    -webkit-columns: 5;
    columns: 5;
    list-style: none;
    padding-left: 17px;
    padding-bottom: 30px
}

span.Netcare-super-lists-additional-info,
span.Netcare-super-lists-contact-number {
    font-size: 14px !important;
    margin-top: 0;
    color: #999 !important;
    padding-bottom: 0;
    margin-bottom: 3px;
    LINE-HEIGHT: 13px
}

.Netcare-super-list-group ul {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0
}

a.Netcare-super-lists-item {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 12px
}

.PaginationWrapper {
    width: 100%;
    text-align: center
}

.ActionLinks {
    height: auto;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.ActionLinks.collapsed {
    height: 0;
    overflow: hidden
}

@media all and (max-width:800px) {
    header.Unloaded {
        height: 115px;
        overflow: visible
    }

    #BodyWrapper.Unloaded {
        padding-top: 115px
    }

    .ActionLinks.collapsed {
        height: auto;
        overflow: visible
    }
}

.ActionLinks h6 {
    font-family: Open Sans;
    text-transform: uppercase;
    line-height: 22px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .15em;
    margin: 25px
}

#BigSlider .BigSlide .Content h2 strong,
.AppointmedWrapper h2,
.WelcomeText p span {
    font-family: "Open Sans"
}

.ActionLinks .ActionLinkItem {
    height: 230px;
    padding: 0
}

.ActionLinks .ActionLinkItem a {
    display: block;
    height: 80%;
    width: 100%;
    padding: 30px;
    border-top: 0 solid transparent;
    background: #fff;
    transition: .2s ease-in-out;
    border-right: 1px solid #e8e9ea
}

.ActionLinks .ActionLinkItem:last-child a {
    border-right: 1px solid transparent
}

.ActionLinks .ActionLinkItem a:hover {
    box-shadow: 0 4px 50px rgba(118, 124, 175, .15);
    border-top: 20px solid #d5bfac;
    margin-top: -20px;
    padding: 40px 30px;
    height: 300px;
    transition: .2s ease-in-out;
    position: relative;
    z-index: 100
}

.ActionLinks .ActionLinkItem a .icon {
    margin: 0 auto;
    width: 75px;
    height: 50px;
    position: relative
}

.ActionLinks .ActionLinkItem a .icon img {
    margin: 0 auto;
    display: block;
    z-index: 100;
    position: relative
}

.ActionLinks .ActionLinkItem a .icon .peachblock,
.CovidRefresh .peachblock,
.InfoSectionRight.HealthcareFAQ .peachblock {
    position: absolute;
    left: 0;
    right: 0;
    height: 25px;
    top: 50%;
    margin-top: -14px;
    background: #d5bfac;
    display: block;
    opacity: .3
}

.ActionLinks .ActionLinkItem a .text {
    text-align: center;
    color: #1d3443;
    font-weight: 600;
    height: 60px;
    padding: 10px 20px;
    margin: 0 auto;
    width: 100%
}

.ActionLinks .ActionLinkItem a .texthover {
    height: 0;
    overflow: hidden;
    transition: height .2s ease-in-out;
    text-align: center;
    margin: 20px 0;
    color: #57656e;
    font-weight: 300
}

.ActionLinks .ActionLinkItem a:hover .texthover {
    height: 100%;
    transition: height .2s ease-in-out;
    color: #57656e
}

.ActionLinks .ActionLinkItem a .texthover img {
    display: block;
    margin: 0 auto;
    padding-top: 20px
}

.QuickLinksWrapper {
    background: #1d3443;
    height: 170px
}

.QuickLinksWrapper .QuickLinks {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0 160px;
    flex-wrap: nowrap;
    align-items: center
}

.QuickLinksWrapper .QuickLinks .QuickLinkItem {
    background: #1d3443;
    height: 135px;
    z-index: 100;
    width: 100%
}

.QuickLinksWrapper .QuickLinks .QuickLinkItem a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #1d3443;
    height: 135px;
    width: 90%;
    margin-left: 5%;
    border-top: 8px solid transparent
}

.QuickLinksWrapper .QuickLinks .QuickLinkItem a .icon {
    margin-bottom: 5px;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-top: 40px;
    transition: .2s ease-in-out
}

.QuickLinksWrapper .QuickLinks .QuickLinkItem a .text {
    color: #fff !important;
    font-family: Open Sans Light;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    letter-spacing: -.03em;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 5px 0;
    width: 165px
}

.QuickLinksWrapper .QuickLinks .QuickLinkItem a .texthover {
    margin-bottom: 5px;
    flex: none;
    order: 2;
    flex-grow: 0;
    height: 0;
    overflow: hidden;
    transition: .2s ease-in-out;
    margin-top: 15px
}

.QuickLinksWrapper .QuickLinks .QuickLinkItem a:hover {
    box-shadow: 0 4px 50px rgba(29, 52, 67, .5);
    position: relative;
    border-top: 8px solid #d5bfac;
    margin-top: -26px;
    transition: .2s ease-in-out;
    height: 230px
}

.QuickLinksWrapper .QuickLinks .QuickLinkItem a:hover .icon {
    margin-top: 16px;
    transition: .2s ease-in-out
}

.QuickLinksWrapper .QuickLinks .QuickLinkItem a:hover .texthover {
    transition: .2s ease-in-out;
    height: 20px
}

.QuickLinksWrapper .QuickLinks .seperator-image {
    height: 110px;
    width: 5px;
    margin-top: 30px
}

.ReuseBanner.ImageRight {
    display: flex;
    flex-flow: row-reverse;
    flex-wrap: wrap-reverse
}

.ReuseBanner.ImageLeft {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap
}

.ReuseBanner .ImageContainer,
.ReuseBanner .ImageContainer-1 {
    width: 41.1%
}

.ReuseBanner .CopyContainer,
.ReuseBanner .CopyContainer-1 {
    width: 58.9%;
    background: #1d3443;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: flex;
    font-family: Open Sans Light;
    font-style: normal
}

.ReuseBanner .ImageContainer img,
.ReuseBanner .ImageContainer-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

@supports (-webkit-appearance:none) {

    .ReuseBanner .ImageContainer img,
    .ReuseBanner .ImageContainer-1 img {
        min-height: 100%;
        height: auto
    }
}

.ReuseBanner .CopyContainer {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 65px 45px 55px
}

.ReuseBanner .CopyContainer-1 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 45px 60px
}

#BigSlider .BigSlide .Content h2,
.BluePlus,
.LightBluePlus,
.PeachPlus {
    padding-left: 24px;
    padding-top: 17px
}

.ReuseBanner .CopyContainer h2,
.ReuseBanner .CopyContainer-1 h2 {
    font-family: Open Sans;
    font-size: 30px;
    line-height: 130%;
    display: flex;
    align-items: center;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 25px;
    margin-top: 0
}

.ReuseBanner .CopyContainer p,
.ReuseBanner .CopyContainer-1 p {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -.03em;
    color: #bec2c6;
    margin-bottom: 30px
}

.ReuseBanner .CopyContainer p a.callto,
.ReuseBanner .CopyContainer-1 p a.callto {
    color: #e4d7cc;
    font-family: 'Open Sans';
    font-size: 20px
}

.ReuseBanner .CopyContainer p a.callto:hover,
.ReuseBanner .CopyContainer-1 p a.callto:hover {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    text-decoration-line: underline
}

.ReuseBanner .CopyContainer .btn,
.ReuseBanner .CopyContainer-1 .btn {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -.03em;
    color: #1d3443;
    margin: 0;
    text-transform: none;
    border-radius: 3px;
    background: #e4d7cc;
    height: 56px;
    min-width: 157px
}

.FlipItemBack .Stats .BigNumber,
.FlipItemBack .Stats .Number {
    font-size: 40px;
    letter-spacing: -.03em;
    font-family: "Open Sans Light"
}

.ReuseBanner .CopyContainer .btn:hover,
.ReuseBanner .CopyContainer-1 .btn:hover {
    color: #1d3443;
    background: #f8f6f4;
    box-shadow: 0 3px 20px rgba(30, 53, 68, .12);
    border-radius: 3px;
    height: 56px
}

.healthcareOptions {
    padding-bottom: 0 !important;
    margin-bottom: 100px
}

.PeachPlus {
    background: url("../images/PlusPeach.svg") left top no-repeat;
    line-height: 50px
}

.BluePlus {
    background: url("../images/PlusBlue.svg") left top no-repeat;
    line-height: 50px
}

.SmallCarouselText .BluePlus {
    background: url("../images/CarouselBluePlus.svg") left top 10% no-repeat
}

.LightBluePlus {
    background: url("../images/LightBluePlus.svg") left top no-repeat;
    line-height: 50px
}

.ContentUnderPlus {
    margin-left: 23px
}

.TextMiddle {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.CarouselHeader,
.HeadingMiddle {
    display: table;
    margin: 0 auto;
    padding-bottom: 10px
}

.ImportantTextUppercase {
    text-transform: uppercase;
    color: #1d3443;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .15em
}

.ImportantText {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700
}

.SmallCarouselText {
    padding-top: 150px
}

.SmallCarouselText p {
    padding-right: 30%
}

#TabControl {
    min-height: 570px
}

#TabControl .Wrapper .ImageContainer,
#TabControl .Wrapper .textContainer {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-right: -5px
}

#TabControl .Wrapper .textContainer {
    padding: 4% 11% 0 7%
}

#TabControl .Wrapper .textContainer .TextWrapper span {
    font-size: 20px;
    vertical-align: top;
    line-height: 10px
}

#TabControl .Wrapper .textContainer .TextWrapper p {
    font-size: 18px;
    line-height: 23px;
    color: #80898f
}

#TabControlNav {
    width: 800px;
    margin: 0 auto;
    padding-top: 100px
}

#TabControlNav .nav-item {
    padding: 0 20px
}

#TabControlNav .nav-item .nav-link {
    color: #bec2c6 !important;
    text-transform: uppercase;
    letter-spacing: .15em
}

#AppointmedForm.IndividualDoctors>.content>.body .btn-primary:hover,
#TabControlNav .nav-item .nav-link.active,
#tippys-1 .tippy-box p,
#tippys-2 .tippy-box p,
.CovidRefresh .InfoCard1:hover h3,
.CovidRefresh .InfoCard2:hover h3,
.blueText {
    color: #1d3443 !important
}

@media (max-width:1600px) {
    #TabControl {
        min-height: 450px
    }

    #TabControl .Wrapper .textContainer {
        padding: 2% 6% 0 5%
    }
}

@media (max-width:1450px) {
    #TabControl {
        min-height: 405px
    }

    #TabControl .Wrapper .textContainer {
        padding: 1% 4% 0 3%
    }
}

@media (max-width:1350px) {
    #TabControl {
        min-height: 385px
    }

    #TabControl .Wrapper .textContainer {
        padding: 0 50px
    }

    .sectionInv_8 .thumbnailCard {
        right: 10%;
        width: 40%
    }
}

@media (max-width:785px) {
    .TabNavOutsideWrapper {
        width: 100%;
        overflow: hidden;
        height: 100px;
        margin-bottom: 30px
    }

    .TabNavInsideWrapper {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden
    }

    #TabControlNav {
        width: 680px !important;
        height: 100px
    }

    #TabControlNav .nav-item {
        padding: 0
    }
}

#BodyWrapper section.Animation {
    padding: 0 0 50px !important
}

.AnimationText {
    margin-top: 110px;
    margin-bottom: 40px
}

#HomePageGoldBlock .btn,
.AnimationButtons .btn {
    min-width: 200px
}

#animationWrapper {
    width: 100%;
    height: 600px;
    position: relative
}

#OverlayImg,
#lottie {
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0);
    text-align: center
}

#lottie {
    z-index: 1;
    position: absolute;
    width: 100%
}

#OverlayImg {
    position: relative;
    z-index: 5;
    width: 788px;
    height: 740px;
    transform: translate(-4%, -14px) scale(.95);
    transform-origin: right center
}

@media (max-width:1300px) {
    #OverlayImg {
        position: relative;
        transform: translate(-11%, -36px) scale(.9)
    }
}

@media (max-width:1200px) {
    #OverlayImg {
        position: relative;
        transform: translate(-143px, -65px) scale(.82)
    }
}

#OverlayImg>div>img {
    position: absolute;
    cursor: pointer
}

#OverlayImg p {
    position: absolute;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #1d3443
}

#OverlayImg>div {
    position: absolute;
    z-index: 4
}

#HospitalBlock {
    right: 351px;
    top: 106px
}

#HospitalText {
    top: 92px;
    right: -291px
}

#HospitalBlock:hover #HospitalImg {
    width: 225px
}

#HospitalBlock:hover #HospitalText {
    background: #fff;
    padding: 10px 16px;
    top: 82px;
    right: -307px
}

#RenalBlock {
    top: 244px;
    right: 184px
}

#RenalImg {
    width: 139px
}

#RenalText {
    top: 88px;
    right: -9px;
    width: 102px
}

#RenalBlock:hover #RenalImg {
    width: 160px;
    top: -7px;
    right: -150px
}

#RenalBlock:hover #RenalText {
    background: #fff;
    top: 82px;
    right: -9px;
    padding: 6px 13px
}

#CancerBlock {
    bottom: 263px;
    right: 373px
}

#CancerImg {
    width: 238px
}

#CancerText {
    bottom: -194px;
    right: -306px
}

#CancerBlock:hover #CancerImg {
    width: 260px;
    bottom: -147px;
    right: -242px
}

#CancerBlock:hover #CancerText {
    background: #fff;
    padding: 12px 6px;
    bottom: -200px;
    right: -312px
}

#AkesoBlock {
    top: 103px;
    left: 85px
}

#AkesoImg {
    width: 145px
}

#AkesoText {
    top: 122px;
    left: -18px
}

#AkesoBlock:hover #AkesoImg {
    width: 165px;
    top: -3px;
    left: -8px
}

#AkesoBlock:hover #AkesoText {
    background: #fff;
    padding: 10px 20px;
    top: 112px;
    left: -38px
}

#Emergency911Block {
    bottom: 139px;
    left: 128px
}

#Emergency911Img {
    width: 257px
}

#Emergency911Text {
    bottom: -153px;
    left: 72px;
    width: 115px
}

#Emergency911Block:hover #Emergency911Img {
    width: 287px;
    bottom: -111px;
    left: -15px
}

#Emergency911Block:hover #Emergency911Text {
    background: #fff;
    padding: 11px 15px;
    bottom: -163px;
    left: -4px
}

#MedicrossBlock {
    bottom: 429px;
    left: 59px
}

#MedicrossImg {
    width: 172px
}

#MedicrossText {
    bottom: -200px;
    left: 69px
}

#MedicrossBlock:hover #MedicrossImg {
    width: 182px;
    bottom: -260px;
    left: -4px
}

#MedicrossBlock:hover #MedicrossText {
    background: #fff;
    padding: 10px 14px;
    bottom: -209px;
    left: 55px
}

#OCHBlock {
    top: 28px;
    right: 526px
}

#OCHImg {
    width: 163px
}

#OCHText {
    left: -23px;
    top: 134px;
    width: 193px
}

#OCHBlock:hover #OCHText {
    background: #fff;
    padding: 8px 10px
}

#OCHBlock:hover #OCHImg {
    width: 181px;
    top: -8px;
    right: -173px
}

#Fingerprint {
    position: absolute;
    top: 261px;
    right: 345px;
    width: 159px;
    opacity: 1
}

#BackgroundLine {
    width: 744px;
    position: absolute;
    z-index: 3;
    right: 52px;
    top: -4px
}

img#BackgroundImg {
    position: absolute;
    z-index: 0;
    top: 7px;
    right: 52px;
    width: 93%
}

#NetcareSlider {
    z-index: 2;
    display: block;
    width: 88%
}

#NetcareSlider .NetcareSlide {
    height: auto;
    position: relative
}

#NetcareSliderNavWrapper {
    width: 88%
}

#AppointMedSliderNav,
#AppointMedSliderNav.NetcarePlusSliderNav,
#KeyObjectiveSliderNav,
#NetcareSliderNav,
#ReviewSliderNav,
#StrategicPillarsSliderNav,
.CustomerFeedbackSliderNav {
    position: relative;
    width: 250px;
    height: 20px;
    margin: 0 auto
}

#KeyObjectiveSliderNav .dots,
#NetcareSliderNav .dots,
#StrategicPillarsSliderNav .dots {
    position: relative;
    bottom: 26px !important
}

#KeyObjectiveSliderNav .prev-arrow.slick-arrow,
#NetcareSliderNav .prev-arrow.slick-arrow,
#StrategicPillarsSliderNav .prev-arrow.slick-arrow {
    background: url("../images/CarouselLeftArrow.svg") center center no-repeat;
    cursor: pointer;
    position: absolute;
    left: 2px;
    bottom: -15px;
    top: auto;
    box-shadow: none
}

#KeyObjectiveSliderNav .next-arrow.slick-arrow,
#NetcareSliderNav .next-arrow.slick-arrow,
#StrategicPillarsSliderNav .next-arrow.slick-arrow {
    cursor: pointer;
    position: absolute;
    right: 2px;
    background: url("../images/CarouselRightArrow.svg") center center no-repeat;
    bottom: -15px;
    top: auto;
    box-shadow: none
}

.LinkBlock {
    padding: 30px 60px;
    display: block;
    background: #fff;
    box-shadow: 0 2.93023px 11px rgba(26, 34, 57, .15);
    margin-bottom: 25px;
    transition: .2s ease-in-out;
    min-height: 370px;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.LinkBlock .Icon img {
    max-height: 100%;
    max-width: 170px;
    display: block;
    margin: 0 auto
}

.LinkBlock .StrapLine {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #4682b4;
    margin-top: 15px
}

.LinkBlock .Text {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #1d3443;
    margin-top: 25px
}

.LinkBlock .readMore {
    width: 40px;
    height: 60px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top-left-radius: 20px;
    background: url("../images/WhiteArrowRight.svg") center center no-repeat #1d3443;
    display: block
}

.VideoLink img {
    width: 15%;
    display: inline-block
}

.VideoLink {
    display: block;
    margin: 25px 0
}

.GpVoucherText,
.VideoText {
    display: inline-block;
    width: 78%;
    background: #fff;
    padding: 7% 7% 7% 35%;
    z-index: 1;
    float: right;
    margin-top: 7%;
    height: 86%
}

.GpVoucherSection {
    margin-top: 15%;
    margin-bottom: 80px
}

.GpVoucherSection,
.VideoIntroductionWrapper {
    display: block;
    width: 100%;
    height: 800px;
    position: relative
}

.GpImage,
.VideoImage {
    width: 50%;
    display: inline-block;
    position: absolute;
    height: 98%
}

p#playVid {
    display: inline-block;
    vertical-align: text-top;
    margin-bottom: 0
}

.GpImage img,
.VideoImage img {
    box-shadow: 0 6px 100px rgba(29, 52, 67, .24);
    max-width: 100%;
    z-index: 2
}

.netcarePlusLogoCustom {
    width: 120px
}

.DoctorHeading .HeadingPlus,
.GpVoucherText h2,
.VideoText h2 {
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px
}

.CarouselTextWrapper p,
.ModuleTextWrapper p,
.videoHeading p {
    font-size: 18px;
    line-height: 23px;
    text-align: center
}

.videoSection {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 400px
}

.videoSection iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute
}

#VideoHelper {
    position: absolute;
    right: 50%;
    width: 20px;
    height: 20px;
    top: -100px
}

.TextBelowVideo sub {
    line-height: 21px
}

.rightBlock {
    background: #fff;
    padding: 30px;
    min-height: 160px;
    margin-bottom: 30px;
    margin-right: 0
}

.FlipItem {
    height: 200px;
    background-color: transparent;
    perspective: 1000px;
    padding-bottom: 25px
}

.FlipItem .FlipItemInner {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .4s;
    transform-style: preserve-3d
}

.FlipItem:hover .FlipItemInner {
    transform: rotateY(180deg)
}

.FlipItem .FlipItemInner .FlipItemBack,
.FlipItem .FlipItemInner .FlipItemFront {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden
}

.FlipItem .FlipItemInner .FlipItemFront {
    background-color: #fff;
    padding: 30px 0
}

.FlipItemFront .icon {
    margin: 0 auto;
    width: 100px;
    height: 50px;
    position: relative
}

.FlipItemFront .icon .peachblock {
    position: absolute;
    left: 0;
    right: 0;
    height: 25px;
    top: 50%;
    margin-top: -14px;
    background: #4682b4;
    display: block;
    opacity: .3
}

.FlipItemFront .text {
    color: #1d3443;
    font-weight: 600;
    height: 60px;
    padding: 10px 0
}

.FlipItem:hover .FlipItemFront .icon img {
    opacity: 0;
    transition: .2s ease-in-out
}

.FlipItem .FlipItemInner .FlipItemBack {
    background-color: #fff;
    box-shadow: 0 4px 50px rgba(118, 124, 175, .2);
    transform: rotateY(180deg)
}

.FlipItemBack .PeachHeader {
    background: #d5bfac;
    height: 35px;
    width: 100%;
    color: #fff;
    padding: 6px
}

.FlipItemBack .Stats .Number {
    width: 70px;
    height: 30px;
    margin-right: -5px;
    line-height: 30px;
    text-align: center;
    color: #1d3443
}

.FlipItemBack .Stats .Text {
    width: calc(100% - 70px);
    text-align: left;
    padding: 0 5px 0 14px
}

.FlipItemBack .Stats .BigNumber {
    line-height: 30px;
    color: #1d3443;
    text-align: center;
    padding: 30px 0 5px
}

.FlipItemBack .Stats .BigText {
    text-align: center;
    padding: 10px
}

.ipadwrapper {
    margin-top: -185px;
    padding-right: 100px;
    margin-left: -70px;
    margin-bottom: -30px
}

.ipadtextblock {
    padding-top: 12px;
    padding-left: 20px
}

.ipadtextblock p {
    margin-bottom: 40px;
    color: #1d3443;
    line-height: 140%
}

.Logos .wrapping,
.ipadtextblock .col-btn {
    display: inline
}

#HomePageGoldBlock .btn-secondary:active,
#HomePageGoldBlock .btn-secondary:hover {
    background: #fff !important;
    border-color: #fff;
    color: #1d3443
}

#BigSlider {
    background: #fff;
    box-shadow: 0 4px 60px rgba(26, 34, 57, .1);
    border-radius: 3px;
    height: 660px;
    margin-bottom: 50px
}

#doctorSliderNav,
div#BigSliderNav {
    position: relative;
    width: 150px;
    height: 20px;
    margin: 0 auto
}

div#doctorSliderNav {
    display: block;
    margin-top: 50px;
    margin-bottom: 20px
}

#ReviewSliderNav .dots,
#doctorSliderNav .dots,
div#BigSliderNav .dots {
    position: relative;
    bottom: 18px !important
}

#BigSliderNav .prev-arrow.slick-arrow,
#doctorSliderNav .prev-arrow.slick-arrow {
    background: url("../images/CarouselLeftArrow.svg") center center no-repeat;
    cursor: pointer;
    position: absolute;
    left: -4px;
    bottom: 0;
    top: auto;
    box-shadow: none
}

#BigSliderNav.NetcarePlusSlider .prev-arrow.slick-arrow {
    left: 2px
}

#BigSliderNav .next-arrow.slick-arrow,
#doctorSliderNav .next-arrow.slick-arrow {
    cursor: pointer;
    position: absolute;
    right: -4px;
    background: url("../images/CarouselRightArrow.svg") center center no-repeat;
    bottom: 0;
    top: auto;
    box-shadow: none
}

#BigSliderNav.NetcarePlusSlider .next-arrow.slick-arrow {
    right: 2px
}

#BigSlider .BigSlide .Content,
#BigSlider .BigSlide .Image {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    position: relative
}

#BigSlider .BigSlide .Content {
    margin-right: -5px;
    padding: 100px;
    float: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

#BigSlider .BigSlide .Content h2 {
    background: url("../images/PlusPeach.svg") left top no-repeat;
    margin-left: -24px;
    font-size: 42px
}

#BigSlider .BigSlide .Image .LogoImg {
    background: #fff;
    position: absolute;
    bottom: 7%;
    right: 0;
    border-radius: 3px 0 0 3px
}

#BigSlider .BigSlide .Image .LogoImg.Appointmed,
#BigSlider .BigSlide .Image .LogoImg.WHO {
    width: 35%;
    padding: 20px
}

#BigSlider .BigSlide .Image .LogoImg.RenalCare {
    width: 30%
}

#BigSlider .BigSlide .Image .LogoImg.Medicross,
#BigSlider .BigSlide .Image .LogoImg.Netcare {
    width: 23%;
    padding: 5px 20px
}

#BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
    width: 35%;
    padding: 5px 38px;
    background: #66b6c4
}

#BigSlider .BigSlide .Image.Orthopaedics,
#BigSlider .BigSlide .Image.Paediatrician {
    margin-top: -5%
}

#MediaSlider .slick-list,
#NewsSlider .slick-list,
#ResearchSlider .slick-list {
    padding: 25px
}

#MediaSlider .slick-slide,
#NewsSlider .slick-slide,
#ResearchSlider .slick-slide {
    margin: 25px 15px
}

#MediaSlider .MediaSlide,
#NewsSlider .NewsSlide,
#ResearchSlider .ResearchSlide {
    height: 450px;
    background: #fff;
    box-shadow: 0 2.93023px 15px rgba(26, 34, 57, .15);
    border-radius: 2.5px;
    position: relative;
    padding: 75px 50px 50px;
    overflow: hidden
}

#MediaSlider .MediaSlide .Date,
#NewsSlider .NewsSlide .Date,
#ResearchSlider .ResearchSlide .Date {
    font-size: 14px;
    line-height: 19px;
    color: #d5bfac;
    padding-bottom: 20px
}

#MediaSlider .MediaSlide .Heading,
#NewsSlider .NewsSlide .Heading,
#ResearchSlider .ResearchSlide .Heading {
    font-size: 24px;
    line-height: 29px;
    color: #1d3443;
    font-weight: 400
}

#MediaSlider .MediaSlide p,
#MediaSlider .MediaSlide p em,
#MediaSlider .MediaSlide p strong,
#NewsSlider .NewsSlide p,
#NewsSlider .NewsSlide p em,
#NewsSlider .NewsSlide p strong,
#ResearchSlider .ResearchSlide p,
#ResearchSlider .ResearchSlide p em,
#ResearchSlider .ResearchSlide p strong {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #57656e
}

#MediaSlider .MediaSlide .Tag,
#NewsSlider .NewsSlide .Tag,
#ResearchSlider .ResearchSlide .Tag {
    position: absolute;
    right: 0;
    top: 0;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .3em;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    width: 76px;
    transition: width 1s ease-in-out
}

#NewsSlider .NewsSlide .Tag {
    background: #d5bfac
}

#MediaSlider .MediaSlide .Tag,
div#dnn_LiveForm .LiveForm.Default {
    background: #1d3443
}

#ResearchSlider .ResearchSlide .Tag {
    width: 115px;
    background: #4682b4;
    padding: 6px 12px
}

#MediaSlider .MediaSlide .GoldLink,
#NewsSlider .NewsSlide .GoldLink,
#ResearchSlider .ResearchSlide .GoldLink {
    display: none;
    position: absolute;
    bottom: 10%
}

#MediaSlider .MediaSlide:hover .GoldLink,
#NewsSlider .NewsSlide:hover .GoldLink,
#ResearchSlider .ResearchSlide:hover .GoldLink {
    display: table-cell
}

.slick-arrow {
    height: 50px;
    width: 50px;
    box-shadow: 0 4px 10px rgba(26, 34, 57, .19);
    border-radius: 3px;
    z-index: 9;
    top: 275px
}

.slick-arrow.slick-prev {
    background: url("../images/ArrowLeft.svg") center center no-repeat rgba(255, 255, 255, .8)
}

.slick-arrow.slick-next {
    background: url("../images/ArrowRight.svg") center center no-repeat rgba(255, 255, 255, .8)
}

.BigSliderBlock .Slider,
.SmallSliderBlock .Slider {
    width: 100%;
    background: url("../images/FrostedGlass.png") left rgba(255, 255, 255, .23);
    backdrop-filter: blur(80px);
    bottom: 0;
    position: absolute
}

.slick-dots li {
    margin: 0
}

.slick-dots li button:before {
    font-size: 40px
}

.slick-dots li.slick-active button:before {
    color: #1d3443 !important;
    opacity: 1 !important
}

#MediaSliderNav,
#NewsSliderNav,
#ResearchSliderNav {
    position: relative;
    width: 280px;
    height: 20px
}

#MediaSliderNav .dots,
#NewsSliderNav .dots,
#ResearchSliderNav .dots {
    position: relative;
    bottom: 45px !important
}

#MediaSliderNav .prev-arrow.slick-arrow,
#NewsSliderNav .prev-arrow.slick-arrow,
#ResearchSliderNav .prev-arrow.slick-arrow {
    background: url("../images/CarouselLeftArrow.svg") center center no-repeat;
    cursor: pointer;
    position: absolute;
    left: 2px;
    bottom: 25px;
    top: auto;
    box-shadow: none
}

#MediaSliderNav .next-arrow.slick-arrow,
#NewsSliderNav .next-arrow.slick-arrow,
#ResearchSliderNav .next-arrow.slick-arrow {
    cursor: pointer;
    position: absolute;
    right: 2px;
    background: url("../images/CarouselRightArrow.svg") center center no-repeat;
    bottom: 25px;
    top: auto;
    box-shadow: none
}

.BigSliderBlock {
    height: 600px;
    width: 100%;
    position: relative;
    transition: .4s ease-in-out;
    border-radius: 5px;
    overflow: hidden;
    display: block
}

.BigSliderBlock .Image,
.SmallSliderBlock .Image {
    height: 100%;
    max-height: 100%;
    width: 100%;
    overflow: hidden;
    transition: .4s ease-in-out
}

.BigSliderBlock .Image img,
.SmallSliderBlock .Image img {
    width: 100%;
    transition: .4s ease-in-out
}

.BigSliderBlock .Slider {
    top: 550px;
    transition: .4s ease-in-out;
    background-size: cover
}

.BigSliderBlock .Slider .Tag {
    width: 134px;
    background: #1d3443;
    display: inline-block;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: .3em;
    color: #fff;
    text-transform: uppercase;
    transition: width 1s ease-in-out
}

.BigSliderBlock .Slider .Wrap {
    height: 100%;
    max-height: 0;
    overflow: hidden;
    transition: .4s ease-in-out
}

.BigSliderBlock .Slider .Wrap .inner {
    padding: 20px 45px;
    position: relative
}

.BigSliderBlock .Slider .Wrap .inner h3 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px;
    letter-spacing: -.03em;
    font-weight: 300
}

.BigSliderBlock .Slider .Wrap .inner p,
.SmallSliderBlock .Slider .Wrap .inner p {
    color: #1d3443;
    font-weight: 400;
    line-height: 25px
}

.BigSliderBlock .Slider .Wrap .inner .arrowcontainer,
.SmallSliderBlock .Slider .Wrap .inner .arrowcontainer {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.BigSliderBlock .Slider .Wrap .inner .arrowcontainer .LinkArrow,
.SmallSliderBlock .Slider .Wrap .inner .arrowcontainer .LinkArrow {
    display: block;
    margin: 0 auto;
    padding-top: 15px
}

.BigSliderBlock:hover {
    border-radius: 3px
}

.BigSliderBlock:hover .Image img {
    margin-top: -200px;
    transition: .4s ease-in-out
}

.BigSliderBlock:hover .Slider {
    top: 20%;
    transition: .4s ease-in-out
}

.BigSliderBlock:hover .Slider .Wrap,
.SmallSliderBlock:hover .Slider {
    max-height: 1000px;
    transition: .7s ease-in-out
}

.BigSliderBlock .Slider .Wrap .inner .BlueArrowLink,
.SmallSliderBlock .Slider .Wrap .inner .BlueArrowLink {
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    color: #1d3443;
    margin-bottom: 24px;
    padding-right: 40px;
    background: url("../images/right-full.svg") right center no-repeat;
    width: auto;
    display: table;
    transition: .4s ease-in-out
}

.BigSliderBlock .Slider .Wrap .inner .BlueArrowLink:hover,
.SmallSliderBlock .Slider .Wrap .inner .BlueArrowLink:hover {
    padding-right: 50px;
    transition: .4s ease-in-out
}

.SmallSliderBlock {
    height: 285px;
    width: 100%;
    position: relative;
    transition: .4s ease-in-out;
    margin-bottom: 30px;
    overflow: hidden;
    display: block
}

.SmallSliderBlock .Slider {
    height: 100%;
    max-height: 50px;
    background-size: cover;
    transition: .4s ease-in-out
}

.SmallSliderBlock .Slider .Tag {
    width: 360px;
    background: #1d3443;
    display: inline-block;
    padding: 13px 20px;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: .3em;
    color: #fff;
    text-transform: uppercase;
    transition: width 1s ease-in-out;
    font-weight: 700
}

.SmallSliderBlock .Slider .Wrap {
    height: 250px;
    overflow: hidden;
    transition: .4s ease-in-out
}

.SmallSliderBlock .Slider .Wrap .inner {
    padding: 20px 45px;
    position: relative;
    height: 100%
}

.SmallSliderBlock .Slider .Wrap .inner h3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 300
}

.SmallSliderBlock .Slider .Wrap .inner a {
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    color: #1d3443;
    margin-bottom: 24px;
    padding-right: 40px;
    background: url("../images/right-full.svg") right center no-repeat;
    width: auto;
    display: table;
    transition: .4s ease-in-out
}

.SmallSliderBlock .Slider .Wrap .inner a:hover {
    color: #1d3443;
    padding-right: 50px;
    transition: .4s ease-in-out
}

.BigBlockComponent {
    height: 600px
}

.BigBlockComponent .CopyContainer {
    position: absolute;
    top: 0;
    width: 46%;
    right: 0;
    background: url("../images/FrostedGlass.png") left rgba(255, 255, 255, .23);
    backdrop-filter: blur(59.6308px);
    bottom: 0;
    padding: 110px 180px
}

@media (max-width:1420px) {
    .BigBlockComponent {
        height: 500px
    }

    .BigBlockComponent .CopyContainer {
        width: 52%;
        padding: 90px 160px
    }
}

@media (max-width:1250px) {
    .BigBlockComponent {
        height: 400px
    }

    .BigBlockComponent .CopyContainer {
        width: 52%;
        padding: 50px 100px
    }

    .BigSliderBlock .Slider .Wrap .inner h3,
    .SmallSliderBlock .Slider .Wrap .inner h3 {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 20px
    }

    .BigSliderBlock .Slider .Wrap .inner .BlueArrowLink,
    .SmallSliderBlock .Slider .Wrap .inner .BlueArrowLink {
        margin-bottom: 20px
    }

    .BigSliderBlock .Slider .Wrap .inner,
    .SmallSliderBlock .Slider .Wrap .inner {
        padding: 25px 40px
    }

    .thumbnailCard {
        top: 10%;
        bottom: 13%;
        right: 65px;
        width: 45%
    }
}

@media (max-width:1200px) {

    .BigSliderBlock .Slider .Wrap .inner h3,
    .SmallSliderBlock .Slider .Wrap .inner h3 {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 15px
    }

    .BigSliderBlock .Slider .Wrap .inner .BlueArrowLink,
    .SmallSliderBlock .Slider .Wrap .inner .BlueArrowLink {
        margin-bottom: 15px
    }

    .BigSliderBlock .Slider .Wrap .inner,
    .SmallSliderBlock .Slider .Wrap .inner {
        padding: 20px 30px
    }

    .ipadtextblock h2 {
        font-size: 38px
    }
}

@media (max-width:1130px) {

    .BigSliderBlock .Slider .Wrap .inner h3,
    .SmallSliderBlock .Slider .Wrap .inner h3 {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 10px
    }

    .BigSliderBlock .Slider .Wrap .inner .BlueArrowLink,
    .SmallSliderBlock .Slider .Wrap .inner .BlueArrowLink {
        margin-bottom: 10px
    }

    .BigSliderBlock .Slider .Wrap .inner,
    .SmallSliderBlock .Slider .Wrap .inner {
        padding: 20px 30px
    }

    .BigBlockComponent .CopyContainer {
        width: 52%;
        padding: 30px 60px
    }
}

#ReviewSliderNav .prev-arrow.slick-arrow {
    background: url("../images/CarouselLeftArrow.svg") center center no-repeat;
    cursor: pointer;
    position: absolute;
    left: 40px;
    bottom: -1px;
    top: auto;
    box-shadow: none
}

#ReviewSliderNav .next-arrow.slick-arrow {
    cursor: pointer;
    position: absolute;
    right: 40px;
    background: url("../images/CarouselRightArrow.svg") center center no-repeat;
    bottom: -2px;
    top: auto;
    box-shadow: none
}

#ReviewSlider {
    height: 480px;
    margin: 50px 0;
    background: #fff
}

#ReviewSlider .SlideText {
    background: url("../images/quotes.svg") 95% 15% no-repeat #fff;
    display: block;
    padding: 100px
}

#ReviewSlider .SlideText h6,
.GoldCard .TextWrapper ul,
.SubDescription .DoctorCertification ul.gold-point-list,
.TermAndConditions p {
    margin-bottom: 25px
}

#ReviewSlider .SlideText p {
    font-family: Open Sans Light;
    font-size: 24px;
    line-height: 36px
}

#AppointmedForm.IndividualDoctors.steps>ul>li>a>.circle {
    background-color: #e8e9ea !important
}

#AppointmedForm.IndividualDoctors #ConsultationTypeRadioButtons .radio-toolbar input[type=radio]:checked+label,
#AppointmedForm.IndividualDoctors #ConsultationTypeRadioButtons .radio-toolbar input[type=radio]:focus+label,
#AppointmedForm.IndividualDoctors #ConsultationTypeRadioButtons .radio-toolbar label:hover,
#AppointmedForm.IndividualDoctors .AppointmedFormRadioButtons input[type=radio]:checked+label,
#AppointmedForm.IndividualDoctors .AppointmedFormRadioButtons input[type=radio]:focus+label,
#AppointmedForm.IndividualDoctors .AppointmedFormRadioButtons label:hover {
    background-color: #7f6f64 !important;
    color: #fff
}

#AppointmedForm.IndividualDoctors>.content>.body .btn-secondary {
    color: #fff !important;
    background-color: #1d3443 !important;
    border: 1.5px solid rgba(255, 255, 255, .25);
    border-radius: 3px !important;
    box-sizing: border-box
}

#AppointmedForm.IndividualDoctors>.content>.body .btn-primary {
    color: #1d3443 !important;
    border: 1px solid;
    background-color: #e4d7cc !important;
    border-radius: 4px !important
}

#AppointmedForm.IndividualDoctors>.content>.body .BookAnotherAppointmedBtn {
    color: #1d3443 !important;
    background-color: #e4d7cc !important;
    border-radius: 5px !important;
    margin: 0 auto;
    display: block
}

#AppointmedForm.IndividualDoctors .steps>ul>li>a>.circle {
    background: #e8e9ea;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05)
}

#AppointmedForm.IndividualDoctors>.content>.body .btn-secondary:active,
#AppointmedForm.IndividualDoctors>.content>.body .btn-secondary:focus,
#AppointmedForm.IndividualDoctors>.content>.body .btn-secondary:hover {
    color: #1d3443 !important;
    border: none;
    background-color: #f8f6f4 !important;
    outline: 0
}

#AppointmedForm.IndividualDoctors .steps>ul>li.current>a>.circle,
#AppointmedForm.IndividualDoctors .steps>ul>li.done>a>.circle {
    background-color: #7f6f64 !important
}

.doctor-accordin-view {
    padding: 40px 0 !important
}

.BodyWrapper-size {
    width: 120%
}

#AppointMedSliderNav.NetcarePlusSliderNav {
    height: 5px
}

.CustomerFeedbackSliderNav {
    height: 5px !important
}

#AppointMedSliderNav .dots,
#AppointMedSliderNav.NetcarePlusSliderNav .dots,
.CustomerFeedbackSliderNav .dots {
    position: relative;
    bottom: 37px !important
}

#AppointMedSliderNav.CustomerFeedbackSliderNav .dots,
#AppointMedSliderNav.NetcarePlusSliderNav .dots {
    bottom: 54px !important
}

#AppointMedSliderNav .prev-arrow.slick-arrow,
#AppointMedSliderNav.NetcarePlusSliderNav .prev-arrow.slick-arrow,
.CustomerFeedbackSliderNav .prev-arrow.slick-arrow {
    background: url("../images/CarouselLeftBlueArrow.svg") center center no-repeat;
    cursor: pointer;
    position: absolute;
    left: 40px;
    bottom: -3px;
    top: auto;
    box-shadow: none
}

#AppointMedSliderNav .next-arrow.slick-arrow,
#AppointMedSliderNav.NetcarePlusSliderNav .next-arrow.slick-arrow,
.CustomerFeedbackSliderNav .next-arrow.slick-arrow {
    cursor: pointer;
    position: absolute;
    right: 40px;
    background: url("../images/CarouselRightBlueArrow.svg") center center no-repeat;
    bottom: -3px;
    top: auto;
    box-shadow: none
}

#AppointMedSliderNav.NetcarePlusSliderNav .prev-arrow.slick-arrow,
.CustomerFeedbackSliderNav .prev-arrow.slick-arrow {
    background: url("../images/CarouselLeftLightBlueArrow.svg") center center no-repeat
}

#AppointMedSliderNav.NetcarePlusSliderNav .next-arrow.slick-arrow,
.CustomerFeedbackSliderNav .next-arrow.slick-arrow {
    background: url("../images/CarouselRightLightBlueArrow.svg") center center no-repeat
}

.AppointmedMapContainer {
    margin: 100px 0
}

.AppointmedMapContainer .Facilities p {
    display: inline-block;
    font-weight: 700;
    color: #1d3443
}

.AppointmedMapContainer .Facilities p::after {
    content: "|"
}

#mega-menu-container .mega-menu-flyout-desktop.subflyout .menu-sublinks .menu-sublink,
.AppointmedMapContainer h2,
.AppointmedMapContainer>p,
.CarouselHeading,
.Facilities {
    margin-left: 50px
}

.AppointmedWrapper,
.NetcarePlusWrapper {
    margin-top: 2%
}

.AppointmedWrapper h2 {
    line-height: 54px
}

.AppointmedWrapper h2 strong,
.GpVoucherText h2 strong,
.ListItemWithIcon .text strong,
.ModuleTextWrapper h2 strong,
.NetcarePlusWrapper h2 strong,
.RightTextBlock h1>strong {
    font-family: "Open Sans Bold"
}

.AppointmedWrapper .ValueItemInner .icon .peachblock {
    top: 50%;
    height: 25px
}

.AppointmedWrapper p {
    padding-right: 20%;
    margin-bottom: 60px
}

.doctor-appoint-news-container {
    padding-top: 120px
}

#AppointmedForm {
    margin-left: -2%;
    margin-top: 15%
}

img.AppointmedFormImage {
    float: right;
    margin-top: 25%;
    margin-right: -55px;
    max-width: 100%
}

#AppointmedForm .HeadingPlus {
    background: url("../images/CarouselBluePlus.svg") left top no-repeat;
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px
}

#AppointmedForm.IndividualDoctors .HeadingPlus {
    background: 0 0;
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px
}

#AppointmedForm p {
    color: #fff;
    line-height: 140%;
    font-size: 16px
}

#AppointmedForm.IndividualDoctors p {
    color: #fff;
    line-height: 140%;
    font-size: 16px;
    margin-bottom: 30px
}

#AppointmedForm .SpecialistDetail p {
    padding: 5px 65px
}

#AppointmedForm .MedicalAid p {
    padding: 5px;
    margin-top: -20px
}

#AppointmedForm .PersonalDetail p {
    margin-top: -15px;
    margin-bottom: 0
}

#AppointmedForm .FinalDetail p {
    color: #fff;
    text-align: center
}

#AppointmedForm .FinalDetail .ReferenceNumber {
    font-weight: 700;
    color: #4682b4
}

#AppointmedForm.IndividualDoctors .FinalDetail .ReferenceNumber {
    font-weight: 700;
    color: #e4d7cc
}

#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between
}

#AppointmedForm .AppointmedFormRadioButtons,
#AppointmedForm.IndividualDoctors .AppointmedFormRadioButtons {
    margin-top: 10px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between
}

#AppointmedForm>.content {
    background: #1d3443 !important;
    box-shadow: 0 4px 10px rgba(26, 34, 57, .05);
    border-radius: 0;
    width: 100% !important;
    margin: 0;
    min-height: auto !important;
    overflow: visible !important
}

#AppointmedForm>.content>.body {
    position: relative !important;
    padding: 45px 55px !important;
    height: 840px !important;
    width: 100% !important
}

#AppointmedForm.IndividualDoctors>.content,
#searchModal .modal-dialog .modal-content {
    border-radius: 3px
}

#AppointmedForm.IndividualDoctors>.content>.body {
    position: relative !important;
    padding: 45px 55px !important;
    min-height: 900px !important;
    width: 100% !important
}

@media (max-width:990px) {

    #TabControl .Wrapper .ImageContainer,
    #TabControl .Wrapper .textContainer {
        width: 100%
    }

    #TabControl .Wrapper .textContainer {
        padding: 20px
    }

    #TabControlNav {
        padding-top: 20px
    }

    .BigBlockComponent {
        height: auto
    }

    .BigBlockComponent .ImageContainer img {
        height: auto;
        width: 100%
    }

    .BigBlockComponent .CopyContainer {
        position: relative;
        width: 100%;
        padding: 20px;
        margin-top: -50px
    }

    .SmallSliderBlock .Slider .Wrap .inner h3,
    BigSliderBlock .Slider .Wrap .inner h3 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 15px
    }

    .healthcareOptions {
        margin-bottom: 0
    }

    #AppointmedForm.IndividualDoctors>.content>.body {
        position: relative !important;
        padding: 45px 55px !important;
        min-height: 900px !important;
        height: 100% !important;
        width: 100% !important
    }
}

#AppointmedForm>.content>.expandHeight {
    height: 945px !important
}

#AppointmedForm>.content>.body>div,
.flipCard>div {
    position: relative;
    height: 100%
}

#AppointmedForm.IndividualDoctors>.content>.body h2,
#AppointmedForm>.content>.body h2 {
    font-family: 'Open Sans Light';
    font-weight: 300;
    font-size: 40px;
    line-height: 122.94%;
    color: #fff;
    letter-spacing: -.03em;
    width: 87%;
    margin-bottom: 15px;
    margin-top: 13px
}

#AppointmedForm>.content>.body .FinalDetail h2 {
    width: 95%;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 36px;
    font-weight: 600
}

#AppointmedForm>.content>.body h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 15px
}

#AppointmedForm>.content>.body .form-group {
    margin-bottom: 16px;
    margin-right: auto;
    margin-left: auto
}

#AppointmedForm>.content>.body .inputWrapper {
    height: 58px;
    border: 1px solid #dfdfdf;
    display: inline-flex;
    align-items: center;
    background: #fff;
    width: 100%;
    border-radius: 3px
}

#AppointmedForm>.content>.body .select2-container {
    width: 99.6% !important
}

#AppointmedForm>.content>.body textarea {
    border: 1px solid #57656e !important;
    background-color: #f0f0f0;
    border-radius: 3px;
    width: 100%;
    padding: 12px;
    font-size: 13px !important;
    font-weight: 600;
    font-family: 'Open Sans';
    margin-bottom: 15px;
    height: 95px
}

#AppointmedForm>.content>.body textarea::placeholder {
    color: #1d3443;
    font-size: 16px;
    font-weight: 300;
    opacity: .6
}

#AppointmedForm>.content>.body input:-webkit-autofill,
#AppointmedForm>.content>.body input:-webkit-autofill:active,
#AppointmedForm>.content>.body input:-webkit-autofill:focus,
#AppointmedForm>.content>.body input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

#AppointmedForm>.content>.body .select2-container--default .select2-selection--single,
#AppointmedForm>.content>.body input {
    height: 40px;
    border-radius: 5px;
    border: none !important;
    background-color: #fff !important;
    outline: 0;
    color: #1d3443;
    font-weight: 700;
    width: 100%;
    padding-left: 10px;
    font-size: 16px
}

#AppointmedForm>.content>.body .select2-container--default .select2-selection--single {
    padding: 10px 10px 10px 18px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/LightBlueArrowDown.svg") 95% center no-repeat #fff
}

#AppointmedForm.IndividualDoctors>.content>.body .select2-container--default .select2-selection--single {
    padding: 10px 10px 10px 18px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/down-simple.svg") 95% center no-repeat #fff
}

#AppointmedForm>.content>.body .select2-container--default .select2-selection--single .select2-selection__placeholder,
#AppointmedForm>.content>.body input::placeholder {
    color: #1d3443;
    font-size: 16px;
    font-weight: 600;
    opacity: .6
}

#AppointmedForm>.content>.body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1d3443 !important;
    padding-left: 0;
    width: 100%;
    line-height: 20px
}

#AppointmedForm .steps>ul>li.last>a>.circle,
#AppointmedForm .steps>ul>li:nth-child(3)>a>.line,
#AppointmedForm .steps>ul>li>a>.stepTitle,
#AppointmedForm>.content>.body .intl-tel-input.allow-dropdown .flag-container,
#AppointmedForm>.content>.body .select2-container--default .select2-selection--single .select2-selection__arrow,
#AppointmedTooltipMobile,
#DoctorProfileSection .IndividualDoctorNav,
#DoctorProfileSection div#ReviewSliderNav,
#FloatingImageBanner .VideoText .btn-primary,
#LandingPageGrid .mobile-wrap-image,
#SpecialInterestMenu .slick-dots li a,
#SpecialInterestMenu .slick-dots>li:only-child,
#SpecialisationList span.select2-selection__arrow,
#SpecialisationPracList span.select2-selection__arrow,
#emergencyModal .modal-dialog .modal-content .modal-header .close img.exit,
.AppointmedTooltipmodal-content,
.CovidBanner .MobileImage,
.DoctorWrapperSection,
.EmergencyBlockWrapper .LeftBlock a,
.MobileResearchHeading,
.NetcarePlusBanner,
.SmartSearch .mobileView,
.TopHeader .top-header-buttons .login-button .login-button-text-xs,
.cardBackSide,
.key-objective-mobile,
.mobi-Image,
.strategic-pillars-mobile,
.strategic-pillars-subheader,
.videoBlurContainer #iframeVideoSwitch,
div#DoctorInformation .ContactInfoBlock h2,
div#DoctorInformation .MakeAppointmedBtn,
footer .footertop .linksblock-mobile {
    display: none
}

#AppointmedForm .PersonalDetail .inputWrapper.has-error input,
#AppointmedForm .steps .current a,
#AppointmedForm .steps .current a:active,
#AppointmedForm .steps .current a:hover,
#AppointmedForm .steps .disabled a,
#AppointmedForm .steps .disabled a:active,
#AppointmedForm .steps .disabled a:hover,
#AppointmedForm .steps .done a,
#AppointmedForm .steps .done a:active,
#AppointmedForm .steps .done a:hover,
#AppointmedForm .steps>ul>li.disabled,
#AppointmedForm .steps>ul>li.done>a,
.AppointmedSignUp .AppointmedLink,
.AppointmedSignUp .AppointmedLink:hover {
    background: 0 0 !important
}

#AppointmedForm>.content>.body .inputWrapper.has-error {
    border: 2px solid #eb5757
}

#AppointmedForm>.content>.body .inputWrapper.has-error input {
    background: url("../images/errorX.svg") 91% center no-repeat;
    color: #eb5757;
    outline: 0
}

#AppointmedForm.IndividualDoctors>.content>.body label.inputLabel,
#AppointmedForm>.content>.body label.inputLabel {
    color: #fff;
    margin-bottom: 15px !important;
    width: 100%;
    font-family: 'Open Sans Bold';
    font-size: 16px;
    letter-spacing: .15em;
    line-height: 17px
}

#AppointmedForm.IndividualDoctors>.content>.body label.inputLabel {
    font-style: normal;
    font-weight: 700;
    display: flex;
    align-items: center;
    text-transform: uppercase
}

.doctor-bio-scoll-left {
    margin: 0 -80px 0 0 !important
}

.doctor-bio-scoll-all-left {
    margin: 0 0 0 -40px !important
}

.doctor-bio-scoll-right {
    margin: 0 0 0 -15px !important
}

.doctor-bio-scoll-center {
    margin: 0 4px 0 10px !important
}

.doctor-funding-heading {
    padding-bottom: 10px
}

#AppointmedForm>.content>.body .intl-tel-input {
    position: relative;
    display: block;
    width: 100%
}

#AppointmedForm>.content>.body .intl-tel-input .selected-flag {
    padding: 0 !important;
    width: 46px
}

#AppointmedForm>.content>.body .intl-tel-input .selected-flag .iti-arrow,
footer .footerbottom .mobile-apps img {
    margin-right: 10px
}

#AppointmedForm .intl-tel-input.separate-dial-code .flag-container,
#AppointmedForm>.content>.body .intl-tel-input.allow-dropdown .flag-container {
    top: 0;
    padding-left: 10px
}

#AppointmedForm>.content>.body .inputWrapper.disabled {
    background-color: #f0f0f0 !important
}

#AppointmedForm>.content>.body .inputWrapper.disabled input,
#AppointmedForm>.content>.body .inputWrapper.disabled>label.inputLabel {
    background-color: #f0f0f0 !important;
    color: #6d7e89 !important
}

#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar input[type=radio],
#AppointmedForm .AppointmedFormRadioButtons input[type=radio] {
    opacity: 0;
    position: fixed;
    width: 0 !important
}

#AppointmedForm>.content>.body label.inputLabels {
    color: #1d3443;
    line-height: 17px;
    font-size: 16px;
    font-family: 'Open Sans Bold';
    width: 65%;
    margin: 13px 5px 15px 20px !important
}

#AppointmedForm>.content>.body .Weekdays.btn-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 5px
}

#AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox {
    font-family: 'Open Sans';
    padding: 13px;
    color: #80898f;
    margin-right: 18px !important;
    width: 110px !important;
    text-align: center !important;
    border-radius: 5px !important;
    background: #fff;
    flex: auto;
    text-transform: none;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer
}

#AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox>input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

#AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox.active,
#AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:hover,
.btn-primary.FindMore:active,
.btn-primary.FindMore:hover {
    color: #fff !important;
    background-color: #4682b4 !important
}

#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(6),
#AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(3),
#AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(6),
.collapseBIOBlock .bio-conferences-body {
    margin-right: 0 !important
}

#AppointmedForm .AppointmedFormRadioButtons label {
    min-width: 46% !important
}

.select2-container .select2-dropdown {
    margin: 0;
    border: 1px solid #c4c4c4 !important;
    border-top: none !important;
    background-color: #fff;
    padding: 0;
    border-radius: 4px;
    font-size: 16px
}

#AppointmedForm .steps {
    width: 50% !important;
    margin-left: 7%;
    z-index: 0
}

#AppointmedForm .steps>ul>li {
    width: 20px;
    margin-left: 12px;
    float: left
}

#AppointmedForm .steps>ul>li>a {
    padding: 1em 0 !important;
    position: relative;
    display: block
}

#AppointmedForm .steps>ul>li>a>.circle {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
    background-color: #afcce0;
    z-index: 2
}

#AppointmedForm .steps>ul>li.current>a>.circle {
    background-color: #4682b4;
    width: 60px;
    border-radius: 100px
}

#AppointmedForm .steps>ul>li.done>a>.circle {
    background-color: #4682b4
}

#AppointmedForm>.content>.body button {
    font-family: Open Sans;
    font-weight: 700;
    border-radius: 5px;
    min-width: 130px;
    margin-top: 20px;
    font-size: 16px
}

#AppointmedForm>.content>.body .btn-secondary {
    color: #4682b4 !important;
    border: none;
    background-color: #fff !important
}

#AppointmedForm>.content>.body .btn-secondary:active,
#AppointmedForm>.content>.body .btn-secondary:focus,
#AppointmedForm>.content>.body .btn-secondary:hover {
    color: #fff !important;
    border: none;
    background-color: #4682b4 !important;
    outline: 0
}

#AppointmedForm>.content>.body .btn-secondary:disabled {
    color: #bec2c6 !important;
    cursor: not-allowed;
    outline: 0;
    background: #ffffff !important
}

#AppointmedForm>.content>.body .btn-primary {
    color: #fff;
    border: none;
    background-color: #4682b4 !important
}

#AppointmedForm>.content>.body .btn-primary:active,
#AppointmedForm>.content>.body .btn-primary:focus,
#AppointmedForm>.content>.body .btn-primary:hover {
    color: #1d3443;
    border: none;
    background-color: #fff !important;
    outline: 0
}

#AppointmedForm>.content>.body .btn-primary:hover {
    color: #4683b3 !important
}

.bootstrap-datetimepicker-widget {
    border-radius: 10px
}

#AppointmedForm .bootstrap-datetimepicker-widget {
    left: auto !important;
    right: 0 !important
}

#AppointmedForm>.content>.body .input-group-addon {
    position: absolute;
    z-index: 2;
    border: none;
    border-radius: 0;
    width: 34px;
    height: 30px;
    top: 13px;
    right: 15px;
    cursor: pointer;
    background: url("../images/DateSelector.svg") no-repeat;
    background-color: transparent !important
}

#AppointmedForm>.content>.body input-group-addon:focus,
#CancerCarousel .slick-slide:focus,
#MediaCarousel .slick-slide:focus,
#MediaCarouselNav .MediaThumbnail img:focus,
#MediaCarouselNav .MediaThumbnail:focus,
#SpecialInterestMenu .slick-slide,
#emergencyModal .modal-dialog .modal-content .modal-header .close:focus,
.EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item:focus,
.image-form-block .AppointmedImage .InfoBlock .backtoSearch:focus {
    outline: 0
}

#AppointmedForm .glyphicon-chevron-left:before {
    content: "";
    background-image: url("../images/ArrowLeft.svg");
    background-size: 10px 15px;
    display: inline-block;
    width: 10px;
    height: 15px
}

#AppointmedForm .glyphicon-chevron-right:before {
    content: "";
    background-image: url("../images/ArrowRight.svg");
    background-size: 10px 15px;
    display: inline-block;
    width: 10px;
    height: 15px
}

#AppointmedForm .bootstrap-datetimepicker-widget table td.active,
#AppointmedForm .bootstrap-datetimepicker-widget table td.active:hover,
#AppointmedForm .bootstrap-datetimepicker-widget table td.day.active,
#AppointmedForm .bootstrap-datetimepicker-widget table td.day:hover {
    background-color: #4682b4 !important;
    color: #fff !important;
    border-radius: 100% !important;
    font-weight: 700
}

#AppointmedForm .bootstrap-datetimepicker-widget table td span.active,
#AppointmedForm .bootstrap-datetimepicker-widget table td span:hover {
    background-color: #fff !important;
    color: #4682b4 !important;
    border-radius: 100% !important;
    font-weight: 700
}

#AppointmedForm .bootstrap-datetimepicker-widget table td.day {
    font-family: Montserrat Thin;
    height: 35px !important;
    line-height: 30px;
    width: 30px !important;
    padding: 7px 3px 3px !important;
    font-size: 18px;
    font-weight: 700;
    color: #80898f
}

#AppointmedForm .bootstrap-datetimepicker-widget table span.month,
#AppointmedForm .bootstrap-datetimepicker-widget table td span.year {
    width: 60px
}

#AppointmedForm .bootstrap-datetimepicker-widget table td span.decade {
    width: 58px
}

#AppointmedForm .bootstrap-datetimepicker-widget table thead tr:first-child th {
    padding: 10px 0 20px !important;
    color: #1d3443;
    font-weight: 700
}

#AppointmedForm .bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #d5bfac !important
}

#AppointmedForm .datepicker-days,
#AppointmedForm .datepicker-decades,
#AppointmedForm .datepicker-months,
#AppointmedForm .datepicker-years,
div#dnn_LiveForm .LiveForm.Default ul.page-break-section .Field {
    padding: 10px 15px
}

#AppointmedForm .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.Additional-Section .panel-group,
.BIO-Section .panel-group,
.FAQ-Section .panel-group {
    background: 0 0
}

.datepicker-decades .table-condensed .prev span,
.datepicker-months .table-condensed .prev span,
.datepicker-years .table-condensed .prev span {
    padding-left: 25px !important
}

.SpecialistPlusWrapper table tr td,
.datepicker-decades .table-condensed .next span,
.datepicker-months .table-condensed .next span,
.datepicker-years .table-condensed .next span {
    padding-right: 25px !important
}

#AppointmedForm .AppointmedTooltip {
    position: absolute;
    z-index: 2;
    border: none;
    border-radius: 0;
    width: 34px;
    height: 30px;
    top: 18px;
    right: 20px;
    cursor: pointer;
    background: url("../images/AppointmedInfo.svg") no-repeat;
    background-color: transparent !important
}

#AppointmedForm.IndividualDoctors .AppointmedTooltip {
    position: absolute;
    z-index: 2;
    border: none;
    border-radius: 0;
    width: 34px;
    height: 30px;
    top: 18px;
    right: 20px;
    cursor: pointer;
    background: url("../images/info.svg") no-repeat;
    background-color: transparent !important
}

#AppointmedForm.IndividualDoctors .TooltipContentAppointmed {
    background: #e4d7cc !important
}

.tippy-box {
    background-color: #e7f0f6 !important;
    padding: 6px 10px 0 !important;
    text-align: center;
    height: 70px;
    max-width: 300px !important
}

.Logos,
.NetcarePlusWrapper .IconWrapper .ValueItem:not(:last-child):after {
    height: 120px
}

.tippy-content {
    padding: 9px 0 !important
}

.tippy-box p {
    color: #4682b4 !important;
    font-size: 12px;
    line-height: 110%;
    padding: 0 40px
}

.tippy-arrow {
    color: #e7f0f6 !important
}

#tippys-1 .tippy-box,
#tippys-2 .tippy-box {
    background-color: #f8f6f4 !important
}

[data-tippy-root] {
    bottom: auto !important;
    margin-top: -85px !important
}

#AppointmedForm .please-note {
    font-family: 'Open Sans';
    display: block;
    height: auto;
    border: 2px solid #4682b4;
    border-radius: 5px;
    padding: 15px 50px 15px 60px;
    position: relative;
    background-color: #afcce0;
    background-image: url("../images/AppointmedTooltip.svg");
    background-repeat: no-repeat;
    background-position: 16px 11px;
    color: #4682b4 !important;
    font-size: 16px;
    min-height: 44px;
    width: 100%;
    margin-bottom: 5px;
    margin-top: -1px;
    backdrop-filter: blur(5px)
}

#AppointmedForm .please-note-title {
    font-family: 'Open Sans Bold';
    color: #1d3443;
    display: block;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .15em;
    line-height: 22px;
    margin-bottom: 10px
}

#AppointmedForm .please-note.please-note-discipline {
    background-position: 11px 9px
}

#AppointmedForm .please-note.incomplete-profile-notice {
    margin-top: 22px
}

#AppointmedForm .VoucherBlock,
#AppointmedForm.IndividualDoctors .VoucherBlock {
    padding: 15px 30px 15px 20px;
    font-size: 14px;
    width: 83%;
    margin: auto;
    font-family: 'Open Sans';
    position: relative
}

::-ms-input-placeholder {
    font-size: 14px !important
}

#AppointmedForm .VoucherBlock {
    border: 2px solid #4682b4;
    border-radius: 5px;
    background-color: #afcce0;
    color: #4682b4 !important
}

#AppointmedForm.IndividualDoctors .VoucherBlock {
    border: 2px solid #1d3443;
    border-radius: 5px;
    background-color: #f8f6f4 !important;
    color: #1d3443 !important
}

#AppointmedForm .FinalDetail p:nth-child(3) {
    margin-left: 90px;
    margin-right: 90px
}

#AppointmedForm .FinalDetail p:nth-child(2) {
    margin-left: 50px;
    margin-right: 50px
}

#AppointmedForm .FinalDetail .SuccessPage {
    margin: 50px;
    text-align: center
}

#AppointmedForm .NetCarePlus a {
    background: url("../images/ArrowSmallRight_1.svg") 98% no-repeat !important;
    color: #fff;
    padding-right: 30px;
    font-size: 16px
}

#AppointmedForm.IndividualDoctors .NetCarePlus a {
    background: url("../images/right-full-white.svg") 98% no-repeat !important;
    color: #fff;
    padding-right: 40px;
    font-size: 16px
}

#AppointmedForm.IndividualDoctors #hasVoucherRadioButtons,
.SectionBlock.active p,
div#SpecialisationList {
    margin-top: 0
}

#AppointmedForm .NetCarePlus a:active,
#AppointmedForm .NetCarePlus a:hover {
    color: #4682b4 !important;
    background: url("../images/LightBlueArrowRight.svg") 98% no-repeat !important
}

#AppointmedForm.IndividualDoctors .NetCarePlus a:active,
#AppointmedForm.IndividualDoctors .NetCarePlus a:hover {
    color: #e4d7cc !important;
    background: url("../images/right-full_light_gold.svg") 98% no-repeat !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1d3443 !important
}

#AppointmedForm section .SectionButtons {
    position: absolute;
    bottom: -15px;
    width: 100%
}

.image-form-block {
    display: flex;
    flex-direction: row
}

.image-form-block .AppointmedForm {
    width: 59%
}

.image-form-block .AppointmedImage {
    width: 41%
}

.image-form-block .AppointmedImage .IndividualDoctors-img {
    float: none;
    margin-top: 0;
    margin-right: 0;
    height: 840px;
    object-fit: cover;
    object-position: 81%
}

.image-form-block .AppointmedImage img.AppointmedFormImage {
    margin-right: 0;
    margin-top: 25%
}

#AppointmedForm.IndividualDoctors section .SectionButtons {
    bottom: 70px
}

#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label {
    border-radius: 5px !important;
    min-width: 30% !important;
    margin-right: 15px !important
}

#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar input[type=radio]:checked+label,
#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar input[type=radio]:focus+label,
#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:hover,
#AppointmedForm .AppointmedFormRadioButtons input[type=radio]:checked+label,
#AppointmedForm .AppointmedFormRadioButtons input[type=radio]:focus+label,
#AppointmedForm .AppointmedFormRadioButtons label:hover {
    background-color: #4682b4;
    color: #fff
}

#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label,
#AppointmedForm .AppointmedFormRadioButtons label {
    font-family: 'Open Sans';
    font-size: 16px;
    color: #80898f;
    line-height: 22px;
    border-radius: 3px;
    box-shadow: 0 4px 10px rgba(26, 34, 57, .08);
    background-color: #fff;
    font-style: normal;
    font-weight: 600;
    min-width: 175px;
    text-align: center;
    padding: 14px;
    cursor: pointer;
    height: 50px
}

#AppointmedForm .validationMessage {
    font-family: 'Open Sans';
    display: block;
    height: auto;
    border: 2px solid #e00634;
    border-radius: 5px;
    padding: 20px 20px 20px 65px;
    position: relative;
    background-color: #fff;
    background-image: url("../images/AppointmedError.svg");
    background-repeat: no-repeat;
    background-position: 16px 15px;
    color: #e00634 !important;
    font-size: 16px;
    min-height: 50px;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 15px
}

div#invisibleAnchor {
    position: absolute;
    top: -100px
}

#AppointmedForm>.content .loading-box {
    position: absolute;
    background: rgba(255, 255, 255, .5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 99
}

#AppointmedForm>.content .loading-box .loading {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: .25rem solid rgba(255, 255, 255, .2);
    border-top-color: #002663;
    -webkit-animation: 1s linear infinite spin;
    animation: 1s linear infinite spin;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px
}

h2#swal2-title {
    color: #1d3443;
    font-size: 28px !important;
    font-family: 'Open Sans Light' !important;
    font-weight: 400
}

div#swal2-content {
    font-size: 16px !important;
    font-family: 'Open Sans';
    color: #57656e
}

.swal2-popup.swal2-modal.swal2-show {
    padding: 40px !important
}

button.swal2-confirm.btn.btn-primary.swal2-styled,
button.swal2-confirm.swal2-styled {
    padding: 12px 20px;
    font-size: 14px
}

button.swal2-confirm.btn.btn-primary.appointmed-swal-btn.swal2-styled {
    border-radius: 4px;
    box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, .3) !important;
    background-color: #1d3443 !important;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Open Sans' !important;
    line-height: 15px;
    padding: 12px 20px;
    min-width: 110px;
    text-align: center;
    border: 1px solid #1d3443 !important;
    color: #fff !important
}

.swal2-container.swal2-center.swal2-fade.swal2-shown {
    z-index: 100003 !important
}

.swal2-popup .swal2-image {
    width: 80px
}

.Logos {
    padding-bottom: 40px
}

.Logos .LogoItem {
    display: inline-block;
    width: 20%;
    margin-right: -4px;
    height: 100%;
    vertical-align: top
}

.Logos .LogoItem img {
    max-height: 100%;
    max-width: 150px;
    margin: 0 auto;
    display: block
}

#Clinic,
#Dentist,
#Doctor,
#Hospital,
#Specialist,
#Vacancies {
    padding: 20px 0 30px
}

.MedicalConditionsWrapper {
    overflow: visible
}

.FindMedicalContent {
    padding: 10px 0 20px;
    overflow: auto;
    margin-left: 15px
}

.ClearButton {
    position: absolute;
    right: 0;
    top: 25px;
    background: 0 0;
    border: 0;
    padding: 14px
}

.FilterWrapper>.ClinicsNameContainer,
.FilterWrapper>.DoctorsNameContainer,
.FilterWrapper>.ProvinceContainer,
.FilterWrapper>.TownContainer {
    width: 33%;
    float: left;
    padding: 10px;
    position: relative
}

#Dentist .FilterWrapper>.DoctorsNameContainer,
#Dentist .FilterWrapper>.HospitalContainer,
#Dentist .FilterWrapper>.ProvinceContainer,
#Dentist .FilterWrapper>.TownContainer,
#Doctor .FilterWrapper>.DoctorsNameContainer,
#Doctor .FilterWrapper>.HospitalContainer,
#Doctor .FilterWrapper>.ProvinceContainer,
#Doctor .FilterWrapper>.TownContainer {
    width: 25%;
    float: left;
    padding: 10px;
    position: relative
}

.FilterWrapper label {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #80898f;
    margin: 5px;
    text-transform: uppercase;
    letter-spacing: .15em
}

footer .footerbottom .social-media a,
footer .footertop {
    margin-right: 20px
}

.FilterWrapper input,
.FilterWrapper select {
    font-size: 16px !important;
    color: #666 !important;
    background-color: #fff !important;
    box-shadow: 0 4px 10px rgba(26, 34, 57, .08);
    border-radius: 3px;
    border: 0;
    padding: 13px !important;
    transition: .4s;
    width: 100% !important;
    height: 48px !important
}

#SearchClinic,
#SearchDentist,
#SearchDoctor,
#SearchHospital,
#SearchSpecialist,
#SearchVacancies {
    display: inline-block;
    background: #1d3443;
    box-shadow: 0 0 20px rgba(37, 40, 73, .2);
    border-radius: 5px;
    border: 0;
    padding: 10px 100px;
    margin-top: 5px;
    font-size: 18px;
    color: #fff !important;
    float: left;
    transition: .4s
}

#SearchClinic:hover,
#SearchDentist:hover,
#SearchDoctor:hover,
#SearchHospital:hover,
#SearchSpecialist:hover,
#SearchVacancies:hover {
    background: #495b67 !important;
    transition: .4s
}

#specialist #searcherror,
.SearchBannerWrapper .searchBoxWrapper .input-group-append,
.TermAndConditions .ContentUnderPlus {
    margin-left: 0
}

#specialist .ConsultationError {
    margin-top: -20px
}

#Clinic #SearchClinic:disabled,
#Clinic #SearchClinic[disabled],
#Dentist #SearchDentist:disabled,
#Dentist #SearchDentist[disabled],
#Doctor #SearchDoctor:disabled,
#Doctor #SearchDoctor[disabled],
#Hospital #SearchHospital:disabled,
#Hospital #SearchHospital[disabled],
#Specialist #SearchSpecialist:disabled,
#Specialist #SearchSpecialist[disabled] {
    background: #aeaeae !important;
    color: #fff !important
}

#SearchSpecialist.SearchSpecialistPlus:disabled,
#Specialist #SearchSpecialist:disabled,
#Specialist #SearchSpecialist[disabled] {
    color: #aeaeae !important;
    background: #e8e9ea !important;
    box-shadow: none !important
}

#Clinic .FilterWrapper input[type=text]:disabled,
#Doctor .FilterWrapper input[type=text]:disabled,
#Hospital .FilterWrapper input[type=text]:disabled,
#Specialist .FilterWrapper input[type=text]:disabled,
#Specialist .FilterWrapper select[disabled] {
    background: #f9fafb !important;
    color: #aeaeae !important;
    cursor: default;
    border: 2px solid #f9fafb !important
}

#Specialist .FilterWrapperPlus input[type=text]:disabled,
#Specialist .FilterWrapperPlus select[disabled] {
    background: #e8e9ea !important;
    border: none !important
}

#Specialist .FilterWrapperPlus input[type=text]:disabled::placeholder {
    color: #aeaeae !important
}

#Specialist .FilterWrapperPlus select[disabled] {
    background: url("../images/GrayArrowDown.svg") 96% no-repeat #e8e9ea !important;
    opacity: 1
}

#Specialist .FilterWrapperPlus select {
    background: url("../images/NetcarePlusArrow.svg") 96% no-repeat !important
}

#Clinic .ClinicWrapper .ClinicRow>div,
#Dentist .DentistWrapper .DentistRow>div,
#Doctor .DoctorWrapper .DoctorRow>div,
#Hospital .HospitalWrapper .HospitalRow>div,
#Specialist .SpecialistsWrapper .SpecialistRow>div,
#Vacancies .VacanciesWrapper .HospitalRow>div {
    display: table-cell;
    padding: 15px 5px;
    vertical-align: top;
    border-top: 1px solid #dfdfdf !important;
    font-size: 14px
}

#Clinic .ClinicWrapper .ClinicRow:first-child>div,
#Dentist .DentistWrapper .DentistRow:first-child>div,
#Doctor .DoctorsWrapper .DoctorRow:first-child>div,
#Hospital .HospitalWrapper .HospitalRow:first-child>div,
#Specialist .SpecialistsWrapper .SpecialistRow:first-child>div,
#Vacancies .VacanciesWrapper .HospitalRow:first-child>div {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f;
    border: 0 !important
}

#Clinic .ClinicWrapper .ClinicRow>div.Name a,
#Dentist .DentistWrapper .DentistRow>div.Name a,
#Doctor .DoctorWrapper .DoctorRow>div.Name a,
#Hospital .HospitalWrapper .HospitalRow>div.Name a,
#Specialist .SpecialistsWrapper .SpecialistRow>div.Name a,
#Vacancies .VacanciesWrapper .HospitalRow>div.Name a {
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
    color: #1d3443;
    padding-right: 30px
}

#Clinic .ClinicWrapper .ClinicRow>div.Address,
#Dentist .DentistWrapper .DentistRow>div.Address,
#Doctor .DoctorWrapper .DoctorRow>div.Address,
#Hospital .HospitalWrapper .HospitalRow>div.Address,
#Specialist .SpecialistsWrapper .SpecialistRow>div.Address,
#Vacancies .VacanciesWrapper .HospitalRow>div.Address {
    font-size: 14px;
    line-height: 18px;
    color: #d5bfac
}

#Clinic .prevousButton,
#Dentist .prevousButton,
#Doctor .prevousButton,
#Hospital .prevousButton,
#Specialist .prevousButton,
#Vacancies .prevousButton {
    background: url("../images/ArrowLeft.svg") right center/contain no-repeat;
    height: 15px;
    width: 20px;
    font-size: 0px;
    display: inline-block;
    padding: 0;
    margin-right: 10px;
    vertical-align: top;
    border: 0;
    margin-left: -10px
}

#Clinic .nextButton,
#Dentist .nextButton,
#Doctor .nextButton,
#Hospital .nextButton,
#Specialist .nextButton,
#Vacancies .nextButton {
    background: url("../images/ArrowRight.svg") right center/contain no-repeat;
    height: 15px;
    width: 20px;
    font-size: 0px;
    display: inline-block;
    padding: 0;
    margin-left: 0;
    vertical-align: top;
    border: 0
}

#Clinic .pagination,
#Dentist .pagination,
#Doctor .pagination,
#Hospital .pagination,
#Specialist .pagination,
#Vacancies .pagination {
    display: inline-block;
    vertical-align: top;
    line-height: 15px
}

.listing-columns li {
    display: inline-block;
    padding-bottom: 45px
}

.listing-columns span {
    display: inline-block !important;
    width: 100%
}

.listing-columns>ul>li {
    list-style: none
}

.ui-autocomplete {
    background: #edf1f5;
    max-width: 365px !important;
    max-height: 300px !important;
    overflow: auto
}

.ui-autocomplete li {
    padding: 5px
}

.ui-autocomplete li.ui-state-focus {
    cursor: pointer;
    color: #002663
}

.space-above-footer {
    padding-top: 100px
}

footer {
    background: #1d3443;
    position: relative;
    min-height: 552.57px
}

footer div>span.TM {
    font-size: 8px;
    vertical-align: top;
    margin-top: -10px;
    margin-left: 5px
}

footer .footertop {
    display: flex;
    flex-direction: row;
    padding-top: 60px;
    margin-left: 60px;
    justify-content: space-between
}

footer .footertop .addressblock {
    display: flex;
    flex-direction: column;
    width: 243px;
    margin-right: 62px;
    flex-shrink: 0
}

footer .footertop .addressblock .phone {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    display: flex;
    align-items: center;
    color: #bee2f0;
    margin-top: 20px
}

footer .footertop .addressblock .contactus a,
footer .footertop .addressblock .pobox,
footer .footertop .addressblock .street {
    line-height: 143%;
    font-size: 14px;
    font-style: normal;
    font-family: Open Sans
}

footer .footertop .addressblock .phone:hover {
    color: #fff;
    text-decoration-line: underline;
    cursor: pointer
}

footer .footertop .addressblock .street {
    font-weight: 400;
    letter-spacing: -.42px;
    color: #fff;
    margin-top: 20px
}

footer .footertop .addressblock .pobox {
    font-weight: 400;
    letter-spacing: -.42px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px
}

footer .footertop .addressblock .contactus a {
    font-weight: 600;
    letter-spacing: -.03em;
    color: #bee2f0;
    background: url("../images/right-full_light_blue.svg") right no-repeat;
    padding-right: 40px;
    margin-right: 30px
}

footer .footertop .addressblock .contactus a:hover {
    color: #fff;
    background: url("../images/right-long-white.svg") right no-repeat
}

footer .footertop .Image img {
    width: 102px;
    margin-bottom: 13.8px
}

footer .footertop .linksblock {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

footer .footertop .linksblock .link-group {
    width: 215.5px;
    margin-right: 40px;
    margin-bottom: 20px
}

footer .footertop .linksblock .FooterHeading {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    display: flex;
    align-items: center;
    color: #fff;
    margin-bottom: 20px
}

footer .footertop .linksblock .FooterLink a {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #bec2c6
}

footer .footertop .linksblock .FooterLink a:hover {
    color: #bee2f0;
    font-family: 'Open Sans'
}

footer .footermiddle {
    justify-content: space-between;
    margin: 32px 60px 30px
}

footer .footermiddle .legal-links {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

footer .footermiddle .legal-links.linkslist1 {
    margin-bottom: 16px
}

footer .footermiddle .legal-links.linkslist2 a:hover {
    color: #bee2f0
}

footer .footermiddle .legal-links.linkslist1 a,
footer .footermiddle .legal-links.linkslist1 span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: -.42px;
    color: #bee2f0;
    cursor: pointer
}

footer .footermiddle .legal-links.linkslist1 .legalLink {
    border-right: 1px solid #bee2f0;
    padding-right: 30px;
    padding-left: 30px
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links a:last-child,
footer .footermiddle .legal-links.linkslist1 .legalLink:last-child,
footer .footermiddle .legal-links.linkslist2 .legalLink:last-child {
    border-right: none
}

footer .footermiddle .legal-links.linkslist2 a,
footer .footermiddle .legal-links.linkslist2 span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    text-align: right;
    color: #fff
}

footer .footermiddle .legal-links.linkslist2 .legalLink {
    border-right: 1px solid #fff;
    padding-right: 15px;
    padding-left: 15px
}

footer .dividerLine {
    border-top: 1px solid #61717b;
    margin: 10px 60px
}

footer .footerbottom {
    margin: 32px 60px 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

footer .footerbottom .social-media {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-end
}

footer .netcare-ribbon-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 80.5px;
    padding-left: 60px;
    padding-right: 60px;
    background: #fff;
    width: 100%;
    align-items: center
}

footer .netcare-ribbon-bottom .text-img {
    height: 21px;
    width: 313px
}

footer .netcare-ribbon-bottom .logo-img {
    width: 163.5px
}

footer .netcareplus-ribbon-bottom {
    background: #152734;
    height: 42px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 60px
}

footer .netcareplus-ribbon-bottom .text-right {
    font-family: 'Open Sans';
    color: #e8e9ea;
    font-size: 12px;
    line-height: 16px;
    background: url("../images/NetcarePlusIcon.svg") left no-repeat;
    padding-left: 20px
}

.loginGroup {
    position: absolute;
    right: 3px;
    bottom: 3px
}

.loginGroup .LoginLink {
    background: url("../images/padlock-lock-svgrepo-com.svg") center center/contain no-repeat;
    height: 30px;
    width: 30px;
    font-size: 0px;
    display: block
}

.SpecialistDescription {
    background: #f7f7f7 !important;
    position: relative
}

.AppointmentWrapperSection,
.CovidBanner,
.NetcarePlusBanner,
.NetcarePlusWrapperSection {
    display: block;
    position: relative
}

.CovidBanner img,
.NetcarePlusBanner img {
    width: 100%;
    display: block;
    z-index: -1
}

.CovidBanner .BannerText {
    position: absolute;
    right: 12%;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 530px;
    height: 605px;
    background: #fff;
    box-shadow: 0 4px 60px rgba(26, 34, 57, .1);
    padding: 35px 40px 25px 60px
}

.CovidBanner .BannerText.MorePadding {
    padding: 80px 60px
}

.CovidBanner .BannerText h2 {
    font-size: 45px;
    line-height: 111%;
    width: 100%;
    margin-bottom: 15px
}

.CovidBanner .BannerText h5 {
    font-family: "Open Sans Bold";
    font-size: 16px;
    line-height: 25px;
    color: #1d3443;
    letter-spacing: .15em;
    margin-bottom: 5px
}

.CovidBanner .BannerText .BannerSubHeading {
    font-family: "Open Sans Semi-Bold";
    color: #cdad7f;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    width: 90%
}

.CovidBanner .BannerText h3 {
    font-family: 'Open Sans Bold';
    font-size: 45px;
    line-height: 111%;
    letter-spacing: -.03em;
    width: 90%;
    margin-top: 0;
    margin-bottom: 35px
}

.CovidBanner .BannerText .QuoteText {
    font-family: 'Open Sans Bold';
    color: #80898f;
    font-size: 25px;
    line-height: 136%
}

.CovidBanner .BannerText p {
    font-size: 14px;
    line-height: 130%;
    font-family: "Open Sans"
}

#FloatingImageBanner .VideoText strong,
.CovidBanner .BannerText p a,
.CovidPage.InfoBlock .InfoLinks span {
    color: #57656e
}

.CovidBanner .BannerText p a:hover,
.collapseAdditionalBlock .panel-body a,
.collapseFAQBlock .panel-body a,
.collapseFacilitiesBlock .panel-body a {
    color: #cdad7f
}

.CovidBanner .BannerText .btn-primary {
    font-size: 16px;
    line-height: 20px;
    background: #1d3443 !important;
    letter-spacing: -.03em;
    padding: 18px 38px;
    border-radius: 3px;
    box-shadow: none
}

.CovidBanner .BannerText .btn-primary:hover {
    background: #d5bfac !important;
    color: #fff !important;
    box-shadow: none
}

.CovidBanner .BannerText .TealButton {
    background: #66b6c4 !important
}

.CovidBanner .BannerText .BtnWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px
}

.CovidBanner .BannerText .BtnWrapper a {
    padding: 15px 30px !important
}

.tealText {
    color: #4682b4 !important
}

a.blueText:hover {
    color: #cdad7f !important
}

.CovidBlockWrapper {
    margin-top: -300px;
    background: #fff;
    padding: 50px 65px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    display: block;
    margin-right: 90px
}

.whatsappWrapper {
    margin: 80px 0
}

.whatsappWrapper h4 {
    letter-spacing: normal
}

.CovidBlockWrapper .SmallHeading {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-top: 30px
}

.CovidBlockWrapper h2 {
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px;
    width: 80%
}

.CovidBlockWrapper .CovidStats,
.CovidPage.StatsBlock .CovidStats {
    margin-bottom: 15px;
    display: block
}

.CovidPage.StatsBlock .CovidStats .StatBlock {
    display: inline-block;
    padding-left: 45px
}

.CovidPage.StatsBlock .CovidStats .StatBlock .heading {
    font-family: "Open Sans Light";
    line-height: 24px;
    font-size: 16px
}

.CovidPage.StatsBlock .CovidStats .StatBlock .number {
    font-family: "Montserrat Thin";
    line-height: 50px;
    margin-top: 5px
}

.CovidPage.StatsBlock .WebsiteWrapper .StatsLogo {
    width: 39%;
    display: inline-block
}

.CovidPage.StatsBlock .WebsiteWrapper .WebsiteLink {
    width: 60%;
    display: inline-block;
    background-color: #fff;
    vertical-align: sub;
    color: #80898f
}

.CovidPage.StatsBlock .WebsiteWrapper .StatsLogo img {
    margin-top: 10px;
    max-width: 100%
}

.CovidVideoHeading p {
    width: 80%;
    margin: 0 auto 18px;
    text-align: center
}

.CovidTabSection .HeadingWrapper,
.CovidVideoHeading a,
.FAQTabSection .HeadingWrapper {
    margin: 0 auto
}

.CovidContentWrapper,
.CovidSlider {
    margin: 100px 0 !important
}

.CovidContent li {
    padding-bottom: 18px
}

#PracticesMenu .ConsultHospital,
.ModuleTextWrapper,
.SubDescription .DoctorBioHeading,
.SubDescription .DoctorEduHeading,
.SubDescription .DoctorPublication {
    margin-top: 60px
}

.NetcareBigSlider {
    margin-bottom: 6% !important
}

.NetcarePlusWrapper h2 {
    font-family: "Open Sans light";
    line-height: 120%
}

.NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
    font-weight: 400;
    padding: 0 5px
}

.NetcarePlusWrapper .IconWrapper .ValueItemInner .icon .peachblock {
    top: 20%;
    height: 20px;
    background: #66b6c4;
    width: 65px;
    margin: auto
}

.NetcarePlusWrapper p {
    padding-right: 25%;
    line-height: 130%;
    margin: 20px 0 60px
}

.NetcarePlusBanner .BannerText {
    position: absolute;
    right: 10%;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 35%;
    height: 70%
}

.NetcarePlusBanner .BannerText .BannerPlus {
    color: #1d3443;
    font-size: 70px;
    letter-spacing: -.03em;
    font-family: open sans light;
    line-height: 110%
}

.NetcarePlusBanner .BannerText .BannerPlus strong {
    font-family: open sans
}

.NetcarePlusBanner .BannerText .BannerPlusInfo {
    width: 90%;
    position: absolute;
    top: 80%;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: -.03em;
    color: #1d3443
}

.FindSpecialistWrapper {
    padding: 10px;
    display: flex
}

.GPOption,
.MedOption,
.VirtualOption {
    width: 22%;
    padding: 0;
    display: inline-block
}

.ConsultationOptions {
    display: block;
    margin-bottom: 20px !important
}

.FAQHeader {
    margin-top: 6%
}

.FAQ-Section .panel-title a,
.FAQ-Section .panel-title a:hover {
    font-size: 15px;
    color: #1d3443
}

.FAQ-Section .panel-group .panel-default>.panel-heading {
    background-color: #f7f7f7;
    width: 101%
}

.FAQ-Section .panel-group .panel-body {
    border-radius: 4px;
    margin-left: 3px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0
}

.detailedFAQs,
.downloadTermsConditions {
    color: #1d3443 !important;
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 600;
    background: url("../images/BlueArrow.svg") right center no-repeat;
    padding-right: 20px
}

.FAQ-Section .panel-group .panel-collapse,
.Facilities-Section .panel-group .panel-collapse {
    background: 0 0 !important;
    padding: 0 !important;
    margin-top: 15px !important
}

.FAQ-Section .panel-heading .collapsable.collapsed {
    background: url("../images/BlueArrowDown.svg") 98% center no-repeat !important;
    color: #1d3443 !important;
    border-bottom: 2px solid #e8e9ea
}

.FAQ-Section .panel-heading .collapsable {
    padding: 30px 45px 15px 0 !important;
    background: url("../images/BlueArrowUp.svg") 98% center no-repeat !important;
    color: #1d3443 !important;
    letter-spacing: normal !important;
    border-bottom: 2px solid #e4d7cc;
    font-weight: 400 !important;
    margin-bottom: 10px !important;
    font-size: 20px !important;
    line-height: 26px !important
}

#BigSlider.NetcarePlusSlider .BigSlide .Image .LogoImg,
.VoucherCardWrapper .VoucherCard .BuyNowButton:hover {
    background: #66b6c4
}

.TermAndConditions .termsList li,
.TermAndConditions p {
    color: #80898f;
    font-family: Open Sans !important
}

.SpecialistPlusWrapper label,
div#DoctorInformation .ContactInfoBlock .RightBlock .Email a {
    font-family: Open Sans;
    font-style: normal
}

.TermAndConditions {
    padding-bottom: 15px;
    margin-top: 40px
}

.TermAndConditions .termsList {
    line-height: 25px
}

.TermAndConditions h2 {
    margin-bottom: 30px !important
}

.SearchSpecialistPlus {
    padding: 12px 35px !important
}

.SpecialistPlusWrapper .TownContainer input,
.SpecialistPlusWrapper select {
    font-size: 16px !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(26, 34, 57, .08);
    border-radius: 3px;
    border: 0;
    padding: 13px 13px 13px 30px !important;
    transition: .4s;
    width: 100% !important;
    height: 48px !important
}

.SpecialistPlusWrapper .TownContainer {
    width: 96%;
    float: left;
    position: relative
}

.SpecialistPlusWrapper .ConsultationOptions label {
    cursor: pointer;
    color: #979da6;
    padding: 11px;
    font-size: 14px !important;
    background: #fff;
    box-shadow: 0 5px 10px rgba(26, 34, 57, .08);
    border-radius: 3px;
    text-transform: inherit;
    min-width: 280px !important;
    text-align: center
}

.SpecialistPlusWrapper label {
    margin-bottom: 20px !important;
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 22px !important;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f
}

#AppointMedSliderNav.NetcarePlusSliderNav .slick-dots li button:before,
.Checked+label,
.SpecialistPlusWrapper input[type=radio]:checked+label {
    color: #66b6c4
}

.SpecialistPlusWrapper input[type=radio] {
    width: auto !important;
    height: auto !important;
    margin-top: 0;
    margin-right: 8px;
    opacity: .01;
    z-index: 100;
    cursor: pointer
}

.SpecialistPlusWrapper select {
    background: url("../images/DropdownDownArrowWhite.svg") 96% no-repeat #1d3443 !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.SpecialistPlusWrapper .TownContainer input[disabled],
.SpecialistPlusWrapper select[disabled] {
    background: url("../images/GrayArrowDown.svg") 96% no-repeat #e8e9ea !important;
    color: #aeaeae !important;
    opacity: 1
}

.SpecialistPlusWrapper>div select option {
    background: #fff !important;
    color: #1d3443;
    padding: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 16px;
    line-height: 17px
}

.FilterWrapperPlus .DoctorsNameContainer input {
    background-color: #f0f0f0 !important;
    box-shadow: none
}

.FilterWrapperPlus .DoctorsNameContainer input::placeholder {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    display: flex;
    align-items: center;
    color: #1d3443;
    opacity: .25
}

.SpecialistWrapperPlus .SpecialistRow #Email a,
.SpecialistWrapperPlus .SpecialistRow #Institution a>#PhysicalAddress1,
.SpecialistWrapperPlus .SpecialistRow #Institution a>#PhysicalAddress2,
.SpecialistWrapperPlus .SpecialistRow #Institution a>#PhysicalAddressPostalCode,
.SpecialistWrapperPlus .SpecialistRow #Institution a>#PhysicalAddressSurburb {
    color: #57656e;
    font-weight: 400
}

#Specialist .SpecialistWrapperPlus .SpecialistRow #Email a,
#Specialist .SpecialistsWrapper .SpecialistRow .ContactNumber>a {
    color: #57656e;
    font-weight: 400;
    font-size: 15px !important
}

.EmergencyBlockWrapper {
    background: #fff;
    padding: 40px;
    display: block;
    margin-bottom: 50px;
    position: relative
}

.EmergencyBlockWrapper .DividerLine {
    position: absolute;
    left: 50%;
    top: 15%;
    bottom: 15%;
    border-left: 1px solid #bec2c6
}

.EmergencyBlockWrapper .LeftBlock {
    width: 45%;
    display: inline-block;
    color: #1d3443;
    margin-right: 5%
}

.EmergencyBlockWrapper .LeftBlock h4,
.EmergencyBlockWrapper .LeftBlock h6 {
    margin-bottom: 15px;
    letter-spacing: 0
}

.EmergencyBlockWrapper .LeftBlock .extraBold {
    font-family: 'Open Sans Bold';
    letter-spacing: 2px
}

.EmergencyBlockWrapper .RightBlock {
    vertical-align: top;
    width: 45%;
    display: inline-block;
    margin-left: 5%;
    margin-right: -1%;
    padding: 0;
    min-height: 0;
    margin-bottom: 0;
    background: 0 0
}

.Overlay-Loader .loader-circle,
.Overlay-Loader .loader-line-mask {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -60px;
    height: 120px
}

.AvailabilityButton,
.EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper {
    display: flex;
    justify-content: space-between
}

.EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock {
    width: 100%;
    text-align: center;
    position: relative
}

.EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -2px;
    top: 5%;
    width: 2px;
    height: 95%;
    background-color: #1d3443;
    opacity: .2
}

.EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .title {
    width: 90%;
    font-size: 15px;
    line-height: 20px;
    color: #57656e;
    font-weight: 700
}

.EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock .heading {
    font-size: 10px;
    line-height: 13px;
    font-family: 'Open Sans';
    font-weight: 700;
    color: #1d3443;
    width: 61px;
    min-height: 42px;
    text-align: center;
    margin: 0 auto 10px
}

.EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs {
    border: 0;
    justify-content: space-between;
    margin-top: 10px
}

.EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item {
    padding-right: 30px;
    font-size: 12px;
    padding-bottom: 2px
}

.EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item.dropdown.show .nav-link:after,
.EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item:hover .nav-link:after {
    background: 0 0;
    height: 0
}

.EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link {
    padding: 0 5px 5px;
    border: none;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: .15em;
    text-transform: uppercase
}

.EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link.active {
    border-bottom: 4px solid #1d3443 !important;
    display: block;
    border: 0
}

.EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link:focus,
.EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link:hover {
    border: none;
    color: #1d3443;
    padding-bottom: 5px;
    border-bottom: 4px solid #1d3443 !important
}

.Overlay-Loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .3);
    z-index: 9999
}

.Overlay-Loader .loader-circle {
    width: 120px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3)
}

.Overlay-Loader .loader-line-mask {
    width: 60px;
    overflow: hidden;
    -webkit-transform-origin: 60px 60px;
    -moz-transform-origin: 60px 60px;
    -ms-transform-origin: 60px 60px;
    -o-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
    -webkit-mask-image: -webkit-linear-gradient(top, #000, rgba(0, 0, 0, 0));
    -webkit-animation: 1.2s linear infinite rotate;
    -moz-animation: 1.2s linear infinite rotate;
    -o-animation: 1.2s linear infinite rotate;
    animation: 1.2s linear infinite rotate
}

.Overlay-Loader .loader-line-mask .loader-line {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px #1d3443
}

.reseach-article-img {
    float: none !important;
    width: 95%;
    margin-top: 8px !important;
    box-shadow: 0 6px 100px rgba(29, 52, 67, .24)
}

.ResearchArticleContent p {
    margin-bottom: 15px !important
}

.ResearchButton .btn {
    margin-top: 50px;
    min-width: 200px;
    text-align: center;
    padding: 10px
}

.article-intro h2 {
    line-height: 46px
}

.ResearchButton.d-flex.justify-content-center {
    width: 95%
}

@keyframes rotate {
    from {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.come-in {
    transform: translateY(150px);
    animation: .8s forwards come-in
}

@keyframes come-in {
    to {
        transform: translateY(0)
    }
}

.doctor-appointment-banner-image {
    background: url("/Portals/_default/skins/netcare-core/images/DoctorAppointment/doctor-banner.jpeg") no-repeat
}

.doctor-appointment>.content>.body .select2-container--default .select2-selection--single {
    background: url("../images/down-simple.svg") 95% center no-repeat !important
}

.medical-assistance {
    color: #fff;
    text-align: center;
    font-weight: 600
}

.ContentRightBlock,
.MobileAppBanner .linksWrapper .mobileAppLinks,
.collapseAdditionalBlock a.panel-title,
.collapseFacilitiesBlock a.panel-title,
.health-care-information-container,
div#DoctorInformation {
    display: flex
}

.Section-Button-padding {
    margin-bottom: -70px !important
}

.DoctorBio,
.NetcarePlusTopWrapper {
    overflow: hidden
}

div#DoctorInformation .InfoBlock {
    width: 48%;
    background: linear-gradient(180deg, #fff 0, #f7f7f7 100%);
    border-radius: 10px 10px 0 0;
    margin-top: -500px;
    padding: 50px 60px;
    margin-right: 20px
}

div#DoctorInformation .InfoBlock .backtoSearch {
    display: table;
    background: url("../images/left-full_gold.svg") 0 no-repeat;
    padding-left: 40px;
    font-size: 18px;
    color: #7f6f64
}

div#DoctorInformation .InfoBlock .backtoSearch:hover {
    background: url("../images/left-long-blue.svg") 0 no-repeat;
    color: #1d3443
}

div#DoctorInformation .InfoBlock .ProfileImage {
    margin: 30px 0
}

div#DoctorInformation .InfoBlock .ProfileImage img {
    border: 3.5px solid #7f6f64;
    border-radius: 100px;
    padding: 6px;
    width: 20%
}

div#DoctorInformation .ContactInfoBlock {
    display: flex;
    width: 50%;
    margin-top: -290px;
    position: relative;
    max-height: 620px
}

div#DoctorInformation .ContactInfoBlock .LeftBlock {
    border-radius: 5px 0 0 5px;
    background: #3d4f5b;
    opacity: 1;
    width: 30%;
    padding: 60px 0
}

div#DoctorInformation .ContactInfoBlock .RightBlock {
    border-radius: 5px;
    min-height: initial;
    opacity: 1;
    margin-bottom: 0;
    position: relative
}

.doctor-appoint-bannner-container {
    padding-top: 120px;
    background: #f7f7f7 !important
}

div#DoctorInformation .InfoBlock .Expertise {
    font-family: "Open Sans Bold";
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #4682b4;
    margin-bottom: 20px
}

div#DoctorInformation .InfoBlock .DoctorName {
    font-size: 80px;
    line-height: 112%;
    letter-spacing: -.03em;
    color: #1d3443;
    font-family: "Open Sans Light";
    font-weight: 300;
    margin-bottom: 25px
}

div#DoctorInformation .InfoBlock .DoctorBio p {
    font-family: "Open Sans Semi-Bold";
    font-size: 18px;
    line-height: 130%;
    color: #80898f !important
}

div#DoctorInformation .ContactInfoBlock h2 {
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    letter-spacing: -.03em;
    color: #fff
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Website a {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 300;
    overflow-wrap: break-word
}

div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
    font-size: 13px;
    line-height: 5px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #e8e9ea;
    margin-left: 35px;
    margin-right: 84px;
    font-weight: 700;
    padding-bottom: 25px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 25px;
    opacity: .67
}

div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading.active {
    color: #fff;
    border-bottom: 2px solid #fff;
    opacity: 1
}

div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn,
div#DoctorInformation .ContactInfoBlock .CallDoctor,
div#DoctorInformation .ContactInfoBlock .CallNetcare {
    color: #1d3443;
    background-color: #e4d7cc !important;
    box-shadow: 0 6px 100px rgba(29, 52, 67, .24);
    border-radius: 3px;
    display: inline-table;
    position: absolute;
    width: 62%;
    font-size: 18px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    right: 25px;
    bottom: -25px;
    padding: 15px
}

div#DoctorInformation .ContactInfoBlock .RightBlock .HospitalName {
    font-family: "Open Sans Bold";
    line-height: 22px;
    color: #fff;
    text-decoration: underline;
    margin-bottom: 20px
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Telephone {
    line-height: 22px;
    color: #fff !important;
    padding-left: 45px;
    padding-bottom: 1px
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Email {
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Website {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    cursor: pointer
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Location {
    font-size: 14px;
    line-height: 24px;
    color: #bec2c6;
    margin-bottom: 20px;
    background: url("../images/map-pin-white.svg") 0 center no-repeat;
    padding-left: 45px
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Email a:hover,
div#DoctorInformation .ContactInfoBlock .RightBlock .Telephone a:hover,
div#DoctorInformation .ContactInfoBlock .RightBlock .Website a:hover {
    color: #4682b4
}

div#DoctorInformation .ContactInfoBlock .CallNetcare {
    margin-right: 230px
}

div#DoctorInformation .ContactInfoBlock .CallDoctor,
div#DoctorInformation .ContactInfoBlock .CallNetcare {
    width: 205px !important;
    display: none
}

div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn:focus,
div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn:hover,
div#DoctorInformation .ContactInfoBlock .CallDoctor:focus,
div#DoctorInformation .ContactInfoBlock .CallDoctor:hover,
div#DoctorInformation .ContactInfoBlock .CallNetcare:focus,
div#DoctorInformation .ContactInfoBlock .CallNetcare:hover {
    background-color: #f8f6f4 !important;
    color: #1d3443 !important
}

#TextBlock a:hover,
.btn.btn-primary.DoctorProfileBtn:active,
.btn.btn-primary.DoctorProfileBtn:hover,
div#DoctorInformation .MakeAppointmedBtn:focus,
div#DoctorInformation .MakeAppointmedBtn:hover {
    background-color: #4682b4 !important;
    color: #fff !important
}

.BioReadmore {
    font-size: 16px;
    line-height: 22px;
    display: table;
    align-items: center;
    color: #1d3443 !important;
    margin-bottom: 20px;
    padding-right: 20px;
    background: url("../images/BlueArrow.svg") right center no-repeat;
    width: auto;
    transition: color .4s ease-in-out;
    margin-top: 15px
}

.BioReadmore:hover {
    background: url("../images/LightBlueArrowRight_1.svg") right center no-repeat;
    color: #4682b4 !important
}

div#DoctorPageBanner {
    margin-top: 80px
}

div#DoctorInformation .ContactInfoBlock .RightBlock::-webkit-scrollbar {
    width: 7px
}

div#DoctorInformation .ContactInfoBlock .RightBlock::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
    border-radius: 10px
}

div#DoctorInformation .ContactInfoBlock .RightBlock::-webkit-scrollbar-thumb {
    background: #afcce0;
    border-radius: 10px
}

div#DoctorInformation .ContactInfoBlock .RightBlock::-webkit-scrollbar-thumb:hover {
    background: #afcce0
}

.DoctorProfile {
    width: 100%;
    margin: 0;
    position: relative;
    padding-top: 120px
}

.DoctorProfile .HeadingWrapper .Heading {
    margin: 10px 35px 10px 0;
    color: #1d3443;
    opacity: .5;
    font-weight: 600;
    cursor: pointer;
    font-size: 18px;
    text-transform: lowercase
}

#OtherPractices {
    white-space: nowrap;
    display: inline-block
}

.DoctorProfile .HeadingWrapper .Heading::first-letter {
    text-transform: capitalize
}

.DoctorProfile .HeadingWrapper .Heading.active {
    color: #1d3443;
    opacity: 1;
    border-bottom: 2px solid #7f6f64;
    margin-bottom: 0;
    padding-bottom: 15px
}

.DoctorHeading h2 {
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    flex: none;
    flex-grow: 0;
    margin: 10px 0
}

.DoctorProfile .inputWrapper {
    height: 58px;
    display: inline-flex !important;
    align-items: center;
    background: #fff !important;
    width: 30%;
    border-radius: 3px;
    margin-top: 15px;
    box-shadow: 0 4px 10px rgba(26, 34, 57, .08);
    position: relative;
    z-index: 2
}

#SpecialisationList .select2-container--default .select2-selection--single,
#SpecialisationPracList .select2-container--default .select2-selection--single {
    padding: 10px 10px 10px 18px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/BlueArrowSmall.svg") 95% center no-repeat !important;
    height: 40px;
    border-radius: 5px;
    border: none !important;
    outline: 0;
    color: #1d3443;
    font-weight: 700;
    width: 100%;
    font-size: 16px
}

#SpecialisationList .select2-container--default .select2-selection--single .select2-selection__placeholder,
#SpecialisationPracList .select2-container--default .select2-selection--single .select2-selection__placeholder {
    opacity: .3;
    font-weight: 400;
    font-size: 18px
}

#SpecialisationList .select2-container--default .select2-selection--single .select2-selection__rendered,
#SpecialisationPracList .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 22px;
    color: #1d3443
}

div#SpecialisationList,
div#SpecialisationPracList {
    margin-left: -20px;
    margin-top: -80px
}

div#PracticesMenu .container {
    margin-top: 75px
}

div#ConsultHospital {
    margin-left: -25px;
    width: 45%;
    position: relative
}

.ConsultHospital {
    display: flex;
    position: relative
}

div#ConsultHospital h2 {
    font-size: 40px;
    line-height: 54px;
    font-family: 'Open Sans';
    width: 90%
}

div#ConsultHospital p {
    font-size: 18px;
    line-height: 30px;
    width: 85%
}

div#ConsultWeekDayHours,
div#ConsultWeekendHours {
    background: #fff;
    width: 100%;
    padding: 0;
    mix-blend-mode: normal;
    border-radius: 3px;
    margin: 16px 35px 15px 0
}

#ConsultWeekDayHours h2,
div#ConsultWeekendHours h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 120%;
    color: #1d3443
}

div#ConsultWeekDayHours p,
div#ConsultWeekendHours p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 120%;
    display: flex;
    align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    padding: 5px 40px;
    color: #80898f;
    margin-bottom: 0;
    background: url("../images/clock-facilities.svg") left center no-repeat
}

div#ConsultWeekendHours {
    width: 55%;
    padding: 20px;
    margin-bottom: 1px;
    height: 160px
}

#ConsultHospital .MakeAppointmedBtn {
    display: block;
    background: #1d3443 !important;
    box-shadow: 0 0 20px rgba(37, 40, 73, .2);
    border-radius: 5px;
    position: absolute;
    width: 280px;
    height: 55px;
    z-index: 1;
    font-family: 'Open Sans Light';
    letter-spacing: .03em;
    padding: 15px 20px;
    font-weight: 700
}

#ConsultHospital .MakeAppointmedBtn:active,
#ConsultHospital .MakeAppointmedBtn:hover {
    background: #4682b4 !important;
    color: #fff !important
}

#ConsultationWrapper {
    display: flex;
    position: relative;
    width: 100%
}

.VisitingHoursText {
    background: #f8f6f4;
    margin: 30px 0;
    padding: 0 0 30px 36px;
    width: 105%
}

.VisitingHoursText p,
.governance-structure-content {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #1d3443
}

.DoctorProfile #watermark {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 75px
}

.DoctorProfile #watermark #bg-text {
    color: #4682b4;
    font-size: 300px !important;
    line-height: 60%;
    opacity: .05;
    display: flex !important;
    text-align: right;
    font-weight: 600 !important;
    font-family: Montserrat SemiBold !important;
    margin: auto;
    letter-spacing: -.03em
}

.IndividualSectionBox {
    display: inline-flex;
    border-bottom: none;
    margin-left: -31px;
    margin-top: 30px;
    margin-bottom: 40px
}

#IndividualDoctorSlider {
    margin-top: 30px;
    margin-left: -22px;
    padding-left: 0;
    padding-right: 5%
}

#IndividualDoctorSlider .slick-track {
    width: 5343px !important;
    border: none
}

#SpecialInterestMenu div#BigSliderNav {
    width: 60%;
    margin: 0 auto 0 28%
}

#SpecialInterestMenu ul.slick-dots {
    padding-left: 30%;
    bottom: -5px
}

#SpecialInterestMenu .slick-dots li {
    margin: 2px 10px;
    background: url("../images/Ellipse.svg") bottom center no-repeat
}

#SpecialInterestMenu .slick-dots li.slick-active a {
    display: block;
    border-radius: 100% !important;
    font-family: 'Open Sans Light';
    box-shadow: 10px 5px 33px rgba(46, 11, 5, .34)
}

#SpecialInterestMenu .prev-arrow.slick-arrow {
    background: url("../images/CarouselLeftArrow.svg") center center no-repeat;
    cursor: pointer;
    position: absolute;
    left: -47px;
    bottom: -12px;
    top: auto;
    box-shadow: none
}

#SpecialInterestMenu .next-arrow.slick-arrow {
    cursor: pointer;
    position: absolute;
    right: 0;
    left: 23px;
    background: url("../images/CarouselRightArrow.svg") center center no-repeat;
    bottom: -12px;
    top: auto;
    box-shadow: none
}

#SpecialInterestMenu li.slick-active {
    background-color: #1d3443 !important;
    background-image: none !important;
    color: #fff !important;
    border-radius: 100% !important;
    width: 26px;
    height: 26px;
    margin: 2px 40px;
    padding-top: 2px
}

.DoctorProfile .SectionBlock .InfoCardsImage {
    width: 85%;
    padding: 30px;
    margin-bottom: -32%
}

.btn.btn-primary.DoctorProfileBtn {
    position: relative;
    top: 35px
}

.DoctorProfile .SectionBlock.active svg path,
.DoctorProfile .SectionBlock:hover svg path {
    fill: #Fff
}

.DoctorProfile .SectionBlock.active svg rect,
.DoctorProfile .SectionBlock:hover svg rect {
    fill: #C7DAE9
}

#IndividualDoctorSlider .SectionBlock,
.individualSectionBox .SectionBlock {
    width: 360px !important;
    height: 170px;
    margin: 10px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    border-radius: 3px;
    position: relative;
    padding: 10px;
    z-index: 1
}

#IndividualDoctorSlider .SectionBlock:hover,
.SectionBlock.active,
.individualSectionBox .SectionBlock:hover {
    background: #4682b4 !important;
    color: #fff !important;
    cursor: pointer;
    border-radius: 0 !important
}

.DoctorProfile .SliderNumber {
    text-align: end !important;
    color: #1d3443 !important;
    font-weight: 600;
    font-family: Montserrat;
    letter-spacing: -.03em;
    font-size: 20px
}

#IndividualDoctorSlider .SectionBlock p,
.individualSectionBox .SectionBlock p {
    position: absolute;
    bottom: 0;
    font-weight: 700;
    font-size: 16px;
    height: 20px;
    width: 70%;
    line-height: 22px;
    align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #1d3443;
    margin: 20px 30px;
    padding-bottom: 25px;
    display: flex
}

#IndividualDoctorSlider .SectionBlock:hover p,
#LandingPageGrid .GridTitle-3,
.DoctorProfile .SectionBlock:hover .SliderNumber,
.InfoCard1:hover h3,
.InfoCard1:hover>.InfocardText,
.InfoCard2:hover h3,
.InfoCard2:hover>.InfocardText,
.SectionBlock.active .SliderNumber,
.SectionBlock.active p,
.individualSectionBox .SectionBlock:hover p {
    color: #fff !important
}

.SubDescription .DoctorBioHeading h2,
.SubDescription .DoctorEduHeading h2,
.SubDescription .DoctorPublication h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 54px;
    margin-left: -20px
}

.SubDescription .DoctorEduHeading h2 {
    width: 70%
}

.SubDescription .DoctorBiography p,
.SubDescription .DoctorEduHeading p,
.SubDescription .DoctorPublication p {
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: #80898f;
    margin-left: -20px;
    margin-right: 40px
}

.SubDescription .DoctorCertification {
    width: 100%;
    height: auto;
    padding-left: 5%;
    padding-top: 20px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(26, 34, 57, .05);
    border-radius: 10px;
    margin-top: 60px;
    padding-bottom: 1px
}

.SubDescription .CertListHeading {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-left: 90px;
    background: url("../images/Qualifications.svg") left 8% top no-repeat
}

.SubDescription .gold-point-list li {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-size: 18px;
    line-height: 130%;
    color: #1d3443;
    font-weight: 700;
    margin: 20px
}

#MediaCarouselNav .MediaThumbnail.slick-current,
#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links a:hover,
.SubDescription .fade:not(.show) {
    opacity: 1
}

.SubDescription .DoctorBiography {
    column-count: 2;
    column-gap: 30px
}

div#QualificationTab #watermark #bg-text {
    line-height: 95%
}

#PracticesMenu .ConsultHospital.sub-tabs.tab-pane.fade.active {
    display: flex !important
}

.tabbable {
    background: #fff;
    border-radius: 5px
}

#PracticesMenu .ConsultHospital.sub-tabs.tab-pane.fade {
    display: none;
    width: 100%
}

.above-hours-cointanier {
    padding: 30px 2px 0 25px
}

#AvailabilityMenu .AvailabilityText,
#AvailabilityMenu .InPracticeText {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 20px 0;
    background: url("../images/alert-circle.svg") top left no-repeat;
    padding-left: 40px;
    padding-right: 10px
}

#AvailabilityMenu .AvailabilityText {
    margin: 10px 0;
    background: url("../images/Check_InCircle.svg") top left no-repeat
}

#LanguagesMenu .LanguageList {
    font-size: 18px;
    line-height: 18px;
    word-spacing: 10px;
    color: #fff;
    font-family: 'Open Sans Light';
    margin-top: 45px
}

#LanguagesMenu .LanguageList strong {
    font-family: "Open Sans Semi-Bold";
    border-left: 1px solid #afcce0;
    border-right: 1px solid #afcce0;
    padding: 0 15px
}

#LanguagesMenu .LanguageList strong:first-child,
#LanguagesMenu .LanguageList strong:last-child,
#emergencyModal .modal-dialog .modal-content .modal-header {
    border: none;
    padding: 0
}

#LanguagesMenu .SpeakLanguage {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 20px 0;
    padding-right: 10px
}

.RightTextBlock {
    padding: 110px 50px 50px 110px
}

.RightTextBlock h1 {
    font-family: "Open Sans Light";
    font-size: 70px;
    line-height: 119.8%;
    margin-bottom: 50px
}

.ListItemWithIcon {
    display: inline-flex;
    font-size: 19px;
    line-height: 130%;
    width: 78%;
    font-family: "Open Sans";
    margin-bottom: 40px;
    color: #1d3443
}

.ListItemWithIcon img {
    height: 48px;
    background: #fff;
    border-radius: 100px;
    margin-right: 20px;
    margin-top: -8px;
    box-shadow: 0 6px 100px rgba(29, 52, 67, .24)
}

#NetcarePlusGridOneImage {
    background: url("../images/TealOverlay.jpg") 0 0/100% no-repeat;
    height: 100%
}

.MoreText {
    font-size: 16px !important
}

.NetcarePlusBlockTwo {
    width: 50%;
    margin-top: 25px
}

.NetcarePlusTopBannerText {
    padding: 25px 20% 25px 15%;
    margin-top: 20px
}

.NetcarePlusContentWrapper {
    margin: 8% 0 0;
    width: 50%
}

.NetcarePlusLogo img {
    width: 30%;
    margin-left: 6%
}

.NetcarePlusLogo {
    padding-left: 90px;
    margin-top: 10px
}

.NetcarePlusTopBannerText h6 {
    font-size: 30px;
    margin-bottom: 35px;
    line-height: 35px;
    font-family: 'Open Sans Bold'
}

.NetcarePlusTopBannerText p {
    color: #1d3443;
    font-weight: 300;
    line-height: 130%;
    font-style: normal;
    font-size: 21px !important
}

.NetcarePlusHours p {
    margin-bottom: 2px;
    color: #1d3443;
    font-weight: 700;
    font-size: 30px !important;
    line-height: 30px
}

.NetcarePlusHours p:first-child {
    font-size: 16px !important;
    letter-spacing: .15em;
    font-family: 'Open Sans Bold'
}

.NetcarePlusHours {
    display: inline-block;
    padding-top: 25px;
    margin-bottom: 20px
}

.NetcarePlusBannerText {
    right: 9%;
    height: 50%;
    width: 40%
}

.NetcarePlusBannerText h2 {
    color: #fff;
    margin-bottom: 40px
}

.NetcarePlusBannerText p {
    color: #fff;
    margin-bottom: 30px;
    width: 70%
}

#AppointMedSlider.NetcarePlusReviewSlider .SlideText {
    border-bottom: 8px solid #66b6c4
}

#AppointMedSlider.NetcarePlusReviewSlider .slick-current .SlideText {
    background: url("../images/CarouselQuotesLightBlue.svg") 50% 6%/20% no-repeat;
    border-bottom: 10px solid #66b6c4
}

#AppointMedSliderNav.NetcarePlusSliderNav .slick-dots li button:focus,
#AppointMedSliderNav.NetcarePlusSliderNav .slick-dots li button:hover,
#AppointMedSliderNav.NetcarePlusSliderNav .slick-dots li.slick-active button:before {
    color: #66b6c4 !important;
    opacity: 1 !important
}

#AppointMedSliderNav .slick-dots li button:before,
#AppointMedSliderNav.NetcarePlusSliderNav .slick-dots li button:before,
.CustomerFeedbackSliderNav .slick-dots li button:before {
    font-size: 30px;
    color: #4682b4
}

.CustomerFeedbackSliderNav .slick-dots li button:before {
    color: #66b6c4;
    opacity: .25 !important
}

.FindHealthCare {
    font-size: 18px;
    font-weight: 600;
    color: #1d3443 !important;
    line-height: 50px;
    background: url("../images/BlueArrow.svg") right center no-repeat;
    padding-right: 20px;
    padding-left: 10px;
    float: none
}

.BroucherDownload a:active,
.BroucherDownload a:focus,
.BroucherDownload a:hover,
.FindHealthCare:active,
.FindHealthCare:hover {
    color: #66b6c4 !important;
    background: url("../images/CarouselRightBlueArrowSmall.svg") right center no-repeat
}

.btn-primary.btnBuyVoucher {
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    background-color: #1d3443 !important;
    box-shadow: 0 0 20px rgba(37, 40, 73, .2);
    width: 210px;
    height: 48px;
    border-radius: 5px
}

.btn-primary.btnBuyVoucher:active,
.btn-primary.btnBuyVoucher:hover {
    color: #fff !important;
    background-color: #66b6c4 !important
}

.NetcarePlusButton {
    padding-right: 5px;
    margin-top: 10%
}

.VoucherCardsHeading {
    padding: 50px 0
}

.VoucherCardsHeading p {
    width: 40%;
    color: #1d3443
}

.VoucherCardWrapper {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px
}

.VoucherCardWrapper .VoucherCard {
    background-color: #fff;
    width: 31%;
    box-shadow: 0 5.18227px 86.3712px rgba(29, 52, 67, .05);
    border-radius: 17px;
    padding: 70px 50px 50px
}

.VoucherCardWrapper .VoucherCard:hover {
    transform: scale(1.1, 1.1);
    box-shadow: 0 5.18227px 86.3712px rgba(29, 52, 67, .05)
}

.VoucherCardWrapper .VoucherCard img {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 40px
}

.VoucherCardWrapper .VoucherCard p {
    min-height: 100px;
    color: #1d3443
}

.VoucherCardWrapper .VoucherCard .VoucherPrice {
    font-size: 43px;
    line-height: 119.8%;
    letter-spacing: -.03em;
    color: #66b6c4;
    font-weight: 700
}

.VoucherCardWrapper .VoucherCard .BuyNowButton {
    background: #1d3443;
    box-shadow: 0 0 17.2742px rgba(37, 40, 73, .2);
    border-radius: 4px;
    color: #fff;
    width: 98%;
    text-align: center;
    margin: 50px auto 0;
    display: block;
    height: 50px;
    line-height: 50px
}

.InfoSectionLeft {
    padding-top: 1px;
    width: 80%;
    margin-top: 20%
}

.InfoSectionRight {
    margin-top: 20%
}

.InfoSectionLeft .LightbluePlus {
    line-height: 90px;
    font-family: 'Open Sans Light';
    font-size: 80px
}

.InfoSectionLeft p {
    width: 65%;
    font-size: 21px;
    line-height: 130%;
    color: #1d3443 !important
}

.InfoCard1,
.InfoCard2 {
    width: 95%;
    height: 290px;
    margin: 35px 20px;
    padding-left: 10%;
    padding-top: 40px;
    background: #fff
}

.InfoCard1 .InfoCardsImage {
    width: 85%;
    background: url("../images/FAQ.svg") no-repeat;
    padding: 30px;
    margin-bottom: 10%
}

.InfoCard2 .InfoCardsImage {
    background: url("../images/Terms.svg") no-repeat;
    width: 85%;
    padding: 30px;
    margin-bottom: 10%
}

.InfoCard1 h3,
.InfoCard2 h3 {
    font-size: 40px !important;
    color: #1d3443
}

.InfoCard1>.InfocardText,
.InfoCard2>.InfocardText {
    color: #1d3443;
    font-size: 18px;
    background: url("../images/BlueArrow.svg") right center no-repeat;
    padding-right: 20px;
    display: inline-table
}

.InfoCard1:hover .InfoCardsImage {
    background: url("../images/FAQ-hover.svg") no-repeat
}

.InfoCard2:hover .InfoCardsImage {
    background: url("../images/Terms-hover.svg") no-repeat
}

.InfoCard1:hover>.InfocardText,
.InfoCard2:hover>.InfocardText {
    background: url("../images/ArrowWhiteSmallRight.svg") right center no-repeat !important
}

.BroucherDownload {
    display: inline-flex;
    font-size: 19px;
    line-height: 130%;
    width: 78%;
    font-family: "Open Sans";
    color: #1d3443;
    margin-left: 70px
}

.DoctorSpacingSection {
    margin-top: 45px
}

.BookAppointmentBannerText {
    right: 8%;
    width: 35%;
    height: 70%
}

.btn-primary.FindMore {
    box-shadow: 0 0 20px rgba(37, 40, 73, .2);
    width: 200px;
    font-size: 18px;
    line-height: 120%
}

.AppointmedSignUp .BannerTextAppointMed {
    margin-right: 28%
}

.AppointmedSignUp .BannerTextAppointMed h1 {
    font-size: 70px !important
}

.AppointmedSignUp .BannerTextAppointMed li {
    color: #1d3443 !important;
    font-size: 21px !important
}

.AppointmedSignUp .BannerTextAppointMed p:last-child,
.AppointmedSignUp .BannerTextAppointMed strong:nth-child(2),
.AppointmedSignUp .BannerTextAppointMed strong:nth-child(3) {
    color: #4682b4 !important;
    font-weight: 700
}

.AppointmedSignUp .BannerTextAppointMed p {
    font-size: 21px !important
}

.AppointmedSignUp .GridContainer .GridTitle {
    font-size: 45px !important;
    line-height: 55px !important
}

.AppointmedSignUp .GridContainer p,
.inverstorLastBlock p:last-child {
    font-size: 20px !important
}

.GridOne .AppointmedSignUp .GridTitle {
    width: 90% !important
}

.GridOne .AppointmedSignUp .GridText {
    width: 75% !important
}

.GridFive .AppointmedSignUp .GridTitle,
.GridThree .AppointmedSignUp .GridTitle {
    width: 95% !important
}

.GridThree .AppointmedSignUp .GridText {
    width: 67% !important
}

.GridFive .AppointmedSignUp .GridText {
    width: 70% !important
}

.AppointmedSignUp .AppointmedLink a {
    background: url("../images/Arrow.svg") right center no-repeat !important;
    padding-right: 25px
}

.AppointmedSignUp .AppointmedLink a:hover {
    background: url("../images/LightBlueArrowRight.svg") right center no-repeat !important;
    padding-right: 25px
}

.AppointmedSignUp .AppointmedLogoTitle {
    width: 60%;
    margin-top: 70px
}

div#dnn_LiveForm {
    margin-top: 80px;
    background: #1d3443
}

div#dnn_LiveForm .LiveForm.Default .thank-you,
div#dnn_LiveForm .LiveForm.Default ul.page-break-section {
    padding: 25px 100px
}

div#dnn_LiveForm .LiveForm.Default h2 {
    color: #fff;
    font-weight: 300;
    font-size: 45px;
    line-height: 110%;
    letter-spacing: -.03em;
    border-bottom: none;
    background: url("../images/CarouselBluePlus.svg") left top no-repeat;
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px;
    margin-bottom: 10px
}

div#dnn_LiveForm .LiveForm.Default .Field label {
    color: #fff;
    font-size: 16px;
    align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase
}

div#dnn_LiveForm .LiveForm .Field>div input[type=submit] {
    background: #4682b4 !important;
    border: 0 !important;
    padding: 13px 42px !important;
    margin-top: 5px !important;
    font-size: 18px !important;
    color: #fff !important;
    border-radius: 5px !important;
    float: none;
    font-family: 'Open Sans Semi-Bold' !important
}

div#dnn_LiveForm .LiveForm.Default ul.page-break-section .Field>div>p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
    border-bottom: none;
    margin-bottom: 10px
}

div#dnn_LiveForm .LiveForm.Default .Field select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/LightBlueArrowDown.svg") 95% center no-repeat #fff !important;
    color: #1d3443;
    font-family: 'Open Sans' !important;
    letter-spacing: .02em
}

@-moz-document url-prefix() {

    .BigSliderBlock .Slider,
    .SmallSliderBlock .Slider {
        background: url("../images/FrostedGlass.png") top left rgba(255, 255, 255, .7)
    }

    .BigSliderBlock:hover .Image img {
        margin-top: -100px
    }

    #SearchClinic,
    #SearchDentist,
    #SearchDoctor,
    #SearchHospital,
    #SearchSpecialist,
    #SearchVacancies {
        margin-bottom: 50px
    }

    div#dnn_LiveForm .LiveForm.Default .Field select {
        font-family: 'Open Sans Light' !important;
        font-weight: 400
    }

    #mega-menu-container .mega-menu-flyout-desktop .MenuOverlay {
        background: url("../images/FrostedGlass.png") left top #152734 !important
    }
}

div#dnn_LiveForm .LiveForm.Default .Field.Required input {
    background-color: #fff !important;
    outline: 0;
    color: #1d3443;
    font-weight: 700;
    font-family: 'Open Sans' !important
}

div#dnn_LiveForm .LiveForm.Default .Field.Required input::placeholder {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 122.94%;
    display: flex;
    align-items: center;
    letter-spacing: -.03em;
    color: #1d3443;
    opacity: .3
}

div#dnn_LiveForm .LiveForm.Default input.error,
div#dnn_LiveForm .LiveForm.Default select.error {
    border: 2px solid #eb5757 !important
}

.AppointmedForm .LiveForm.Default .thank-you .SuccessPage {
    margin: 50px 0 !important;
    text-align: center
}

.AppointmedForm .LiveForm.Default .thank-you {
    background: 0 0 !important;
    margin-left: 20px
}

.CovidPage.StatsBlock .WebsiteWrapper .GoldLink,
.GoldCard .TextWrapper>a {
    background: url("../images/right-full.svg") right center no-repeat;
    padding-right: 40px !important
}

.AppointmedForm .LiveForm.Default .thank-you #AppointmedForm {
    margin-top: 0 !important
}

.AppointmedForm .LiveForm.Default .Thank-you h1 {
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 45px;
    padding: 20px
}

.AppointmedForm .LiveForm.Default .Thank-you p {
    font-size: 20px !important;
    font-weight: 400;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 10%
}

#BigSlider.BannerContent {
    height: 560px !important;
    margin-bottom: 150px
}

#BigSlider.BannerContent .BigSlide .Content {
    float: right;
    padding: 65px 90px;
    align-items: start
}

#BigSlider.BannerContent .Content h2 {
    background: 0 0;
    font-size: 45px;
    padding-top: 17px;
    color: #1d3443;
    line-height: 110%
}

#BigSlider.BannerContent .TextWrapper .btn-primary {
    border-radius: 5px;
    width: 166px;
    height: 50px;
    font-family: 'Open Sans'
}

#BigSlider.BannerContent .TextWrapper .btn-primary:active,
#BigSlider.BannerContent .TextWrapper .btn-primary:hover,
#FloatingImageBanner .VideoText .btn-primary:active,
#FloatingImageBanner .VideoText .btn-primary:hover {
    background: #cdad7f !important;
    color: #fff !important
}

#BigSlider.BannerContent .Content p {
    font-size: 20px;
    line-height: 130%
}

.CovidTopSection {
    margin-bottom: 8%
}

.CovidPage.InfoBlock {
    background: linear-gradient(181.93deg, #fff 1.63%, #f7f7f7 85.81%);
    border-radius: 3px;
    width: 100%;
    margin-top: -550px;
    padding: 50px 100px 35px 45px
}

.CovidPage.InfoBlock .InfoBlockTitle {
    font-size: 80px;
    line-height: 112%;
    color: #1d3443;
    font-family: "Open Sans Light";
    font-weight: 300;
    letter-spacing: -.03em
}

#mega-menu-container .menu-back-item:hover .sub-flyout-title,
#mega-menu.mega-menu-desktop .top-level .link-item.has-items.menu-active .link-text,
#mega-menu.mega-menu-desktop .top-level .link-item:hover .link-text,
.CovidPage.InfoBlock .InfoLinks span:hover a {
    color: #7f6f64
}

.CovidPage.InfoBlock .InfoLinks span a {
    color: #57656e;
    font-weight: 600;
    line-height: 150.26%;
    text-transform: uppercase;
    font-size: 12px
}

.CovidPage.InfoBlock .InfoLinks span:last-child a {
    color: #1d3443;
    cursor: text
}

.CovidPage.InfoBlock .InfoBlockDescription {
    color: #80898f;
    font-size: 20px;
    line-height: 130%;
    font-family: 'Open Sans Semi-Bold';
    font-weight: 400;
    margin: 45px 0
}

.CovidPage.StatsBlock {
    margin-top: -490px;
    color: #fff;
    box-shadow: 0 6px 100px rgba(29, 52, 67, .24);
    border-radius: 10px
}

.CovidPage.StatsBlock .StatsDetails {
    padding: 35px 45px 20px;
    background: rgba(29, 52, 67, .94);
    box-shadow: 0 6px 100px rgba(29, 52, 67, .24);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.CovidPage.StatsBlock h2 {
    color: #fff;
    font-weight: 300;
    font-size: 34px;
    line-height: 110%;
    letter-spacing: -.03em
}

.CovidPage.StatsBlock .StatsTime {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 40px;
    letter-spacing: .1em;
    text-transform: uppercase
}

.CovidPage.StatsBlock .CovidStats .StatBlock:first-child {
    padding-left: 0;
    width: 50%
}

.CovidPage.StatsBlock .CovidStats .StatBlock .number {
    font-size: 38px
}

.CovidPage.StatsBlock .WebsiteWrapper {
    background-color: #fff;
    width: 100%;
    padding: 30px 45px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.CovidPage.StatsBlock .WebsiteWrapper .WebsiteLink {
    padding-left: 9%
}

.CovidPage.StatsBlock .WebsiteWrapper .WebsiteLink span {
    color: #57656e;
    font-size: 16px;
    display: block
}

.CovidPage.StatsBlock .WebsiteWrapper .GoldLink {
    margin-top: 10px;
    color: #1d3443 !important;
    font-size: 14px
}

.CovidPage.StatsBlock .WebsiteWrapper .GoldLink:active,
.CovidPage.StatsBlock .WebsiteWrapper .GoldLink:focus,
.CovidPage.StatsBlock .WebsiteWrapper .GoldLink:hover,
.GoldCard .TextWrapper>a:hover {
    background-image: url("../images/right-full_gold.svg");
    color: #7f6f64 !important
}

.CovidRefresh {
    margin-bottom: 110px
}

.CovidRefresh .InfoSectionRight {
    margin-top: 0;
    padding-left: 38px;
    width: 85%
}

.InfoSectionRight.HealthcareFAQ {
    width: 90%;
    margin-top: 0;
    margin-bottom: 40px
}

.CovidRefresh .InfoCard1,
.CovidRefresh .InfoCard2,
.InfoSectionRight.HealthcareFAQ .InfoCard1,
.InfoSectionRight.HealthcareFAQ .InfoCard2 {
    background: #fff !important;
    height: auto;
    width: 100%;
    margin-left: 0;
    padding-left: 7%;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05)
}

.InfoSectionRight.HealthcareFAQ .InfoCard2 {
    padding-bottom: 5px;
    margin-bottom: 0
}

.InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage,
.InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
    margin-bottom: 5px !important;
    width: 20% !important
}

.CovidRefresh .InfoCard1 .InfoCardsImage,
.CovidRefresh .InfoCard2 .InfoCardsImage,
.InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage,
.InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
    width: 15%;
    background: 0 0 !important;
    position: relative;
    margin-bottom: 20px;
    padding: 0
}

.CovidRefresh .InfoCard1 .InfoCardsImage img,
.CovidRefresh .InfoCard2 .InfoCardsImage img {
    width: 85%;
    padding-left: 10px
}

.InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage img,
.InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage img {
    width: 85%;
    padding-left: 0
}

.InfoSectionRight.HealthcareFAQ .peachblock {
    background: #4682b4
}

.InfoSectionRight.HealthcareFAQ .InfoCard1 .InfocardText,
.InfoSectionRight.HealthcareFAQ .InfoCard2 .InfocardText {
    color: #4682b4;
    font-size: 18px;
    padding-right: 40px;
    background: url("../images/right-full_default.svg") right center no-repeat !important
}

.CovidRefresh .InfoCard1 .InfocardText {
    background: url("../images/ThinRightArrowBlue.svg") right center no-repeat !important
}

.CovidRefresh .InfoCard1:hover .InfocardText {
    color: #d5bfac !important;
    background: url("../images/ThinRightArrowGold.svg") right center no-repeat !important
}

.InfoSectionRight.HealthcareFAQ .InfoCard1:hover .InfocardText,
.InfoSectionRight.HealthcareFAQ .InfoCard2 .InfocardText:hover {
    color: #1d4334 !important;
    background: url("../images/right-full_hover.svg") right center no-repeat !important
}

.InfoSectionLeft.HealthcareFAQ a.btn-primary:hover {
    color: #fff !important;
    background: #4682b4 !important
}

.CovidRefresh .InfoCard2 .InfocardText {
    padding-right: 35px;
    background: url("../images/download.svg") right center no-repeat !important
}

.CovidRefresh .InfoCard2:hover .InfocardText {
    color: #d5bfac !important;
    background: url("../images/downloadGold.svg") right center no-repeat !important
}

.CovidRefresh .InfoCard1 h3,
.CovidRefresh .InfoCard2 h3,
.InfoSectionRight.HealthcareFAQ .InfoCard1 h3,
.InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
    font-family: 'Open Sans';
    line-height: 120%;
    font-weight: 300;
    letter-spacing: -.03em;
    width: 95%;
    height: 96px;
    align-items: flex-end;
    display: flex;
    color: #1d3443 !important
}

.CovidRefresh .InfoCard2 h3 {
    width: 90%
}

.CovidRefresh .InfoSectionLeft {
    padding-top: 110px;
    margin-top: 15px;
    padding-left: 70px;
    width: 80%
}

.InfoSectionLeft.HealthcareFAQ {
    padding-top: 0;
    margin-top: 0;
    padding-left: 70px;
    width: 80%
}

.CovidRefresh .InfoSectionLeft h1,
.InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
    font-family: 'Open Sans Light';
    font-weight: 300;
    font-size: 80px;
    line-height: 112%;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 25px
}

#HealthcareGrid .GridFive .GridText,
#HealthcareGrid .GridThree .GridText,
.CovidRefresh .InfoSectionLeft p,
.InfoSectionLeft.HealthcareFAQ p {
    width: 85%
}

.CovidRefresh .InfoSectionLeft .ContentUnderPlus,
.InfoSectionLeft.HealthcareFAQ .ContentUnderPlus {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: #1d3443;
    margin: 40px 0
}

.InfoSectionLeft.HealthcareFAQ .ContentUnderPlus {
    margin: 20px 0
}

#StrategicPillarsSlider .StrategicPillarsSlide .circle .inner-content h6,
#StrategicPillarsSlider .StrategicPillarsSlide .circle .inner-content p,
.CovidFAQHeader,
.CovidFAQTitle p,
.CovidTabSection .HeadingWrapper,
.FAQTabSection .HeadingWrapper,
.FAQTitle p,
.HeaderFAQ {
    text-align: center
}

.CovidFAQTitle p,
.FAQTitle p {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    color: #cdad7f;
    letter-spacing: .15em;
    text-transform: uppercase
}

.BackButton {
    display: block;
    padding-left: 35px;
    background: url("../images/left-full_blue.svg") left center no-repeat;
    color: #1d3443;
    font-size: 18px;
    margin-top: 60px
}

.BackButton:focus,
.BackButton:hover {
    background-image: url("../images/left-full_gold.svg");
    color: #7f6f64
}

.CovidFAQHeader,
.HeaderFAQ {
    font-family: 'Open Sans Light';
    font-size: 45px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -.03em;
    color: #1d3443
}

.PanelIntro {
    margin: 60px 0 50px
}

.PanelIntro p {
    font-family: "Open Sans";
    font-size: 18px;
    line-height: 130%;
    color: #1d3443
}

.PanelIntro h3 {
    font-family: "Open Sans Bold";
    color: #1d3443;
    font-size: 25px;
    line-height: 136%;
    margin-bottom: 15px
}

.Additional-Section .panel-group .panel-collapse,
.BIO-Section .panel-group .panel-collapse,
.FAQContainer .panel-group .panel-collapse {
    background: 0 0 !important;
    padding: 0 !important
}

.collapseFAQBlock {
    border: .5px solid #bec2c6;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.WhiteBlockWrapper,
.WhiteGoldBlock {
    border-bottom: 20px solid #d5bfac;
    border-radius: 3px
}

.CovidFAQIntro {
    font-family: 'Open Sans Semi-Bold';
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 45px
}

.collapseAdditionalBlock .panel-body p:last-child,
.collapseBIOBlock .panel-body p:last-child,
.collapseFAQBlock .panel-body p:last-child,
.collapseFacilitiesBlock .panel-body p:last-child {
    margin-bottom: 40px !important
}

.collapseAdditionalBlock .panel-body p:first-child,
.collapseBIOBlock .panel-body p:first-child,
.collapseFAQBlock .panel-body p:first-child,
.collapseFacilitiesBlock .panel-body p:first-child {
    margin-top: -5px
}

.collapseAdditionalBlock .panel-heading h4,
.collapseBIOBlock .panel-heading h4,
.collapseFAQBlock .panel-heading h4,
.collapseFacilitiesBlock .panel-heading h4 {
    font-family: 'Open Sans Semi-Bold';
    font-size: 20px;
    line-height: 130%
}

.collapseAdditionalBlock .panel-heading .collapsable,
.collapseBIOBlock .panel-heading .collapsable,
.collapseFAQBlock .panel-heading .collapsable,
.collapseFacilitiesBlock .panel-heading .collapsable {
    border: none !important;
    padding: 40px 10% 40px 40px !important;
    margin-bottom: 0 !important;
    cursor: pointer;
    background: url("../images/ThinArrowUp.svg") top 45px right 2% no-repeat !important
}

.collapseAdditionalBlock .panel-heading .collapsable.collapsed,
.collapseFAQBlock .panel-heading .collapsable.collapsed,
.collapseFacilitiesBlock .panel-heading .collapsable.collapsed {
    cursor: pointer;
    background: url("../images/ThinArrowDown.svg") top 45px right 2% no-repeat !important;
    margin-bottom: 0 !important
}

.collapseAdditionalBlock .panel-body,
.collapseFAQBlock .panel-body {
    margin-left: 40px !important;
    margin-right: 10% !important;
    margin-bottom: 0
}

.collapseFAQBlock .panel-body p,
.collapseFAQBlock .panel-body span {
    font-size: 18px;
    line-height: 130%;
    color: #57656e;
    margin-bottom: 20px
}

.collapseAdditionalBlock .panel-body p span,
.collapseAdditionalBlock .panel-body ul li span,
.collapseBIOBlock .panel-body p span,
.collapseBIOBlock .panel-body ul li span,
.collapseFAQBlock .panel-body p span,
.collapseFAQBlock .panel-body ul li span,
.collapseFacilitiesBlock .panel-body p span,
.collapseFacilitiesBlock .panel-body ul li span {
    font-size: 18px;
    margin-bottom: 0;
    display: block
}

#HealthcareGrid p,
.collapseAdditionalBlock .panel-body ul li,
.collapseBIOBlock .panel-body ul li,
.collapseFAQBlock .panel-body ul li,
.collapseFacilitiesBlock .panel-body ul li {
    font-size: 18px
}

.collapseAdditionalBlock .panel-body ul span,
.collapseBIOBlock .panel-body ul span,
.collapseFAQBlock .panel-body ul span,
.collapseFacilitiesBlock .panel-body ul span {
    display: block;
    margin-bottom: 0
}

.collapseAdditionalBlock .panel-body a:focus,
.collapseAdditionalBlock .panel-body a:hover,
.collapseBIOBlock .panel-body a:focus,
.collapseBIOBlock .panel-body a:hover,
.collapseFAQBlock .panel-body a:focus,
.collapseFAQBlock .panel-body a:hover,
.collapseFacilitiesBlock .panel-body a:focus,
.collapseFacilitiesBlock .panel-body a:hover {
    color: #1d4334;
    text-decoration-line: underline
}

.Additional-Section .collapseAdditionalBlock .panel-body li,
.Additional-Section .collapseAdditionalBlock .panel-body p,
.BIO-Section .collapseBIOBlock .panel-body li,
.BIO-Section .collapseBIOBlock .panel-body p,
.FAQ-Section .collapseFAQBlock .panel-body li,
.FAQ-Section .collapseFAQBlock .panel-body p,
.Facilities-Section .collapseFacilitiesBlock .panel-body li,
.Facilities-Section .collapseFacilitiesBlock .panel-body p {
    font-size: 18px;
    line-height: 130%;
    color: #57656e
}

.collapseBIOBlock .panel-heading .collapsable.collapsed {
    cursor: pointer;
    background: url("../images/up-simple.svg") top 45px right 2% no-repeat !important;
    margin-bottom: 0 !important
}

.collapseBIOBlock .panel-body {
    margin-left: 78px !important;
    margin-right: 10% !important;
    margin-bottom: 20px
}

.doctor-accordin-view .Additional-Section,
.doctor-accordin-view .additional-qual-description {
    padding-left: 40px;
    padding-right: 40px
}

.doctor-accordin-view .Additional-Section .panel-body {
    margin-left: 50px !important
}

.collapseBIOBlock #collapse_15 .panel-body,
.collapseBIOBlock #collapse_16 .panel-body {
    margin-left: 93px !important
}

.collapseBIOBlock #exp_showmore_content,
.collapseBIOBlock div#exp_top3 {
    margin: 0 22px
}

.collapseBIOBlock #collapse21 .panel-body,
.collapseBIOBlock #collapse_20 .panel-body {
    padding: 0 17px
}

.collapseBIOBlock .panel-body p,
.collapseBIOBlock .panel-body span {
    font-size: 18px;
    line-height: 130%;
    color: #cdad7f;
    margin-bottom: 17px
}

.collapseBIOBlock .panel-body a {
    color: #7f6f64;
    text-decoration: none
}

.collapseBIOBlock .panel-body a:active,
.collapseBIOBlock .panel-body a:hover,
.collapseBIOBlock .panel-body a:link,
.collapseBIOBlock .panel-body a:visited {
    text-decoration: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.collapseFacilitiesBlock .panel-body {
    margin-left: 55px !important;
    margin-right: 10% !important;
    margin-bottom: 0
}

.collapseFacilitiesBlock .panel-body p,
.collapseFacilitiesBlock .panel-body span {
    font-size: 18px;
    line-height: 130%;
    color: #cdad7f;
    margin-bottom: 0
}

.collapseAdditionalBlock .panel-body p,
.collapseAdditionalBlock .panel-body span {
    font-size: 18px;
    line-height: 130%;
    color: #cdad7f;
    margin-bottom: 20px
}

.CovidTabSection,
.FAQTabSection {
    display: flex;
    margin: 6% auto 55px
}

.CovidTabSection .Heading,
.FAQTabSection .Heading {
    font-weight: 600;
    font-size: 18px;
    line-height: 163.92%;
    color: #1d3443;
    margin: 0 15px;
    mix-blend-mode: normal;
    opacity: .5
}

.CovidTabSection .Heading.active,
.FAQTabSection .Heading.active {
    color: #cdad7f;
    padding-bottom: 5px;
    border-bottom: 2px solid
}

#FloatingImageBanner.VideoIntroductionWrapper {
    height: 100%;
    overflow: hidden
}

#FloatingImageBanner .VideoImage {
    right: -5px;
    height: auto
}

#FloatingImageBanner .VideoText {
    float: left;
    padding-right: 40%;
    padding-left: 8%;
    width: 80%;
    height: auto;
    padding-top: 5%;
    margin-top: 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    margin-bottom: 120px
}

#FloatingImageBanner .VideoText .BannerSubHeading {
    font-family: "Open Sans";
    color: #1d3443;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%
}

#FloatingImageBanner .VideoText h2 {
    font-size: 45px;
    margin-bottom: 30px
}

#FloatingImageBanner .VideoText li,
#FloatingImageBanner .VideoText p {
    color: #80898f;
    line-height: 140%;
    font-size: 16px
}

#FloatingImageBanner .VideoText li::marker {
    color: #57656e
}

.VideoCarouselHeading h2.HeadingMiddle {
    line-height: 110%;
    width: 80%
}

.VideoCarouselHeading p {
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    width: 60%;
    margin: 15px auto 30px
}

#CancerCarousel .slick-slide,
#MediaCarousel .slick-slide {
    line-height: 0;
    height: auto
}

#MediaCarousel .VideoBlock .yt-lazyload {
    width: 100%;
    position: relative !important;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-select: none
}

#MediaCarousel .VideoBlock .yt-lazyload::before {
    content: '';
    width: 100%;
    display: block;
    position: relative;
    padding-top: 56.25%;
    background-color: #000
}

#MediaCarousel .VideoBlock .yt-lazyload iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border: 0
}

#MediaCarousel .VideoBlock .yt-lazyload .yt-lazyload-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: inherit
}

#MediaCarousel .VideoBlock .yt-lazyload .yt-lazyload-wrap .yt-lazyload-content {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #000;
    background-image: var(--yt-lazyload-img);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

#MediaCarousel .VideoBlock .yt-lazyload .yt-lazyload-wrap .yt-lazyload-content .yt-lazyload-playbtn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='%23212121' fill-opacity='.8' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z'/%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: calc(35px + 10%) auto;
    background-repeat: no-repeat
}

#MediaCarousel .VideoBlock .yt-lazyload .yt-lazyload-wrap .yt-lazyload-content .yt-lazyload-playbtn:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='red' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z'/%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E")
}

#MediaCarouselNav {
    display: flex;
    margin-bottom: 50px
}

#MediaCarouselNav .slick-arrow {
    top: 42px;
    position: relative;
    box-shadow: none;
    width: 34px;
    height: auto;
    font-size: 20px
}

#MediaCarouselNav .slick-arrow.slick-prev {
    background: url("../images/CarouselArrowLeft.svg") center center no-repeat #e8e9ea;
    left: 0;
    margin-right: 15px
}

#MediaCarouselNav .slick-arrow.slick-next {
    background: url("../images/CarouselArrowRight.svg") center center no-repeat #e8e9ea;
    right: 0;
    margin-left: 15px
}

#MediaCarouselNav .MediaThumbnail {
    margin-right: 20px;
    height: auto;
    opacity: .4;
    cursor: pointer
}

#MediaCarouselNav .MediaThumbnail img {
    width: 150px
}

.WhiteBlockWrapper {
    background: #fff;
    padding: 50px 65px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
    display: block;
    margin-bottom: 50px
}

.CovidContent h2,
.WhiteBlockWrapper .CovidVideoHeading h2,
.WhiteGoldBlock h2 {
    font-size: 45px;
    line-height: 110%
}

.DownloadLink,
.ReadMoreLink,
.WhiteGoldBlock span {
    font-size: 16px;
    margin-bottom: 0
}

.WhiteBlockWrapper .CovidVideoHeading p {
    color: #80898f;
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 5%;
    width: 77%
}

.WhiteBlockWrapper .DesktopImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px
}

.WhiteBlockWrapper .CovidVideoHeading a {
    line-height: 22px;
    font-weight: 700;
    align-items: center;
    margin-bottom: 10px;
    display: table;
    transition: color .4s ease-in-out
}

.DownloadLink {
    display: table;
    background: url("../images/download.svg") right center no-repeat;
    padding-right: 35px;
    color: #1d3443
}

.DownloadLink:hover {
    color: #d5bfac !important;
    background: url("../images/downloadGold.svg") right center no-repeat
}

.ReadMoreLink {
    display: table;
    background: url("../images/ThinRightArrowBlue.svg") right center no-repeat;
    padding-right: 25px;
    color: #1d3443
}

.ReadMoreLink:hover {
    color: #d5bfac !important;
    background: url("../images/ThinRightArrowGold.svg") right center no-repeat
}

.WhiteGoldBlock {
    background: #fff;
    margin-bottom: 38px;
    width: 85%;
    box-shadow: 0 4px 60px rgba(26, 34, 57, .1)
}

#SplitBanner.WhiteBG,
#TextBlock a,
.TabsWrapper {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .05)
}

.WhiteGoldBlock:hover .DownloadLink {
    color: #d5bfac !important;
    background: url("../images/downloadGold.svg") right center no-repeat !important
}

.WhiteGoldBlock a {
    padding: 60px 50px 50px;
    display: block
}

.WhiteGoldBlock span {
    display: block;
    font-family: "Open Sans Bold";
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #d5bfac
}

.WhiteGoldBlock p:first-of-type {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 12px
}

.CovidContent {
    margin-bottom: 100px;
    margin-left: 20px
}

.CovidContent .NewsBlock {
    margin-bottom: 42px
}

.CovidContent .NewsBlock p {
    color: #80898f;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 130%
}

#HealthcareGrid .GridOne {
    background: url("../images/GridOne.jpg")
}

#HealthcareGrid .GridFive,
#HealthcareGrid .GridOne,
#HealthcareGrid .GridThree,
#LandingPageGrid .GridFive,
#LandingPageGrid .GridOne,
#LandingPageGrid .GridThree,
.TopHeader .top-header-buttons a.search-button div.container {
    display: flex;
    align-items: center
}

#HealthcareGrid .GridOne .GridText {
    width: 78%
}

#HealthcareGrid .GridText p {
    font-size: 18px;
    line-height: 130%;
    color: #fff;
    font-family: 'Open Sans'
}

#HealthcareGrid .GridContainer,
#LandingPageGrid .GridContainer {
    padding: 0;
    margin: 0 auto;
    width: 80%
}

#HealthcareGrid .GridTitle {
    color: #fff;
    font-family: 'Open Sans Light';
    font-size: 45px;
    line-height: 111%
}

#LandingPageGrid .GridOne {
    background-color: #d5bfac
}

#LandingPageGrid .GridText p {
    font-size: 16px;
    line-height: 140%;
    font-family: 'Open Sans'
}

#LandingPageGrid .GridTitle {
    color: #1d3443;
    font-family: 'Open Sans Light';
    font-size: 30px;
    line-height: 133%
}

#LandingPageGrid .GridFive {
    background-color: #fff
}

#LandingPageGrid .LinkArrow {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans';
    line-height: 143%;
    background-size: 24px;
    padding-right: 40px;
    letter-spacing: -.03em
}

#LandingPageGrid .LinkArrowOne {
    color: #1d3443;
    background: url("../images/right-full.svg") right no-repeat
}

#LandingPageGrid .LinkArrowThree {
    color: #e4d7cc;
    background: url("../images/right-full_light_gold.svg") right no-repeat
}

#LandingPageGrid .LinkArrowOne:hover,
#LandingPageGrid .LinkArrowThree:hover {
    color: #fff !important;
    background: url("../images/right-long-white.svg") right no-repeat
}

#LandingPageGrid .LinkArrowFive {
    color: #7f6f64;
    background: url("../images/right-full_gold.svg") right no-repeat
}

#LandingPageGrid .LinkArrowFive:hover,
.NewsArticle .ArticleLink:hover,
.SmartSearch .SeeAllLink:hover {
    color: #1d3443;
    background: url("../images/right-long-blue.svg") right no-repeat
}

.CustomerFeedbackSlider .slick-current .SlideText {
    border-bottom: 10px solid #4682b4;
    background-size: 20%
}

.CustomerFeedbackSlider .SlideText {
    border-bottom: 8px solid #4682b4
}

#TextBlock.ipadtextblock h2 {
    font-size: 45px;
    line-height: 111%;
    margin-bottom: 20px
}

#TextBlock.ipadtextblock p {
    width: 70%;
    color: #1d3443;
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 30px
}

#TextBlock a {
    font-family: 'Open Sans';
    background: #1d3443 !important;
    color: #fff !important;
    border-radius: 3px;
    padding: 15px 18px
}

.TopBlockWrapper {
    padding-top: 80px
}

.LightBlueBlockWrapper {
    margin-top: -225px;
    margin-bottom: -55px
}

.WelcomeText {
    width: 61%;
    margin: 0 auto
}

.WelcomeText .WelcomeTitle {
    font-size: 80px;
    line-height: 112%;
    color: #1d3443;
    letter-spacing: -.03em;
    font-weight: 300;
    margin-bottom: 25px;
    font-family: 'Open Sans Light'
}

.WelcomeText p {
    font-family: "Open Sans Semi-Bold";
    font-size: 18px;
    line-height: 130%;
    color: #80898f;
    letter-spacing: 0
}

.TabsWrapper {
    position: relative;
    z-index: 99;
    height: 866px;
    border: 1px solid rgba(255, 255, 255, .5);
    background: #fff;
    border-radius: 5px;
    padding: 40px 0
}

.TabsWrapper .nav {
    justify-content: center;
    align-items: center;
    border-bottom: none;
    margin-left: 0;
    margin-bottom: 17px
}

.TabsWrapper .nav .nav-item:hover .nav-link:after {
    content: none
}

.TabsWrapper .nav .nav-item .nav-link {
    font-family: 'Open Sans Bold';
    border: none;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: .15em;
    color: #bec2c6;
    padding-top: 0;
    padding-bottom: 0
}

.TabsWrapper .nav .nav-item:first-child .nav-link {
    border-right: 2px solid #1d3443;
    border-radius: 0
}

#TextBlock.ipadtextblock {
    padding-top: 320px;
    padding-bottom: 100px
}

#SplitBanner {
    display: flex;
    width: 100%;
    margin-bottom: 100px
}

#SplitBanner.WhiteBG {
    background: #fff;
    border-radius: 3px
}

#SplitBanner .Image {
    width: 44%;
    display: block
}

#SplitBanner .Content {
    width: 56%;
    display: flex;
    align-items: center;
    padding: 0 60px 0 100px
}

#SplitBanner .Content .TextWrapper h6 {
    color: #80898f;
    margin-bottom: 30px
}

#SplitBanner .Content .TextWrapper p {
    font-size: 18px;
    color: #80898f;
    line-height: 130%;
    margin-bottom: 35px
}

.GoldCard {
    min-height: 600px;
    background: #fff;
    border-bottom: 10px solid #d5bfac;
    border-radius: 0 0 5px 5px;
    margin-top: 60px
}

.GoldCard img {
    width: 100%;
    border-radius: 5px 5px 0 0
}

.GoldCard .TextWrapper {
    padding: 25px;
    width: 82%
}

.GoldCard .TextWrapper h3 {
    font-family: 'Open Sans';
    font-size: 30px;
    line-height: 120%;
    color: #1d3443
}

.GoldCard .TextWrapper p,
.GoldCard .TextWrapper ul {
    color: #1d3443;
    font-size: 14px;
    line-height: 130%
}

.GoldCard .TextWrapper a:hover {
    color: #7f6f64 !important
}

.GoldCard .TextWrapper>a {
    font-size: 16px
}

.VerificationWrapper {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 50px 0
}

.VerificationWrapper h6 {
    font-family: 'Open Sans Bold';
    font-weight: 700;
    font-size: 15px;
    line-height: 120%;
    text-transform: uppercase;
    margin-top: 30px;
    letter-spacing: .15em;
    margin-bottom: 0
}

.VerificationWrapper h2 {
    width: 40%;
    text-align: center;
    margin-bottom: 35px
}

.VerificationWrapper p {
    text-align: center;
    margin-bottom: 40px;
    color: #1d3443
}

.VerificationWrapper p.errorMessage {
    width: 40%
}

.VerificationWrapper a {
    cursor: pointer;
    width: 100%;
    max-width: 250px;
    height: 56px;
    background: #1d3443;
    border-radius: 3px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Open Sans";
    font-size: 16px
}

span.doctor-camera,
span.languages,
span.practice {
    width: 100px;
    line-height: 130%
}

.state-clicked a.go-back:hover,
a.go-back {
    background: url("../images/left-long-arrow.png") right center no-repeat
}

.VerificationWrapper a:focus,
.VerificationWrapper a:hover {
    background: #4682b4;
    transition: .2s
}

uiengine {
    opacity: 1 !important
}

.NewsBanner .Image {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch
}

.NewsBanner .Image img {
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: .4s ease-in-out
}

.NewsBanner .media-banner-content .media-banner-button {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
    margin: 0;
    text-transform: none;
    height: 56px;
    width: max-content
}

.NewsBanner .media-banner-content .media-banner-button:hover {
    color: #1d3443;
    background: #d5bfac;
    box-shadow: 0 3px 20px rgba(30, 53, 68, .12)
}

.NewsBanner .media-banner-content {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-left: 58px;
    width: 55%;
    height: 100%;
    top: 0
}

.NewsBanner .media-banner-content .media-banner-header {
    font-family: Open Sans;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #1d3443;
    margin-bottom: 10px
}

.bioHeading,
.doctor-heading {
    font-style: normal;
    font-weight: 300
}

.NewsBanner .media-banner-content .media-banner-text {
    font-family: Open Sans Light;
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 111%;
    letter-spacing: -.03em;
    color: #1d3443;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 30px
}

.NewsBanner .media-banner-content .media-banner-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 18px 36px;
    background: #1d3443;
    border-radius: 3px;
    flex: none;
    order: 1;
    flex-grow: 0
}

.align-center {
    text-align: center !important
}

.lightblue {
    background-color: #e7f0f6;
    color: #fff
}

span.boldWord {
    font-weight: 700;
    font-family: 'Open Sans Bold'
}

.topBanner1 {
    position: relative;
    height: 100%;
    background-position-x: 10% !important
}

.bioHeading {
    color: #1d3443;
    font-family: Open Sans;
    font-size: 30px;
    margin-top: 15px
}

.doctor-heading {
    font-family: Open Sans Light;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: -.03em;
    color: #1d3443;
    align-self: stretch;
    flex-grow: 0;
    margin: 30px 0
}

.doctor-expertise {
    font-family: Open Sans Bold;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #1d3443;
    margin: 5px 0
}

.degreesList,
.doctor-avail-label,
.doctor-lan-label,
.sub-speciality-span {
    font-family: Open Sans;
    font-weight: 600;
    font-style: normal
}

.doctor-speciality {
    font-family: Open Sans;
    font-size: 14px;
    line-height: 130%;
    color: #1d3443;
    margin-bottom: 30px
}

.doctor-line {
    border: 1px solid #e8e9ea;
    order: 3;
    align-self: stretch;
    flex-grow: 0;
    margin: 40px 0
}

.sub-speciality-span {
    font-size: 11px;
    line-height: 15px;
    display: -webkit-box;
    align-items: center;
    text-align: left;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #1d3443;
    margin: 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news-banner-coinmtainer {
    padding-top: 50px
}

div#doctor-avail-label .practice .practiceImage {
    left: 8.33%;
    right: 25%;
    top: 18.75%;
    bottom: 22.92%;
    width: 20px
}

.vectorCamera,
div#doctor-lan-label .languages .vectorLangauge {
    left: 8.33%;
    right: 25%;
    top: 18.75%;
    bottom: 22.92%;
    width: 25px
}

.sub-speciality-div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 20px;
    width: fit-content;
    height: 25px;
    left: 0;
    top: 0;
    border-radius: 100px;
    margin-top: 15px;
    margin-right: 15px;
    background: #eee5de
}

.doctor-icon-text,
.doctor-icon-text-languages {
    padding-left: 40px;
    color: #1d3443;
    display: inline
}

.doctor-avail-label,
.doctor-lan-label {
    font-size: 14px;
    line-height: 130%;
    color: #1d3443;
    margin-top: 3px
}

.practice .doctor-icon-text {
    background: url("../images/practice.svg") left no-repeat
}

.doctor-camera .doctor-icon-text {
    background: url("../images/camera-on.svg") left no-repeat
}

.languages .doctor-icon-text-languages {
    background: url("../images/message-circle.svg") left no-repeat
}

.doctor-icon-text-languages {
    word-spacing: 3px
}

.show-more:hover {
    color: #1d3443;
    text-decoration: underline
}

.show-more-height {
    height: 45px;
    overflow: hidden
}

.show-more {
    font-size: 14px;
    color: #7f6f64;
    cursor: pointer;
    margin-top: 30px;
    display: inline-block
}

.degreesList {
    font-size: 16px;
    line-height: 140%;
    color: #80898f;
    margin: 0 16px
}

.speciality-list-more,
span.doctor-camera,
span.languages,
span.practice {
    font-size: 14px;
    font-family: Open Sans
}

span.practice {
    font-weight: 400;
    color: #1d3443;
    margin-right: 15px
}

span.doctor-camera {
    padding: 118px;
    font-style: normal;
    font-weight: 400;
    color: #1d3443
}

span.languages {
    padding: 40px;
    font-style: normal;
    font-weight: 400;
    color: #1d3443
}

.speciality-container {
    display: flex;
    width: 95%;
    flex-wrap: wrap
}

.speciality-list-more {
    position: relative;
    left: 18px;
    top: 18px;
    color: #7f6f64
}

@media (max-width:375px) {
    .doctor-heading {
        font-size: 35px
    }

    .doctor-expertise {
        font-size: 13px
    }

    .span.practice {
        display: table-footer-group
    }
}

.doctor-profile-back-to-search {
    margin-bottom: 3px
}

.Additional-Section .additional-heading-icon {
    background: url("../images/family_Physician.svg") center no-repeat !important;
    padding: 25px 20px;
    margin-right: 10px
}

.collapseBIOBlock {
    width: 100%;
    margin-right: auto;
    margin-bottom: -25px
}

.Additional-Section,
.collapseFacilitiesBlock {
    margin-bottom: 20px;
    width: 100%;
    margin-right: auto
}

.bio-heading .BIO-Section .panel-heading .collapsable {
    padding: 30px 20px 15px 40px !important
}

.bio-conferences-body .card-wrap,
.bio-publications-body .card-wrap {
    padding-left: 17px;
    padding-right: 17px
}

.BIO-Section .panel-heading .collapsable.collapsed {
    background: url("../images/down-simple.svg") 97% center no-repeat !important;
    color: #1d3443 !important;
    border-bottom: 0 solid #e8e9ea
}

.Additional-Section .bio-heading-icon,
.BIO-Section .bio-heading-icon,
.Facilities-Section .bio-heading-icon {
    background: url("../images/user.svg") center no-repeat !important;
    padding: 25px 20px;
    margin-right: 10px
}

.BIO-Section .facilities-heading-icon {
    background: url("../images/hospital-facilities.svg") center no-repeat !important;
    padding: 25px 20px;
    margin-right: 10px
}

.BIO-Section .facilities-location-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #80898f !important;
    padding-bottom: 15px;
    max-width: 300px;
    display: flex
}

.Additional-Section .doctor-facility-label,
.BIO-Section .doctor-facility-label,
.Facilities-Section .doctor-facility-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-bottom: 15px
}

.BIO-Section .request-appoint-link {
    display: inline-block;
    background: url("../images/right-full_gold.svg") center right no-repeat;
    padding-right: 52px;
    font-size: 18px;
    margin-bottom: 20px;
    color: #cdad7f
}

.BIO-Section .request-appoint-link:hover,
.bio-conferences-body .viewAll-block a.card-link:hover,
.bio-publications-body .viewAll-block a.card-link:hover {
    background: url("../images/right-long-blue.svg") center right no-repeat;
    color: #1d3443
}

.BIO-Section .facilities-telephone-icon {
    background: url("../images/smartphone.svg") center no-repeat !important;
    padding: 12px 20px 12px 0;
    margin-right: 10px
}

.BIO-Section .facilities-location-icon {
    background: url("../images/map-pin.svg") center no-repeat !important;
    padding: 13px 20px 13px 0;
    margin-right: 10px
}

.BIO-Section .facilities-ico-icon {
    background: url("../images/info.svg") 0/25px no-repeat;
    padding: 43px 15px;
    margin-right: 10px;
    float: left
}

.BIO-Section .bio-qualification-heading-icon {
    background: url("../images/file-authorise.svg") center no-repeat !important;
    padding: 25px 20px;
    margin-right: 10px
}

.BIO-Section .bio-publications-heading-icon {
    background: url("../images/report.svg") center no-repeat !important;
    padding: 25px 20px;
    margin-right: 10px
}

.BIO-Section .bio-conferences-heading-icon {
    background: url("../images/users.svg") center no-repeat !important;
    padding: 25px 20px;
    margin-right: 10px
}

.BIO-Section .panel-heading .collapsable {
    background: url("../images/up-simple.svg") 97% center no-repeat !important;
    color: #1d3443 !important;
    letter-spacing: normal !important;
    border-bottom: 0 solid #e4d7cc;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 26px !important;
    background-position-x: 97% !important
}

.BIO-Section .panel-heading .collapsable,
.doctor-accordin-view .accordin-title {
    padding: 30px 45px 15px !important;
    background-position-x: 97% !important
}

.Facilities-Section .panel-heading .collapsable.collapsed {
    background: url("../images/ThinArrowDown.svg") 97% center no-repeat !important;
    color: #1d3443 !important;
    border-bottom: 0 solid #e8e9ea
}

.Additional-Section .facilities-heading-icon,
.Facilities-Section .facilities-heading-icon {
    background: url("../images/hospital-facilities.svg") center no-repeat !important;
    padding: 10px 20px;
    margin-right: 10px
}

.Additional-Section .facilities-location-text,
.Facilities-Section .facilities-location-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #80898f;
    padding-bottom: 15px
}

.BIO-Section .doctor-facility-hours {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-top: 15px
}

.Facilities-Section .facilities-appointment-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -.03em;
    color: #7f6f64;
    padding-bottom: 0
}

.Facilities-Section .request-appoint-link {
    display: inline-block;
    background: url("/Portals/_default/skins/netcare-core/images/right-full.svg") center right no-repeat;
    padding-right: 40px;
    font-size: 18px;
    margin-bottom: 20px
}

.Facilities-Section .request-appoint-link:hover {
    display: inline-block;
    background: url("../images/right-long.svg") center right no-repeat;
    color: #1d3443;
    padding-right: 40px;
    font-size: 18px;
    margin-bottom: 20px
}

.Additional-Section .panel-heading .collapsable,
.Facilities-Section .panel-heading .collapsable {
    padding: 30px 45px 15px 0 !important;
    letter-spacing: normal !important;
    border-bottom: 0 solid #e4d7cc;
    font-weight: 400 !important;
    margin-bottom: 10px !important;
    line-height: 26px !important;
    font-size: 20px !important
}

.Facilities-Section .facilities-telephone-icon {
    background: url("../images/smartphone.svg") center no-repeat !important;
    padding: 10px 20px 10px 0;
    margin-right: 10px
}

.Facilities-Section .facilities-location-icon {
    background: url("../images/map-pin.svg") center no-repeat !important;
    padding: 10px 20px 10px 0;
    margin-right: 10px
}

.Facilities-Section .facilities-ico-icon {
    background: url("../images/info.svg") 0/25px no-repeat;
    padding: 15px 20px;
    margin-right: 10px;
    float: left
}

.Additional-Section .bio-qualification-heading-icon,
.Facilities-Section .bio-qualification-heading-icon {
    background: url("../images/file-authorise.svg") center no-repeat !important;
    padding: 25px 25px 25px 20px;
    margin-right: 10px
}

.Facilities-Section .panel-heading .collapsable {
    background: url("../images/ThinArrowUp.svg") 98% center no-repeat !important;
    color: #1d3443 !important
}

.Additional-Section .panel-heading .collapsable.collapsed {
    background: url("../images/down-simple.svg") 98% center no-repeat !important;
    color: #1d3443 !important;
    border-bottom: 0 solid #e8e9ea
}

.Additional-Section .facilities-appointment-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -.03em;
    color: #7f6f64;
    padding-bottom: 30px
}

.additional-qualification-container .accordin-title,
.doctor-accordin-view .accordin-title {
    font-weight: 300;
    line-height: 40px;
    font-style: normal;
    letter-spacing: -.03em;
    font-family: Open Sans Light
}

.Additional-Section .request-appoint-link {
    display: inherit;
    background: url("/Portals/_default/skins/netcare-core/images/right-full.svg") center center no-repeat;
    padding-right: 20px;
    font-size: 18px
}

.Additional-Section .request-appoint-link:hover {
    background: url("/DesktopModules/MVC/PatientPortalDoctorAppointment/Img/right-long.svg") center center no-repeat;
    color: #1d3443
}

.Additional-Section .facilities-telephone-icon {
    background: url("../images/smartphone.svg") center no-repeat !important;
    padding: 10px 20px;
    margin-right: 10px
}

.Additional-Section .facilities-location-icon {
    background: url("../images/map-pin.svg") center no-repeat !important;
    padding: 10px 20px;
    margin-right: 10px
}

.Additional-Section .facilities-ico-icon {
    background: url("../images/info.svg") 0/25px no-repeat;
    padding: 10px 20px;
    margin-right: 10px
}

.Additional-Section .panel-heading .collapsable {
    background: url("../images/up-simple.svg") 98% center no-repeat !important;
    color: #1d3443 !important
}

.doctor-bio-par {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #80898f
}

.additional-qualification-container .accordin-title {
    font-size: 30px;
    color: #1d3443
}

.doctor-accordin-view .accordin-title {
    font-size: 40px;
    color: #1d3443;
    margin-bottom: 0
}

.HeadingWrapper.nav.nav-tabs {
    padding-bottom: 15px
}

.doctor-bio-degree-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-bottom: 15px;
    padding-top: 15px
}

.NewsArticle .SectionHeading h6,
.bio-title,
.bio-title-text {
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase
}

section .doctor-accordin-view {
    min-height: 100vh;
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.title .accordin-title {
    font-size: 3rem;
    margin: 2rem 0
}

.doctor-bio {
    margin-top: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #fff;
    cursor: pointer
}

.bio-title,
.bio-title-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    font-family: Open Sans Bold;
    font-style: normal;
    font-size: 15px;
    line-height: 120%
}

.additional-qual-description,
.bio-description p,
.doctor-additional-qualification,
.doctor-bio-degree-list {
    font-family: Open Sans;
    font-style: normal
}

.bio-title h3 {
    font-size: 1.8rem
}

.bio-description {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1.4s
}

.additional-qual-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #80898f;
    padding: 20px 25px 0 0
}

.doctor-bio-degree-list {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #1d3443;
    padding: 10px 0 0
}

.bio-description p {
    padding-top: 1rem;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #80898f
}

.doctor-bio.active .bio-description {
    max-height: 300px;
    animation: 1s ease-in-out fade;
    padding-left: 40px;
    padding-top: 1rem
}

.doctor-bio.active svg,
.strat-pill-img-rotate {
    transform: rotate(180deg)
}

Div#doctor-bio .bio-title svg {
    transition: transform .5s ease-in
}

.doctor-profile-more-about-container {
    background: #fff;
    border-radius: 5px;
    margin-top: 15px
}

.doctor-additional-qualification {
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -.03em;
    color: #1d3443;
    padding: 0 0 25px
}

.additional-qualification-container {
    padding: 30px 60px;
    background: #fff
}

.image-form-block .AppointmedImage .InfoBlock {
    padding: 40px;
    margin-top: 150px;
    background: #eee5de;
    min-height: 840px;
    border-radius: 3px 0 0 3px
}

.image-form-block .AppointmedImage .InfoBlock .backtoSearch {
    background: url("../images/left-full_blue.svg") 0 no-repeat;
    padding-left: 40px;
    font-size: 18px;
    color: #1d3443;
    margin-bottom: 40px;
    border: none;
    font-family: 'Open Sans Semi-Bold';
    font-style: normal;
    font-weight: 600
}

.image-form-block .AppointmedImage .InfoBlock .backtoSearch:hover {
    background: url("../images/left-long-gold.svg") 0 no-repeat;
    color: #7f6f64;
    border: none;
    border-radius: 3px
}

.image-form-block .AppointmedImage .InfoBlock h4 {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 133%;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-right: 130px;
    margin-bottom: 40px
}

.image-form-block .AppointmedImage .InfoBlock .ProfileImage img {
    border: 3.5px solid #7f6f64;
    border-radius: 100px;
    padding: 5px;
    width: 100px;
    margin-bottom: 15px;
    margin-left: 10px
}

.image-form-block .AppointmedImage .InfoBlock h2 {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -.03em;
    color: #1d3443;
    align-self: stretch;
    flex-grow: 0;
    margin: 20px 0 10px
}

.image-form-block .AppointmedImage .InfoBlock p {
    font-family: Open Sans Semi-Bold;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -.03em;
    color: #1d3443;
    align-self: stretch;
    flex-grow: 0;
    margin: 5px 0
}

.image-form-block .AppointmedImage .InfoBlock .Availability h2 {
    font-size: 16px;
    line-height: 140%;
    margin: 20px 0 0
}

.image-form-block .AppointmedImage .InfoBlock .Availability p {
    font-weight: 400;
    opacity: .5
}

#AppointmedForm.IndividualDoctors>.content>.body .inputWrapper {
    height: 60px
}

#AppointmedForm.IndividualDoctors>.content>.body input {
    padding: 0 20px;
    height: 60px;
    margin: 15px 0
}

#AppointmedForm.IndividualDoctors>.content>.body input::placeholder {
    font-family: Open Sans;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .15em;
    text-transform: uppercase;
    opacity: 1;
    color: #80898f
}

.NewsArticle .SectionHeading h6 {
    color: #80898f;
    font-size: 13px;
    font-family: "Open Sans";
    line-height: 18px;
    margin-bottom: 10px
}

.NewsArticle .Heading {
    color: #1d3443;
    font-size: 20px;
    font-family: "Open Sans";
    line-height: 130%;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: -.03em
}

.NewsArticle .ArticleText p {
    color: #80898f;
    font-size: 16px;
    font-family: "Open Sans";
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 17px;
    letter-spacing: -.03em
}

.NewsArticle .ArticleLink,
.SmartSearch .SeeAllLink {
    color: #7f6f64;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans';
    line-height: 143%;
    padding-right: 35px;
    letter-spacing: -.03em;
    background: url("../images/right-full_gold.svg") right no-repeat
}

.NewsArticle hr {
    border-color: #e8e9ea;
    margin-bottom: 20px;
    margin-top: 22px
}

.SearchBannerWrapper .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .2
}

.no-border-radius {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.SearchBannerWrapper .words {
    position: absolute;
    left: 12%;
    top: 22%;
    width: 50%
}

.SearchBannerWrapper .words .big-heading {
    font-family: Open Sans Light;
    font-style: normal;
    font-weight: 300;
    font-size: 60px;
    line-height: 120%;
    letter-spacing: -.03em;
    color: #1d3443
}

.SearchBannerWrapper .words .highlighted-you-underlined {
    font-family: 'Open Sans Bold';
    background: url("../images/brush-stroke.png") right center/100% no-repeat;
    padding-bottom: 85px;
    padding-right: 0;
    position: relative;
    z-index: 99
}

.SearchBannerWrapper .searchBoxWrapper {
    position: absolute;
    left: 12%;
    top: 65%;
    width: 50%
}

.SearchBannerWrapper .searchBoxWrapper>div input {
    font-family: 'Open Sans' !important;
    font-size: 20px !important;
    color: #1d3443 !important;
    font-weight: 400;
    border: 0 !important;
    background: #fff;
    border-radius: 3px !important;
    -webkit-box-shadow: 0 6px 20px rgba(30, 53, 68, .12);
    -moz-box-shadow: 0 6px 20px rgba(30, 53, 68, .12);
    box-shadow: 0 6px 20px rgba(30, 53, 68, .12);
    padding: 20px !important;
    height: auto !important;
    line-height: 24px;
    letter-spacing: -.04em;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

#bannerSearchTextbox::placeholder {
    color: transparent;
    background: 0 0
}

#bannerSearchTextbox.grey-text {
    color: #80898f !important;
    font-size: 16px !important
}

#searchModal .modal-dialog .modal-content .modal-body>div input[type=text]:disabled {
    background: #fff;
    color: #80898f !important
}

.search-bar-text li {
    list-style: none;
    padding-bottom: 17px;
    width: 100%;
    border-radius: 3px;
    margin-left: 30px
}

.smartSearch-no-results,
.smartSearch-search-text {
    padding-top: 20px;
    color: #80898f
}

.search-bar-banner::after {
    content: attr(data-content);
    position: absolute;
    right: 185px;
    z-index: 200;
    top: 22px;
    color: #80898f;
    font-family: "Open Sans";
    font-size: 16px
}

.clear-text-banner {
    width: 30px;
    height: 30px;
    z-index: 300;
    right: 60px;
    top: 20px;
    cursor: pointer;
    position: absolute
}

.clear-text-banner:hover,
.clear-text:hover {
    opacity: .8
}

.clear-text-banner:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    left: -90px;
    z-index: 3;
    background-image: url("../images/exit.svg");
    background-repeat: no-repeat;
    background-size: 25px
}

.search-input-banner {
    background: #fff;
    width: 100%;
    border-radius: 5px;
    position: absolute;
    z-index: 200;
    box-shadow: 0 1px 5px 3px rgba(0, 0, 0, .12)
}

.search-input-banner-rotateText,
.search-input-banner-rotateText-bold {
    z-index: 500;
    background: 0 0;
    border-radius: 5px;
    padding: 20px;
    font-family: Open Sans;
    font-size: 20px;
    color: #1d3443;
    font-style: normal;
    display: flex;
    letter-spacing: -.03em;
    position: absolute;
    line-height: 130%
}

.search-input-banner.active input {
    border-radius: 5px 5px 0 0
}

.search-input-banner-rotateText {
    width: 85%;
    align-items: center;
    align-items: center
}

.search-input-banner-rotateText-bold {
    width: 100%;
    align-items: center;
    font-weight: 700;
    align-items: center
}

.search-input-banner .autocomplete-box-banner {
    padding: 0;
    opacity: 0;
    overflow-y: auto;
    max-height: 480px
}

.autocomplete-box-banner::-webkit-scrollbar-thumb {
    background: #bec2c6;
    border: 2px solid #fff
}

.search-input-banner.active .autocomplete-box-banner {
    padding: 10px 20px;
    opacity: 1;
    pointer-events: auto
}

.search-input-background {
    background-image: url("../images/search-white.svg") !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: 27px !important;
    padding: 20px 30px 20px 60px
}

.search-input-background:hover {
    background-image: url("../images/search.svg") !important
}

.search-input-banner-button-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -.03em;
    font-family: 'Open Sans Light';
    font-style: normal;
    vertical-align: middle
}

.health-care-information-col {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    width: 100%
}

.autocomplete-box li,
.autocomplete-box-banner li {
    list-style: none;
    padding-bottom: 17px;
    width: 100%;
    border-radius: 3px
}

.health-care-information-hr {
    margin-top: 15px !important
}

.smart-search-hr {
    margin-top: 10px !important
}

.modal-backdrop.show {
    opacity: .2
}

#searchModal {
    width: 78%;
    left: 10%
}

#searchModal .header-modal-dialog-search {
    min-height: 50px;
    height: 50px;
    position: absolute;
    top: -53px;
    left: 0;
    right: 0;
    max-width: none
}

#searchModal .modal-dialog .modal-content .modal-body {
    padding: 0;
    justify-content: center
}

#searchModal .modal-dialog .modal-content .modal-body>div input {
    font-size: 16px !important;
    color: #1d3443 !important;
    border-radius: 3px !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 20px !important;
    height: 50px !important;
    line-height: 122%;
    letter-spacing: -.03em;
    margin-bottom: 0
}

.search-input {
    background: #fff;
    width: 100%;
    border-radius: 5px;
    position: absolute;
    top: 0;
    z-index: 99;
    box-shadow: none
}

.circle-bg-selected,
.governance-structure-card-left,
.strat-pill-content-card {
    box-shadow: 0 3px 20px rgba(30, 53, 68, .12)
}

.search-input.active input {
    margin-bottom: 0;
    height: 48px !important;
    box-shadow: none;
    border-radius: 0 !important;
    background-color: #ebeded !important;
    border: none
}

.search-input .autocomplete-box {
    padding: 0;
    opacity: 0;
    max-height: 480px;
    overflow-y: auto
}

.search-input.active .autocomplete-box {
    padding: 40px;
    opacity: 1;
    pointer-events: auto;
    background: #fff;
    border-radius: 3px
}

.search-bar::after {
    content: attr(data-content);
    position: absolute;
    right: 65px;
    z-index: 2;
    top: 15px;
    color: #80898f;
    font-family: "Open Sans"
}

.SmartSearch .SearchResults .link-text,
.strat-pill-box-circle-text {
    font-weight: 400;
    letter-spacing: -.03em;
    color: #1d3443;
    font-style: normal
}

.clear-text {
    width: 30px;
    height: 30px;
    z-index: 1;
    right: 22px;
    top: 15px;
    cursor: pointer;
    position: absolute
}

.clear-text:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
    z-index: 3;
    background-image: url("../images/exit.svg");
    background-repeat: no-repeat;
    background-size: 22px
}

.search-banner-progress,
.search-progress {
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(213, 191, 172, .3);
    display: none;
    overflow: hidden;
    font-size: .75rem
}

.search-banner-progress-bar,
.search-progress-bar {
    z-index: 1000;
    top: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: #3da9d1;
    transition: width .3s ease-in-out
}

.SmartSearch {
    padding-left: 0;
    margin-bottom: 20px
}

.SmartSearch .HealthcareFacillitesHeading h6,
.SmartSearch .HealthcareProvidersHeading h6 {
    text-transform: uppercase;
    color: #80898f;
    font-size: 15px;
    font-weight: 700;
    font-family: "Open Sans";
    line-height: 120%;
    margin-top: 20px;
    margin-bottom: 17px;
    letter-spacing: .15em
}

.SmartSearch .SearchResults,
.suggestions .SearchResults,
.suggestions-banner .SearchResults {
    margin-bottom: -10px
}

.SmartSearch .SearchResults .link-text {
    font-family: Open Sans;
    font-size: 14px;
    line-height: 130%;
    align-items: center;
    margin-bottom: 25px
}

.SmartSearch .SearchResults .link-item:hover {
    border-bottom: 1.5px solid #7f6f64
}

.SearchResults .suggestion-banner-text-new,
.SearchResults .suggestion-text-new,
.suggestions .SearchResults .suggestion-text,
.suggestions-banner .SearchResults .suggestion-banner-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 20px;
    display: block
}

.SearchResults .suggestion-banner-text-new:hover,
.SearchResults .suggestion-text-new:hover {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: -.03em;
    color: #3da9d1;
    margin-bottom: 20px
}

.SmartSearch hr {
    border-color: rgba(213, 191, 172, .3);
    border-width: 4px 0 0;
    margin-bottom: 25px !important;
    margin-right: 20px
}

#modalSearchTextbox::placeholder {
    font-size: 16px;
    line-height: 122%;
    color: rgba(29, 52, 67, .3);
    background: url("../images/search_modal_blue.svg") 99% center/23px no-repeat
}

.SearchResults .highlight,
.SmartSearch .highlight,
.smartSearch-no-results .highlight {
    background-color: #fff;
    font-weight: 700
}

.srat-pill-box {
    position: relative;
    height: 660px;
    width: 550px;
    margin-left: 5px;
    z-index: 200
}

.strat-pill-box-circle {
    height: 375px;
    width: 367px;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    top: 88px;
    left: 91px;
    display: flex;
    justify-content: center;
    align-items: center
}

.strat-pill-box-dotted-circle {
    width: 92%;
    position: absolute;
    top: 23px;
    left: 22px
}

#strat-pill-1 {
    top: -43px;
    left: 215px
}

#strat-pill-1 .hand-text {
    top: -40px;
    position: absolute
}

#strat-pill-2 {
    top: 435px;
    left: 215px
}

#strat-pill-2 .hand-text {
    position: absolute;
    top: 163px;
    right: 5px
}

#strat-pill-3 {
    top: 76px;
    left: 428px
}

#strat-pill-3 .hand-text {
    position: absolute;
    top: -20px;
    right: 22px
}

#strat-pill-3 img {
    transform: rotate(60deg)
}

#strat-pill-4 {
    top: 323px;
    left: 10px
}

#strat-pill-4 .hand-text {
    position: absolute;
    top: 155px;
    left: 0
}

#strat-pill-4 img {
    transform: rotate(-120deg)
}

#strat-pill-5 {
    top: 76px;
    left: 4px
}

#strat-pill-5 .hand-text {
    position: absolute;
    bottom: 155px;
    left: 0
}

#strat-pill-5 img {
    transform: rotate(-60deg)
}

#strat-pill-6 {
    top: 323px;
    left: 426px
}

#strat-pill-6 .hand-text {
    position: absolute;
    top: 145px;
    right: -42px
}

#strat-pill-6 img {
    transform: rotate(120deg)
}

.strat-pill-circle-text {
    display: flex;
    justify-content: center;
    align-items: center
}

.circle-bg-selected {
    background-color: #eee5de;
    height: 90%;
    width: 90%;
    border-radius: 100%
}

.strat-pill-box-circle-text {
    font-family: "Open Sans";
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    width: 90%;
    margin-bottom: 0;
    padding: 40px
}

.hand-img-text-container {
    position: absolute;
    display: block;
    transition: .5s ease-in-out
}

.hand-img-text-container:hover {
    transform: scale(1.2)
}

.hand-text {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    letter-spacing: .1em;
    color: #1d3443;
    margin-top: 5px;
    margin-bottom: 5px
}

.strat-pill-content,
.strat-pill-content-heading {
    font-style: normal;
    text-align: left;
    color: #1d3443
}

.strat-pill-content-card {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 60px;
    margin-top: 80px;
    max-width: 580px;
    box-sizing: border-box;
    border-radius: 5px;
    min-height: 420px;
    margin-right: 5px;
    margin-left: 85px
}

.strat-pill-content-heading {
    font-family: "Open Sans Light";
    font-weight: 300;
    font-size: 30px;
    line-height: 133%;
    letter-spacing: -.03em
}

.strat-pill-content {
    font-family: "Open Sans";
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -.03em
}

.key-designation,
.key-name {
    color: #fff;
    font-style: normal
}

.strat-pill-content-card .LinkArrow {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans';
    line-height: 143%;
    padding-right: 40px;
    letter-spacing: -.03em;
    color: #7f6f64;
    background: url("../images/right-full_gold.svg") right no-repeat
}

.strat-pill-content-card .LinkArrow:hover {
    color: #1d3443 !important;
    background: url("../images/right-long-blue.svg") right no-repeat
}

.gradientSeperator {
    height: 240px;
    position: relative;
    background: linear-gradient(360deg, #eee5de 0, rgba(228, 215, 204, 0) 100%);
    margin-top: -225px;
    z-index: 1
}

#StrategicPillarsSlider .StrategicPillarsSlide {
    position: relative;
    margin-top: 220px;
    height: 300px
}

#StrategicPillarsSlider .StrategicPillarsSlide .image {
    margin: auto;
    position: relative;
    bottom: 190px
}

#StrategicPillarsSlider .StrategicPillarsSlide .circle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 37.005px;
    position: absolute;
    width: 276px;
    height: 283px;
    background: #fff;
    box-shadow: 0 3.7005px 24.67px rgba(30, 53, 68, .12);
    border-radius: 370.05px;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 200
}

.strategic-pillars-header {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 120px
}

.strat-pill-hands-opacity {
    opacity: .6
}

.key-row1 {
    margin: 80px 0 50px
}

.key-objective-content {
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 20px
}

.key-contect-style {
    background: #eee5de;
    position: relative;
    height: 100%;
    padding-left: 50px;
    padding-right: 50px
}

.key-objective-row1,
.key-objective-row2 {
    display: inline-block;
    margin-bottom: 20px;
    position: relative
}

h6.key-obj-mainHeader {
    font-size: 13px;
    font-family: 'Open Sans';
    color: #80898f;
    text-transform: uppercase;
    letter-spacing: .15em;
    padding-top: 27%;
    margin-bottom: 25px;
    font-weight: 700
}

.key-objective-image-overlay {
    position: absolute;
    z-index: 100;
    top: 1px;
    left: 1px;
    display: none;
    width: 100%
}

.key-image-text {
    position: absolute;
    z-index: 100;
    bottom: 20px;
    left: 30px;
    display: none
}

.key-name {
    font-family: Open Sans Light;
    font-weight: 300;
    font-size: 30px;
    line-height: 133%;
    letter-spacing: -.03em;
    width: 165px;
    height: 80px;
    margin-bottom: 15px
}

.key-designation {
    font-family: Open Sans;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .15em;
    text-transform: uppercase
}

.key-obj-header {
    font-family: Open Sans Light;
    font-style: normal;
    font-weight: 300;
    font-size: 26.2392px;
    line-height: 133%;
    letter-spacing: -.03em;
    color: #1d3443
}

.key-obj-content {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 0
}

.governance-structure-content-header,
.governance-structure-header {
    font-family: Open Sans Light;
    font-weight: 300;
    letter-spacing: -.03em;
    color: #1d3443;
    font-style: normal
}

.key-objective-content-mobile {
    background: #eee5de;
    border-radius: 4.37319px;
    width: 100%
}

.key-objective-row1:hover .overlayOnImage,
.key-objective-row2:hover .overlayOnImage {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: linear-gradient(0deg, #1d3443 3.95%, rgba(58, 67, 73, .75) 25.36%, rgba(123, 123, 123, 0) 74.31%)
}

#KeyObjectiveSlider .KeyObjectiveSlide {
    position: relative;
    justify-content: center;
    padding: 20px 20px 0;
    height: auto
}

.governance-structure-header {
    font-size: 45px;
    line-height: 111%;
    text-align: center;
    margin-top: 160px;
    margin-bottom: 80px
}

.governance-structure-card-left {
    background: #fff;
    border-radius: 5px;
    padding: 50px
}

.governance-structure-content-header {
    font-size: 30px;
    line-height: 133%
}

.governance-structure-card-right {
    padding: 50px
}

.governance-structure-number-content {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f
}

.gs-stat-section .BigNumber {
    width: fit-content;
    position: relative;
    overflow: hidden;
    padding-right: 50px
}

.gs-stat-section .BigNumber .Color {
    color: #d5bfac;
    font-family: 'Open Sans Extra Bold'
}

.gs-stat-section .BigNumber .Border,
.gs-stat-section .BigNumber .Hatch {
    font-family: 'Open Sans Extra Bold';
    color: transparent;
    position: absolute
}

.gs-stat-section .BigNumber .Border {
    border: 0 !important;
    -webkit-text-stroke: 1.13098px #1D3443;
    left: 4px;
    top: -4px
}

.gs-stat-section .BigNumber .Hatch {
    -webkit-background-clip: text;
    background-color: none;
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 45.45%, #b88c61 45.45%, #b88c61 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 95.45%, #b88c61 95.45%, #b88c61 100%);
    background-size: 15px 15px;
    left: 8px;
    top: -8px
}

.gs-stat-section .BigNumber.Small {
    height: 110px
}

.gs-stat-section .BigNumber.Small .Border,
.gs-stat-section .BigNumber.Small .Color,
.gs-stat-section .BigNumber.Small .Hatch {
    font-size: 100px;
    line-height: 100px;
    height: 110px;
    display: block
}

.gs-stat-section .BigNumber .Border .Percentage,
.gs-stat-section .BigNumber .Color .Percentage,
.gs-stat-section .BigNumber .Hatch .Percentage {
    font-size: 57px;
    line-height: 119%;
    vertical-align: top;
    margin-left: 10px
}

body,
html {
    font-family: 'Open Sans', 'Open Sans Bold', 'Open Sans Light', 'Open Sans Semi-Bold'
}

.flipCard {
    background-color: #1d3443;
    color: #fff;
    padding: 30px 15px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    border-top: 0 solid #d5bfac;
    height: 280px;
    transition: .3s ease-in-out
}

.state-clicked {
    border-top: 8px solid #d5bfac;
    margin-top: -28px;
    padding-top: 35px;
    height: 340px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.state-clicked svg.n-icons path {
    stroke: #D5BFAC !important;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cardFrontSide {
    height: auto !important
}

.state-clicked .cardBackSide {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.flipCard h4 {
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 24px;
    text-transform: capitalize
}

.flipCard p,
ul.inline-list li {
    font-family: Open Sans;
    font-weight: 400
}

.flipCard p {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 10px
}

.flipCard p.gold-font-color {
    font-family: Open Sans;
    font-size: 14px;
    color: #d5bfac;
    margin-top: 0
}

.flipCard .cardFrontSide .click-link {
    position: relative;
    z-index: 2
}

.click-link {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    color: #e4d7cc !important;
    background: url("../images/arrow-right.png") right center no-repeat;
    padding-right: 35px
}

.click-link:hover {
    padding-right: 35px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    text-decoration: none;
    cursor: pointer;
    color: #fff !important;
    background: url("../images/whiterightArrow.png") right center no-repeat
}

.blockWrapper .breadcrumb,
.sectionInv_8 .thumbnailCard {
    background-color: transparent
}

.blockWrapper {
    padding-top: 40px;
    padding-left: 45px;
    padding-right: 45px
}

.brushStroke,
.brushStrokeW {
    padding-right: 0;
    position: relative
}

.blockWrapper .breadcrumb a {
    color: #7f6f64;
    padding: 0 3px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Open Sans'
}

.blockWrapper .breadcrumb a:last-child {
    color: #80898f;
    padding-left: 3px
}

.blockWrapper .breadcrumb a:first-child:hover {
    text-decoration: underline;
    color: #1d3443
}

.topBanner_0 h4 {
    font-weight: 300;
    font-size: 3.1vw;
    margin-bottom: 12%;
    font-family: 'Open Sans Light';
    line-height: 120%;
    color: #1d3443
}

.blockWrapper h6 {
    font-size: 13px;
    font-family: 'Open Sans';
    color: #80898f;
    text-transform: uppercase;
    letter-spacing: .15em;
    margin-bottom: 10px;
    font-weight: 700
}

.ButtomLeftbanner h5,
.thumbnailCard h5,
.topBanner_0 h5 {
    font-weight: 300;
    font-size: 2.4vw;
    line-height: 111%;
    font-family: 'Open Sans Light';
    margin-bottom: 40px;
    color: #1d3443
}

.flipCardsHeader h5,
.middleTextContent_1 h5,
.phoneBanner_1 h5 {
    font-size: 45px;
    line-height: 111%;
    font-family: 'Open Sans Light'
}

.ButtomLeftbanner p,
.flipCardsHeader p,
.middleTextContent_1 p,
.phoneBanner_1 p,
.thumbnailCard p,
.topBanner_0 p {
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 140%;
    color: #1d3443
}

.topBanner_0 p {
    margin-bottom: 4%
}

.blockWrapper .btn-primary {
    margin-top: 20px;
    margin-bottom: 100px
}

.topBanner_0 .btn-primary {
    margin-top: 20px;
    margin-bottom: 0
}

.inverstorLastBlock .btn-primary,
.middleTextContent_1 .btn-primary {
    margin-top: 0;
    margin-bottom: 0
}

.brushStroke {
    background: url("../images/brushStroke.png") right center no-repeat;
    padding-bottom: 60px;
    background-position-x: 8px;
    z-index: 99
}

.brushStrokeW {
    background: url("../images/brushStrokeWhite.png") right center no-repeat;
    padding-bottom: 30px;
    background-position-x: 3px;
    z-index: 0;
    text-transform: uppercase
}

a.go-back {
    position: absolute;
    top: 25px;
    left: 30px;
    width: 26px;
    height: 20px;
    display: none
}

.state-clicked a.go-back {
    position: absolute;
    top: 35px;
    left: 30px
}

.bg-Ipone11Pro {
    margin: -45px auto auto;
    text-align: right;
    max-width: 450px
}

ul.inline-list {
    display: flex;
    margin: 60px auto;
    padding: 0 65px
}

ul.inline-list li {
    display: flex;
    margin: auto;
    text-align: center;
    border-right: 1px solid #bec2c6;
    padding: 15px 30px;
    color: #1d3443;
    font-size: 20px;
    line-height: 130%;
    width: 34%
}

ul.inline-list li:last-child {
    border-right: 0px solid #bec2c6
}

.inner-content {
    width: 70%;
    margin: auto
}

.flipCard .cardBackSide,
.flipCard .cardFrontSide {
    padding-left: 20px;
    padding-right: 20px
}

.flipCard .cardFrontSide {
    height: 101px !important;
    position: relative
}

.btn-block a.btn.btn-primary {
    border: 1.5px solid #1d3443;
    box-shadow: none
}

.innerCardbodyText,
.thumbnailCard {
    background-color: #fff;
    border-radius: 5px
}

.thumbnailCard {
    padding: 50px !important;
    -webkit-box-shadow: 0 3px 20px rgba(30, 53, 68, .12);
    -moz-box-shadow: 0 3px 20px rgba(30, 53, 68, .12);
    box-shadow: 0 3px 20px rgba(30, 53, 68, .12);
    position: absolute;
    top: 20%;
    bottom: 20%;
    right: 90px;
    width: 40%
}

.clickBlock,
a.blockClickLink {
    width: 100%;
    position: absolute;
    left: 0
}

.blockbanner-1 {
    padding-top: 120px;
    padding-bottom: 20px
}

.middleTextContent_1 {
    padding-top: 120px;
    padding-bottom: 120px
}

.ButtomLeftbanner {
    padding: 0 30px;
    margin-top: 12%;
    margin-bottom: 0
}

.topBanner_0 {
    padding-left: 210px
}

.flipCardsHeader {
    padding-top: 120px;
    padding-bottom: 40px
}

.blockWrapper.phoneBanner_1 {
    padding-top: 90px;
    padding-left: 0;
    padding-right: 0
}

.flipCardswrapper {
    max-width: 1170px;
    padding-bottom: 120px;
    margin: auto
}

.phoneBottomTextCols .textParagraph {
    padding-bottom: 100px
}

.phoneBottomTextCols h4 {
    font-family: 'Open Sans Bold';
    color: #1d3443;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    margin-top: -20px;
    margin-bottom: 40px
}

.phoneBottomTextCols p {
    font-size: 16px;
    line-height: 140%;
    color: #1d3443;
    font-family: 'Open Sans'
}

.blockWrapper .btn-primary:hover {
    background: #d5bfac !important;
    box-shadow: 0 3px 20px rgba(30, 53, 68, .12) !important;
    -webkit-box-shadow: 0 3px 20px rgba(30, 53, 68, .12) !important;
    -moz-box-shadow: 0 3px 20px rgba(30, 53, 68, .12) !important;
    color: #1d3443 !important;
    border-color: #d5bfac !important
}

.inverstorLastBlock {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0
}

a.blockClickLink {
    height: 100%;
    top: 0;
    z-index: 1
}

.state-clicked a.blockClickLink {
    z-index: 0
}

.clickBlock {
    bottom: 0
}

.sectionInv_7_1,
.sectionInv_7_2 {
    margin-top: 120px;
    margin-bottom: 120px
}

.sectionInv_7 .ButtomLeftbanner h5 {
    font-size: 2.4vw;
    line-height: 125%;
    margin-bottom: 5%
}

.sectionInv_7 .ButtomLeftbanner h6 {
    font-size: 1.2vw;
    line-height: 125%;
    font-family: 'Open Sans Light';
    font-weight: 700;
    color: #1d3443;
    text-transform: initial;
    letter-spacing: initial;
    margin-bottom: 20px
}

.sectionInv_7 .ButtomLeftbanner p {
    font-size: 16px;
    margin-bottom: 3%
}

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

.sectionInv_8 .thumbnailCard {
    padding: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14%;
    width: 36%;
    height: 100%;
    display: table
}

.innerCardbody {
    display: table-cell;
    vertical-align: middle
}

.innerCardbodyText {
    padding: 50px !important;
    -webkit-box-shadow: 0 3px 20px rgba(30, 53, 68, .12);
    -moz-box-shadow: 0 3px 20px rgba(30, 53, 68, .12);
    box-shadow: 0 3px 20px rgba(30, 53, 68, .12)
}

.sectionInv_6_2 p {
    font-family: Open Sans;
    font-size: 16px;
    color: #1d3443
}

.sectionInv_3_11 a,
.sectionInv_3_11 h6 {
    font-weight: 700;
    font-size: 24px;
    text-transform: inherit;
    font-family: 'Open Sans Bold';
    letter-spacing: -.03em;
    line-height: 125%
}

.sectionInv_6_2 a.click-link {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 16px;
    color: #7f6f64 !important;
    background: url("../images/right-full_inv.png") right center no-repeat;
    padding-right: 40px
}

.sectionInv_6_2 a.click-link:hover {
    color: #1d3443 !important;
    background: url("../images/right-fullHover_inv.png") right center no-repeat
}

.inverstorLastBlock_2 {
    max-width: initial;
    margin-top: 0
}

.inverstorLastBlock_2 .btn-block .btn-default {
    background-color: transparent !important;
    color: #1d3443 !important;
    border: 1.5px solid #bec2c6;
    padding: 17px 75px;
    box-shadow: none
}

.inverstorLastBlock_2 .btn-block .btn-default:focus,
.inverstorLastBlock_2 .btn-block .btn-default:hover {
    background-color: #1d3443 !important;
    color: #fff !important;
    border: 1.5px solid #1d3443
}

.sectionInv_7_1 {
    display: table;
    min-height: 494px
}

.sectionInv_3_11 {
    position: initial;
    background-color: transparent;
    padding: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-right: auto;
    width: initial;
    margin-left: 28%;
    min-height: 680px;
    display: table
}

.sectionInv_3_11 h6 {
    color: #1d3443;
    margin-bottom: 40px
}

.list-point-block ul>li {
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 140%;
    color: #1d3443
}

.sectionInv_3_11 .list-point-block {
    margin-top: 40px;
    margin-bottom: 40px
}

.sectionInv_3_11 a {
    font-style: normal;
    color: #1d3443
}

.sectionInv_3_12 .sectionInv_3_11 {
    display: table;
    margin-left: 0;
    min-height: 430px
}

.sectionInv_3_12 .blue {
    background-color: #1d3443 !important;
    color: #fff
}

.bg-care-hands {
    background: url("../images/img-investor-qoc-objective-patient-perception.png") center right no-repeat
}

.bg-notesbook-hand {
    background: url("../images/hand-on-book.png") center right no-repeat
}

.bg-care-hands,
.bg-notesbook-hand {
    background-size: 100%;
    background-position: 0 0
}

.bg-care-hands h6 {
    max-width: 221px
}

.sectionInv_3_12 .innerCardbody {
    padding: 100px 60px 60px
}

.sectionInv_3_12 .white svg.n-icons path {
    stroke: #1D3443 !important;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.sectionInv_3_12 h6 {
    margin-top: 20px;
    margin-bottom: 20px
}

.gradientTop {
    height: 100px;
    position: relative;
    z-index: 999999
}

.colBlock_5_1 {
    background-color: #eee5de;
    padding-right: 155px !important;
    padding-left: 28% !important;
    margin: initial !important
}

.inverstorLastBlock_2 {
    padding-top: 39px
}

.row.sectionInv_3_12.no-gutters {
    position: relative;
    top: 60px
}

.sectionInv_3_12 .sectionInv_3_11 .innerCardbody {
    margin-top: 0;
    padding-top: 100px;
    vertical-align: top
}

.inverstorLastBlock h5 {
    font-size: 30px;
    margin-bottom: 30px
}

.blockbanner-1 .ButtomLeftbanner {
    max-width: 645px
}

#dnn_BottomFullBanner .QoC-section .thumbnailCard {
    width: initial;
    max-width: 700px;
    right: 11%;
    bottom: 10%
}

@media not all and (min-resolution:.001dpcm) {
    #objectiveSafari.key-objective-content {
        padding-bottom: 20px;
        padding-right: 15px;
        bottom: 0;
        top: 0;
        position: absolute;
        margin-bottom: 0 !important
    }

    @media screen and (max-width:1600px) {
        @supports (-webkit-appearance:none) {

            #personCentred .innerCardbody,
            #responsiveSafari .innerCardbody {
                display: inline-block;
                vertical-align: top;
                margin-top: 35px
            }
        }
    }

    @media screen and (max-width:1100px) {
        @supports (-webkit-appearance:none) {
            #responsiveSafari .innerCardbody {
                margin-top: 20px !important
            }
        }
    }

    @media screen and (max-width:61.95em) {
        @supports (-webkit-appearance:none) {
            #responsiveSafari .innerCardbody {
                vertical-align: bottom !important;
                margin-top: 60% !important
            }

            #personCentred .innerCardbody {
                margin-top: 40% !important
            }

            #AppointmedForm.IndividualDoctors>.content>.body .NetCarePlus .SectionButtons {
                bottom: 140px !important
            }

            #AppointmedForm>.content>.body>div {
                position: absolute
            }

            #AppointmedForm.IndividualDoctors section .SectionButtons {
                bottom: 15%
            }

            #AppointmedForm.IndividualDoctors section .PersonalDetail {
                margin-left: 25px
            }
        }
    }

    @media screen and (max-width:768px) {
        @supports (-webkit-appearance:none) {
            #personCentred .innerCardbody {
                margin-top: 250px !important
            }

            #personCentred .imgsWrap {
                height: 560px
            }

            #AppointmedForm.IndividualDoctors>.content>.body .NetCarePlus .SectionButtons {
                bottom: -15px !important
            }

            #AppointmedForm.IndividualDoctors>.content>.body {
                height: 0 !important
            }

            #AppointmedForm>.content>.body>div {
                position: relative;
                min-height: 100%;
                height: 0 !important
            }

            #AppointmedForm.IndividualDoctors section .PersonalDetail {
                margin-left: 0
            }
        }
    }

    @media screen and (max-width:600px) {
        @supports (-webkit-appearance:none) {
            #personCentred .innerCardbody {
                margin-top: 190px !important
            }

            #AppointmedForm.IndividualDoctors>.content>.body .NetCarePlus .SectionButtons {
                bottom: 0 !important
            }
        }
    }

    @media screen and (max-width:480px) {
        @supports (-webkit-appearance:none) {
            #personCentred .innerCardbody {
                margin-top: 160px !important
            }
        }
    }
}

.errorMsg {
    text-align: center;
    margin-top: -34%
}

.errorMsg .innerErrorMsg {
    background: #fff;
    padding: 50px
}

.errorMsg h2 {
    font-size: 30px;
    line-height: 140%;
    margin-top: 0;
    margin-bottom: 20px
}

.errorMsg .err-Back-btn a.back-to-search {
    min-height: initial
}

#publications .publications-all-titles,
.publications-titles {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: 0;
    width: 100%
}

#publications .publications-all-titles .item,
.publications-titles .item {
    padding: 15px;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.publications-titles .card {
    border-radius: 5px;
    padding-bottom: 60px;
    height: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer
}

#publications .publications-all-titles .card-img,
.publications-titles .card-img {
    min-height: 40px
}

#publications .publications-all-titles .item .card-footer,
.publications-titles .item .card-footer {
    border-top: 1px solid #e8e9ea;
    bottom: 0;
    position: absolute;
    width: 100%;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.publications-titles .item h5.card-title {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 15px;
    margin-top: 40px
}

#publications .publications-all-titles .item a.card-link,
.bio-conferences-body .viewAll-block a.card-link,
.bio-publications-body .viewAll-block a.card-link,
.publications-titles .item a.card-link {
    font-family: 'Open Sans';
    line-height: 20px;
    background: url("../images/right-full_gold.svg") center right no-repeat;
    padding-bottom: 20px;
    font-weight: 600;
    display: block;
    padding-top: 20px;
    font-style: normal
}

.publications-titles .item .card p.card-text,
.publications-titles .item .card p.card-tiny-text,
.publications-titles .item .card p.pages {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    color: #80898f;
    margin-bottom: 0 !important
}

#publications .publications-all-titles .item .card p.card-tiny-text span,
.publications-titles .item .card p.card-tiny-text span {
    display: initial;
    color: #80898f
}

#publications .publications-all-titles .item .card hr,
.publications-titles .item .card hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: #e8e9ea
}

#publications .publications-all-titles .item.volumeissue,
.publications-titles .item.volumeissue {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.bio-conferences-body .publications-titles .item .card p.card-tiny-text {
    margin-top: 20px !important;
    margin-bottom: 70px !important
}

.bio-conferences-body .viewAll-block,
.bio-publications-body .viewAll-block {
    float: right;
    display: block;
    margin-right: 27px
}

.bio-conferences-body .viewAll-block a.card-link,
.bio-publications-body .viewAll-block a.card-link {
    font-size: 16px;
    color: #7f6f64;
    padding-right: 40px
}

#publications .publications-all-titles .item a.card-link,
.publications-titles .item a.card-link {
    font-size: 14px
}

#publications .publications-all-titles .item a.card-link:hover,
.publications-titles .item a.card-link:hover {
    background: url("../images/right-long-blue.svg") center right no-repeat;
    display: block
}

#publications .publications-all-titles .item .card-body,
.publications-titles .item .card-body {
    padding: 20px
}

#publications .publications-all-titles .item .researchBadge,
.publications-titles .item .researchBadge {
    position: absolute;
    width: 124px;
    height: 35px;
    left: 0;
    top: 0;
    background: #e4d7cc;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 136%;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #1d3443;
    text-align: center;
    padding: 10px 0;
    border-top-left-radius: 5px;
    min-width: 140px;
    transition: min-width .5s ease-in-out
}

#publications .publications-all-titles .card:hover .researchBadgeHover,
.publications-titles .card:hover .researchBadgeHover {
    min-width: 100%;
    border-top-right-radius: 5px
}

#publications .publications-all-titles .item .liteBadge,
.publications-titles .item .liteBadge {
    background: #f8f6f4
}

#publications .publications-all-titles .card-clickable,
.publications-titles .card-clickable {
    position: absolute;
    min-height: 100%;
    width: 100%
}

.bio-publications-body .textLine {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 140% !important;
    color: #1d3443 !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important
}

.bio-publications-body h5.doctor-bio-degree-label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.03em;
    color: #1d3443;
    padding-bottom: 0;
    margin-bottom: 15px
}

.collapseBIOBlock .bio-publications-body {
    margin-left: 78px !important;
    margin-right: 0 !important;
    overflow: visible
}

.bio-conferences-body,
.bio-publications-body {
    opacity: 0;
    height: 0
}

.panel-collapse.publicationsBlock.collapse.show .bio-conferences-body,
.panel-collapse.publicationsBlock.collapse.show .bio-publications-body {
    height: initial
}

.publicationsBlock .slick-list {
    width: 100%;
    filter: drop-shadow(0 3px 20px rgba(30, 53, 68, .12))
}

.bio-conferences-body .calendarBlock {
    background: url("/Portals/_default/skins/netcare-core/images/calendar.png") center left no-repeat;
    display: block;
    padding-left: 24px;
    margin-top: 40px;
    padding-top: 4px;
    padding-bottom: 4px
}

#publications .publications-all-titles .calendarBlock span,
.bio-conferences-body .calendarBlock span {
    padding: 0 20px;
    display: inline;
    float: left;
    font-size: 25px;
    margin: 0;
    color: #1d3443;
    font-weight: 600;
    position: relative;
    top: -14px
}

#publications .publications-all-titles .calendarBlock h6,
.bio-conferences-body .calendarBlock h6 {
    letter-spacing: .1em;
    font-size: 11px;
    line-height: 136%;
    margin-bottom: 0;
    color: #1d3443;
    font-weight: 600;
    font-family: 'Open Sans';
    text-transform: uppercase
}

.bio-conferences-body .calendarBlock h6 {
    padding-top: 3px
}

#conferencesSliderNav,
#publicationsSliderNav {
    position: relative;
    display: inline-block
}

div#conferencesSliderNavWrapper,
div#publicationsSliderNavWrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

#conferencesSliderNav .dots,
#publicationsSliderNav .dots {
    position: relative;
    bottom: 0 !important;
    display: inherit
}

#conferencesSliderNav .slick-dots,
#publicationsSliderNav .slick-dots {
    position: relative;
    bottom: 6px;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

#conferencesSliderNav .prev-arrow,
#publicationsSliderNav .prev-arrow {
    background: url("../images/CarouselLeftArrow.svg") center center no-repeat;
    cursor: pointer;
    position: relative;
    left: -5px;
    bottom: 0;
    top: auto;
    box-shadow: none;
    float: left
}

#conferencesSliderNav .next-arrow,
#publicationsSliderNav .next-arrow {
    background: url("../images/CarouselRightArrow.svg") center center no-repeat;
    cursor: pointer;
    position: relative;
    right: -5px;
    bottom: 0;
    float: right;
    top: auto;
    box-shadow: none
}

.IndividualDoctors .nav-tabs {
    border-bottom: 0 solid #dee2e6
}

#publications .publications-all-titles .calendarBlock {
    background: url("../images/Calendar.svg") center left no-repeat;
    display: block;
    padding-left: 24px;
    margin-top: 40px;
    padding-top: 4px;
    padding-bottom: 4px
}

#publications .publications-all-titles .Location {
    background: url("../images/map-pin.svg") center left no-repeat;
    display: block;
    padding-left: 24px;
    margin-top: 40px
}

#publications .publications-all-titles .Location h6 {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #1d3443;
    margin-bottom: 20px
}

#publications .search-heading {
    margin-top: 40px;
    padding-bottom: 20px
}

#publications .backtoSearch {
    display: table;
    background: url("../images/left-full_gold.svg") 0 no-repeat;
    padding-left: 40px;
    font-size: 18px;
    color: #7f6f64;
    margin-left: 10px
}

#publications .backtoSearch:hover {
    background: url("../images/left-long-blue.svg") 0 no-repeat;
    color: #1d3443;
    margin-left: 10px
}

#publications .publications-heading h3 {
    padding-top: 20px;
    padding-bottom: 35px;
    font-size: 40px;
    line-height: 50px;
    color: #1d3443;
    margin-left: 10px;
    font-weight: 400;
    font-family: 'Open Sans';
    font-style: normal;
    letter-spacing: -.03em
}

#publications .publications-all-titles .card {
    border-radius: 5px;
    padding-bottom: 60px;
    height: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#publications .publications-all-titles .card a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#publications .publications-all-titles .item h2.card-title,
#publications .publications-all-titles .item h5.card-title {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 15px;
    margin-top: 20px
}

#publications .publications-all-titles .item .card p.authors,
#publications .publications-all-titles .item .card p.card-text,
#publications .publications-all-titles .item .card p.card-tiny-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    color: #80898f;
    margin-bottom: 20px
}

#publications .publications-all-titles .item .card p.authors-list,
#publications .publications-all-titles .item .card p.pages {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #80898f;
    margin-bottom: 20px
}

.all-publictions {
    margin-left: -15px;
    margin-right: -15px
}

.publications-titles .card.clickNone {
    cursor: initial
}

@media (max-width:1800px) {
    .CovidBanner .BannerText {
        right: 8%;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .CovidBanner .BannerText h2 {
        width: 100%
    }

    .RightTextBlock {
        padding: 90px 50px 50px 90px
    }

    .RightTextBlock h1 {
        font-size: 60px
    }

    .ListItemWithIcon {
        font-size: 18px
    }

    .AppointmedSignUp .SecondContainer {
        padding-top: 65px
    }

    .AppointmedSignUp .BannerTextAppointMed h1 {
        font-size: 65px !important
    }

    .AppointmedSignUp .BannerTextAppointMed li,
    .AppointmedSignUp .BannerTextAppointMed p,
    .AppointmedSignUp .GridContainer p {
        font-size: 18px !important
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 42px !important
    }

    .AppointmedSignUp .AppointmedLogoTitle {
        width: 70%
    }

    .topBanner_0 {
        padding-left: 180px
    }

    .cardBlock_5 .thumbnailCard h5,
    .cardBlock_5 .thumbnailCard p {
        margin-bottom: 35px
    }

    .cardBlock_5 .blockWrapper .btn-primary {
        margin-top: 0
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        width: initial;
        max-width: 690px;
        right: 5%
    }

    #dnn_BottomFullBanner .QoC-section .thumbnailCard {
        width: initial;
        max-width: 614px;
        right: 7%;
        top: 17%;
        bottom: 13%
    }
}

@media (max-width:1650px) {

    .ComplexBanner .left-box .wrapper .ThinPlus,
    .ComplexBanner .left-box .wrapper .TitleText,
    .ComplexBanner.Covid .left-box .wrapper .ThinPlus,
    .ComplexBanner.Covid .left-box .wrapper .TitleText {
        font-size: 60px;
        line-height: 60px
    }

    .CovidBanner .BannerText {
        margin: auto;
        height: 95%;
        padding: 35px
    }

    .CovidBanner .BannerText h2 {
        width: 80%;
        font-size: 40px
    }

    .CovidBanner .BannerText .BannerSubHeading {
        font-size: 18px
    }

    .RightTextBlock {
        padding: 70px 20px 0 70px
    }

    .RightTextBlock h1 {
        font-size: 50px;
        margin-bottom: 25px
    }

    .ListItemWithIcon {
        font-size: 17px;
        width: 90%
    }

    .NetcarePlusTopBannerText {
        padding-right: 10%
    }

    .NetcarePlusBannerText p {
        width: 80%
    }

    .AppointmedSignUp .BannerTitleAppointMed,
    .AppointmedSignUp .BannerTitleAppointMed h1 {
        font-size: 60px !important
    }

    .AppointmedSignUp .BannerTextAppointMed li,
    .AppointmedSignUp .BannerTextAppointMed p,
    .AppointmedSignUp .GridContainer p {
        font-size: 16px !important
    }

    .AppointmedSignUp a.ANLink {
        width: 20% !important
    }

    .blockWrapper h4 {
        margin-bottom: 10%
    }

    .topBanner_0 {
        padding-left: 80px;
        padding-right: 15px
    }
}

@media (max-width:1600px) {
    .BannerTextAppointMed {
        margin-right: 10%
    }

    .BannerTextAppointMed p {
        font-size: 18px
    }

    .GridTitle {
        font-size: 38px
    }

    .GridOne .GridTitle {
        width: 100%
    }

    .SecondContainer {
        padding-right: 0
    }

    .SquareOne,
    .SquareThree,
    .SquareTwo {
        height: 400px;
        padding-top: 20px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background-size: 25%
    }

    .NetcarePlusTopBannerText {
        padding-right: 10%
    }

    .RightTextBlock {
        padding: 70px 20px 0 70px
    }

    .RightTextBlock h1 {
        font-size: 50px;
        margin-bottom: 25px
    }

    .ListItemWithIcon {
        font-size: 17px;
        width: 90%
    }

    div#DoctorInformation .InfoBlock {
        margin-top: -453px
    }

    div#DoctorInformation .ContactInfoBlock {
        margin-top: -218px
    }

    .CovidPage.InfoBlock {
        margin-top: -480px
    }

    .CovidPage.StatsBlock {
        margin-top: -420px
    }

    .ipadwrapper {
        margin-top: -180px;
        padding-right: 90px;
        margin-left: -50px;
        margin-bottom: -25px
    }

    .thumbnailCard {
        top: 12%;
        bottom: 18%;
        right: 8%;
        width: 39.55%
    }

    .colBlock_5_1 {
        top: initial;
        bottom: initial;
        right: initial;
        width: 100%;
        padding-left: 15% !important;
        padding-right: 0 !important
    }
}

@media (max-width:1500px) {

    .NetcarePlusLogo img,
    .ipadwrapper {
        margin-left: 0
    }

    .CovidBanner .BannerText {
        right: 4%;
        top: 0;
        bottom: 0;
        margin: auto;
        padding-left: 40px;
        padding-right: 35px
    }

    .CovidBanner .BannerText h2 {
        width: 75%;
        font-size: 35px
    }

    .CovidBanner .BannerText .btn-primary {
        font-size: 14px;
        padding: 15px 38px
    }

    .CovidBanner .BannerText .btn-primary.FamilyConnectButton {
        margin-top: 5px !important
    }

    .NetcarePlusBanner .BannerText {
        right: 5%;
        height: 100%;
        top: 20%;
        width: 40%
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        top: 60%
    }

    .FAQ-Section .accordin-title,
    .FAQ-Section .panel-heading .collapsable {
        padding: 30px 20px 15px 0 !important
    }

    .NetcarePlusTopBannerText {
        padding: 5px 5%
    }

    .NetcarePlusLogo {
        padding-left: 40px
    }

    .BannerTextAppointMed {
        margin-right: 13%
    }

    .AppointmedLink {
        background-position: 60% !important
    }

    .BannerTitleAppointMed,
    .BannerTitleAppointMed h1,
    .SearchBannerWrapper .words .big-heading {
        font-size: 50px
    }

    a.ANLink {
        width: 25%
    }

    .GridText p {
        font-size: 16px !important
    }

    .GridText {
        width: 95%;
        padding-top: 15px
    }

    .AppointmedSignUp .BannerTitleAppointMed,
    .GridFive .GridTitle,
    .GridThree .GridTitle {
        width: 75%
    }

    .GridFive .GridText,
    .GridThree .GridText {
        width: 80%
    }

    .GridContainer {
        padding-top: 14%;
        padding-left: 30px
    }

    .BookAppointmentBannerText p {
        width: 100%
    }

    .AppointmedSignUp .BannerTitleAppointMed,
    .AppointmedSignUp .BannerTitleAppointMed h1 {
        font-size: 50px !important
    }

    .AppointmedSignUp a.ANLink {
        width: 23% !important
    }

    .GridThree .AppointmedSignUp .GridText {
        width: 85% !important
    }

    .CovidPage.InfoBlock {
        margin-top: -470px;
        padding: 50px 45px
    }

    .CovidPage.StatsBlock {
        margin-top: -410px
    }

    #LandingPageGrid .GridText p {
        line-height: 120%;
        font-size: 15px !important
    }

    .blockWrapper h5 {
        margin-bottom: 25px
    }

    .phoneBanner_1 h5 {
        margin-bottom: 40px;
        font-size: 40px
    }

    .topBanner_0 {
        padding-left: 60px
    }

    .blockWrapper h4 {
        margin-bottom: 5%
    }

    .blockWrapper p {
        margin-bottom: 3%
    }

    .phoneBanner_1 p {
        margin-bottom: 40px
    }

    .inverstorLastBlock p {
        margin-bottom: 30px
    }

    .blockWrapper.phoneBanner_1 {
        padding-top: 90px;
        padding-left: 0;
        padding-right: 0
    }

    .thumbnailCard {
        top: 12%;
        bottom: 9%;
        right: 8%;
        width: 36%
    }

    .colBlock_5_1 {
        top: initial;
        bottom: initial;
        right: initial;
        width: 100%;
        padding-left: 15% !important;
        padding-right: 0 !important
    }

    .sectionInv_8 .thumbnailCard {
        right: 5%;
        width: 46%
    }

    .ipadwrapper {
        margin-top: -175px;
        padding-right: 80px;
        margin-bottom: -25px
    }

    .ipadtextblock {
        padding-top: 15px;
        padding-left: 35px;
        padding-bottom: 75px
    }

    .ipadtextblock h2 {
        margin-top: 0
    }

    .SearchBannerWrapper .words {
        top: 20%;
        width: 46%
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 70px
    }
}

@media (max-width:1475px) {

    #AppointMedSlider .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
    .CustomerFeedbackSlider .SlideText p {
        padding: 0 15px
    }

    #AppointMedSlider,
    #AppointMedSlider.NetcarePlusReviewSlider,
    .CustomerFeedbackSlider {
        height: 485px;
        margin: 60px 50px 30px
    }
}

@media (max-width:1440px) {
    .third-nr-box {
        width: 32% !important
    }

    #AppointmedForm>.content {
        width: 100% !important
    }

    .AppointmentBannerText h2,
    .BookAppointmentBannerText h2,
    .NetcarePlusBannerText h2 {
        font-size: 50px
    }

    .AppointmentBannerText,
    .BookAppointmentBannerText {
        right: 8%;
        width: 35%;
        height: 85%
    }

    #AppointMedSlider .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
    .CustomerFeedbackSlider .SlideText p {
        padding: 10px 15px 0;
        margin-bottom: 15px
    }

    .MoreText {
        font-size: 14px !important
    }

    #AppointMedSlider,
    #AppointMedSlider.NetcarePlusReviewSlider,
    .CustomerFeedbackSlider {
        height: 485px;
        margin: 60px 50px 30px
    }

    #AppointMedSlider .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText,
    .CustomerFeedbackSlider .SlideText {
        padding: 25px 10px 15px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url("../images/AppointMedQuotes.svg") 50% 6%/25% no-repeat
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background: url("../images/CarouselQuotesLightBlue.svg") 50% 6%/25% no-repeat
    }

    .NetcarePlusBannerText p {
        width: 90%
    }

    .ipadwrapper {
        margin-top: -170px;
        padding-right: 70px;
        margin-left: 30px;
        margin-bottom: -25px
    }

    .ipadtextblock {
        padding-top: 20px;
        padding-left: 15px
    }

    footer .footertop .linksblock .link-group {
        margin-right: 20px
    }

    #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks {
        padding: 60px 115px 0 126px
    }
}

@media (max-width:1400px) {

    .ComplexBanner .left-box .wrapper .ThinPlus,
    .ComplexBanner .left-box .wrapper .TitleText,
    .ComplexBanner.Covid .left-box .wrapper .ThinPlus,
    .ComplexBanner.Covid .left-box .wrapper .TitleText {
        font-size: 50px;
        line-height: 50px
    }

    .AnimationText h2,
    .AnimationText p,
    .ListItemWithIcon,
    .RightTextBlock h1 {
        margin-bottom: 25px
    }

    .third-nr-box {
        width: 32% !important
    }

    #MediaSlider .MediaSlide .Heading,
    #NewsSlider .NewsSlide .Heading,
    #ResearchSlider .ResearchSlide .Heading {
        font-size: 22px;
        line-height: 26px
    }

    .CovidBanner .BannerText {
        top: 0;
        bottom: 0;
        margin: auto;
        width: 40%;
        height: 90%;
        padding: 20px 25px
    }

    .CovidBanner .BannerText.MorePadding {
        padding: 35px 50px
    }

    .CovidBanner .BannerText h2 {
        width: 60%
    }

    .CovidBanner .BannerText h2.LongHeading,
    .NetcarePlusBannerText p {
        width: 100%
    }

    .CovidBanner .BannerText h3 {
        margin-bottom: 15px
    }

    .CovidBanner .BannerText .BannerSubHeading.mt-2.mb-4 {
        margin: 10px 0 !important
    }

    .CovidBanner .BannerText .TealButton {
        margin-top: 5px !important
    }

    .CovidBlockWrapper {
        margin-right: 80px
    }

    .SpecialistPlusWrapper table td label {
        min-width: 300px !important
    }

    .RightTextBlock {
        padding: 40px 20px 0 40px
    }

    .RightTextBlock h1 {
        font-size: 45px;
        margin-top: 0
    }

    .ListItemWithIcon {
        font-size: 16px;
        width: 100%
    }

    .ListItemWithIcon img {
        height: 38px
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2,
    .AppointmentBoxes .box3 {
        width: 125px;
        height: 130px
    }

    .AppointmentHours p,
    .sectionInv_7 .ButtomLeftbanner h6 {
        font-size: 18px
    }

    .btn-primary.btnAppointment,
    .btn-primary.btnBuyVoucher {
        width: 256px;
        font-size: 15px
    }

    .AppoinmentCall,
    .AppointmedLink,
    .Find {
        font-size: 17px;
        padding-right: 15px;
        padding-left: 30px
    }

    .AppointmentHours {
        padding-top: 55px
    }

    .AppointmentBannerText h2,
    .BookAppointmentBannerText h2,
    .NetcarePlusBannerText h2 {
        font-size: 42px;
        line-height: 55px
    }

    .BookAppointmentBannerText h2 {
        font-size: 40px
    }

    .AppointmentBannerText,
    .BookAppointmentBannerText,
    .NetcarePlusBannerText {
        right: 13%;
        width: 30%;
        height: 90%
    }

    .BookAppointmentBannerText {
        width: 33%;
        right: 10%
    }

    .AppointmentBannerText p,
    .BookAppointmentBannerText p,
    .NetcarePlusBannerText p {
        font-size: 19px
    }

    .btn-primary.AppointmentPurchase {
        margin-top: 5px
    }

    .AppointmedText,
    .BookAppointmedText {
        padding: 61px 15% 20px 70px;
        margin-top: 20px
    }

    .AppointmentLogo,
    .BookAppointmentLogo {
        padding-left: 70px
    }

    .NetcarePlusLogo {
        margin-top: 30px
    }

    .AppointBlockTwo {
        width: 45%
    }

    .BannerTextAppointMed {
        margin-right: 0
    }

    .NetcarePlusBlockTwo,
    .NetcarePlusContentWrapper {
        width: 50%
    }

    .AppointMedContentWrapper,
    .WelcomeText {
        width: 55%
    }

    .NetcarePlusButton {
        margin-top: 5%
    }

    .NetcarePlusBannerText {
        height: 70%
    }

    .InfoCard1,
    .InfoCard2 {
        width: 90%
    }

    .BroucherDownload {
        margin-left: 60px
    }

    div#DoctorInformation .InfoBlock {
        margin-top: -380px
    }

    div#DoctorInformation .InfoBlock .DoctorName {
        font-size: 68px
    }

    div#DoctorInformation .ContactInfoBlock {
        margin-top: -150px
    }

    div#dnn_LiveForm .LiveForm.Default ul.page-break-section {
        padding: 25px 70px
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 38px !important;
        line-height: 42px !important
    }

    .AppointmedSignUp .ANButton {
        bottom: 10%
    }

    div#dnn_LiveForm .LiveForm.Default .thank-you section {
        padding: 80px !important
    }

    div#dnn_LiveForm .LiveForm.Default .thank-you .FinalDetail {
        margin-top: 0 !important
    }

    #IndividualDoctorSlider {
        padding-right: 36%
    }

    #FloatingImageBanner .VideoImage {
        right: 0
    }

    .CovidPage.InfoBlock {
        margin-top: -410px
    }

    .CovidPage.StatsBlock {
        margin-top: -350px
    }

    #TabsRight {
        padding-right: 15px !important
    }

    #HealthcareGrid .GridTitle {
        font-size: 36px
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        width: initial;
        max-width: 600px;
        right: 3%
    }

    .WelcomeText .WelcomeTitle {
        font-size: 70px
    }

    .ipadwrapper {
        padding-right: 70px;
        margin-left: 40px;
        margin-bottom: -25px
    }

    .ipadtextblock {
        margin-right: 15px;
        padding: 0 40px 60px 10px
    }

    .SearchBannerWrapper .words {
        left: 11%
    }

    .SearchBannerWrapper .searchBoxWrapper {
        left: 11%;
        top: 65%
    }

    .sectionInv_7 .ButtomLeftbanner h5 {
        font-size: 40px;
        margin-bottom: 20px;
        margin-top: 0
    }

    .sectionInv_7 .ButtomLeftbanner p {
        font-size: 16px;
        margin-bottom: 20px
    }

    .sectionInv_3_12 .innerCardbody {
        padding: 80px 35px 35px
    }

    .bg-Ipone11Pro {
        text-align: right;
        max-width: 500px
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 67px;
        background-size: 95%
    }

    .AnimationText {
        margin-top: 80px
    }

    .ReuseBanner .CopyContainer-1 h2 {
        font-size: 29px
    }
}

@media (max-width:1360px) {
    #IndividualDoctorSlider {
        padding-right: 34%
    }

    .sectionInv_8 .thumbnailCard {
        right: 10%;
        width: 40%
    }

    .AnimationText p {
        font-size: 14px
    }
}

@media (max-width:1330px) {
    #IndividualDoctorSlider {
        padding-right: 32%
    }

    footer .footertop .linksblock .link-group {
        width: 200px
    }
}

@media (max-width:1300px) {

    .GpVoucherText,
    .VideoText {
        height: 80%;
        padding: 5% 5% 5% 33%
    }

    .CovidRefresh .InfoCard1 h3,
    .CovidRefresh .InfoCard2 h3,
    .CovidRefresh .InfoSectionLeft,
    .InfoSectionLeft.HealthcareFAQ,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 h3,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 h3,
    img.appontmedImage {
        width: 90%
    }

    .AppointmedWrapper {
        margin-top: 5%
    }

    #BigSlider .BigSlide .Image.Orthopaedics,
    #BigSlider .BigSlide .Image.Paediatrician {
        margin-top: -2%
    }

    .CovidBanner .BannerText {
        right: 3%;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 60%;
        height: 90%;
        padding: 35px 40px
    }

    .CovidBanner .BannerText h2 {
        width: 60%;
        font-size: 30px
    }

    .CovidBanner .BannerText .BannerSubHeading,
    .blockWrapper p,
    .inverstorLastBlock p,
    .phoneBanner_1 p,
    .sectionInv_6_2 p {
        font-size: 16px
    }

    .CovidBlockWrapper {
        padding: 40px 50px
    }

    .CovidBlockWrapper h2 {
        width: 95%
    }

    .CovidBlockWrapper .CovidStats .StatBlock {
        padding-left: 45px
    }

    .CovidBlockWrapper .WebsiteWrapper {
        width: 100%
    }

    #AppointmedForm .steps>ul>li>a>.stepTitle {
        margin-left: 20px
    }

    .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item {
        padding: 0;
        width: 80px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 15px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 70%
    }

    .NetcarePlusBanner .BannerText .BannerPlus,
    .WelcomeText .WelcomeTitle {
        font-size: 60px
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 26px;
        top: 55%
    }

    .FAQ-Section .panel-heading .collapsable {
        padding: 30px 57px 15px 0 !important
    }

    .SpecialistPlusWrapper .ConsultationOptions label {
        min-width: 250px !important
    }

    #AppointmedForm>.content>.body {
        padding: 35px !important
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2,
    .AppointmentBoxes .box3 {
        width: 120px;
        height: 125px
    }

    .AppointBlockTwo {
        width: 48%
    }

    .AppointMedContentWrapper {
        width: 52%
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        margin-right: 12px
    }

    .AppointmentBannerText,
    .BookAppointmentBannerText,
    .NetcarePlusBannerText {
        right: 10%;
        width: 33%;
        height: 90%
    }

    #AppointMedSlider .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
    .CustomerFeedbackSlider .SlideText p {
        padding: 10px 15px 0;
        margin-bottom: 15px;
        font-size: 15px;
        -webkit-line-clamp: 9
    }

    #AppointMedSlider,
    #AppointMedSlider.NetcarePlusReviewSlider,
    .CustomerFeedbackSlider {
        height: 470px;
        margin: 55px 25px 30px
    }

    #AppointMedSlider .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText,
    .CustomerFeedbackSlider .SlideText {
        padding: 25px 10px 15px;
        margin: 3px
    }

    #AppointMedSliderNav .dots,
    #AppointMedSliderNav.NetcarePlusSliderNav .dots,
    .CustomerFeedbackSliderNav .dots {
        bottom: 56px !important
    }

    #AppointMedSliderNav .next-arrow.slick-arrow,
    #AppointMedSliderNav .prev-arrow.slick-arrow,
    #AppointMedSliderNav.NetcarePlusSliderNav .next-arrow.slick-arrow,
    #AppointMedSliderNav.NetcarePlusSliderNav .prev-arrow.slick-arrow,
    .CustomerFeedbackSliderNav .next-arrow.slick-arrow,
    .CustomerFeedbackSliderNav .prev-arrow.slick-arrow {
        bottom: 14px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url("../images/AppointMedQuotes.svg") 50% 10%/25% no-repeat
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background: url("../images/CarouselQuotesLightBlue.svg") 50% 10%/25% no-repeat
    }

    .NetcarePlusTopBannerText p {
        font-size: 18px !important
    }

    .NetcarePlusTopBannerText h6 {
        font-size: 25px;
        margin-bottom: 25px
    }

    #AppointMedSliderNav.NetcarePlusSliderNav {
        height: 20px
    }

    #AppointMedSliderNav.CustomerFeedbackSliderNav {
        height: 20px !important
    }

    .BannerTitleAppointMed,
    .BannerTitleAppointMed h1 {
        font-size: 42px
    }

    .SecondContainer {
        padding: 70px
    }

    .GridContainer {
        padding-top: 10%;
        padding-left: 20px
    }

    .CovidPage.StatsBlock .CovidStats .StatBlock .number,
    .GridTitle {
        font-size: 34px
    }

    .GridText {
        padding-top: 0;
        width: 100%
    }

    .ANButton {
        padding-top: 20px
    }

    .SquareOne,
    .SquareThree,
    .SquareTwo {
        height: 360px;
        margin: 10px
    }

    .LogoBoxes img {
        margin-top: 20px
    }

    .BookAppointmentBannerText {
        width: 35%
    }

    .AppointmedSignUp .SecondContainer {
        padding-right: 50px
    }

    .AppointmedSignUp .BannerTitleAppointMed,
    .AppointmedSignUp .BannerTitleAppointMed h1 {
        font-size: 42px !important
    }

    .AppointmedSignUp .BannerTextAppointMed p {
        margin-bottom: 18px
    }

    .AppointmedSignUp a.ANLink {
        width: 30% !important
    }

    .AppointmedSignUp .AppointmedLogoTitle {
        width: 95%;
        margin-top: 60px
    }

    .AppointmedForm .LiveForm.Default .Thank-you h1 {
        padding: 0 !important
    }

    .AppointmedForm .LiveForm.Default .Thank-you p {
        font-size: 20px !important;
        padding: 0 !important
    }

    div#ConsultWeekDayHours,
    div#ConsultWeekendHours {
        margin: 16px 22px 15px 0
    }

    #BigSlider.BannerContent {
        height: 500px !important
    }

    #BigSlider.BannerContent .BigSlide .Content {
        padding: 50px 65px
    }

    .CovidRefresh .InfoCard1 .InfoCardsImage,
    .CovidRefresh .InfoCard2 .InfoCardsImage,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
        width: 17%
    }

    #TextBlock.ipadtextblock {
        padding-top: 70%
    }

    .WelcomeText {
        width: 50%
    }

    #HealthcareGrid .GridTitle {
        font-size: 32px
    }

    .blockWrapper .btn-default,
    .blockWrapper .btn-primary {
        font-size: 14px
    }

    .topBanner_0 {
        padding-left: 15px;
        padding-right: 0;
        padding-bottom: 0
    }

    .blockWrapper .breadcrumb {
        background-color: transparent;
        padding-bottom: 0
    }

    .blockWrapper.phoneBanner_1 {
        padding-top: 90px;
        padding-left: 0;
        padding-right: 0
    }

    .ButtomLeftbanner {
        margin-top: 10%;
        margin-bottom: 10%
    }

    .sectionInv_7_1 {
        min-height: 404px
    }

    .sectionInv_7_1,
    .sectionInv_7_2 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .thumbnailCard {
        top: 13%;
        bottom: 14%;
        right: 75px;
        width: 46%
    }

    .inverstorLastBlock a {
        margin-bottom: 0 !important
    }

    .sectionInv_6_2 h5 {
        font-size: 35px
    }

    .blockWrapper .breadcrumb a {
        padding-right: 5px;
        padding-left: 5px
    }

    .blockWrapper.thumbnailCard.sectionInv_3_11 {
        top: initial;
        bottom: initial;
        right: initial;
        margin-left: 9%
    }

    .colBlock_5_1 {
        top: initial;
        bottom: initial;
        right: initial;
        width: 100%;
        padding-left: 15% !important;
        padding-right: 0 !important
    }

    .sectionInv_8 .thumbnailCard {
        right: 2%;
        width: 49%
    }

    .blockbanner-1 {
        padding-top: 30px;
        padding-bottom: 0
    }

    .topBanner_0 p {
        font-size: 1.33vw
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        width: initial;
        max-width: 560px
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard p {
        margin-bottom: 0
    }

    #dnn_BottomFullBanner .QoC-section .thumbnailCard p {
        margin-bottom: 30px
    }

    #dnn_BottomFullBanner .QoC-section .thumbnailCard {
        top: 12%
    }

    footer .footertop .linksblock .link-group {
        width: 180px
    }

    .NewsArticle .TopMargin {
        margin-top: 0 !important
    }

    .NewsArticle .Heading {
        font-size: 18px
    }

    .image-form-block .AppointmedImage .InfoBlock .row p,
    .image-form-block .AppointmedImage .InfoBlock h2 {
        margin-left: 15px
    }
}

@media (max-width:1240px) {
    #IndividualDoctorSlider {
        padding-right: 29%
    }

    .CovidPage.InfoBlock {
        margin-top: -360px
    }

    .CovidPage.StatsBlock {
        margin-top: -300px
    }

    .ipadtextblock {
        padding-right: 0
    }
}

@media (max-width:1200px) {

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action,
    .VoucherCardWrapper .VoucherCard p,
    .ipadtextblock p,
    LineHeader h4 {
        font-size: 14px
    }

    .AppointmedWrapper p,
    .cardBlock_5 .thumbnailCard h5,
    .ipadtextblock p {
        margin-bottom: 25px
    }

    .image-form-block .AppointmedImage .InfoBlock h4,
    .ipadwrapper {
        padding-right: 50px
    }

    #HomePageGoldBlock .btn {
        min-width: 170px
    }

    .WelcomeBlock {
        margin-right: 10%
    }

    #TextBlock.ipadtextblock p,
    .CoverAIRContainer img {
        width: 80%
    }

    .CoverAIRContainer a {
        top: 82px
    }

    h4.AIRSsubHeading {
        top: 20px;
        width: 80%
    }

    .ipadwrapper {
        margin-top: -155px
    }

    #BigSlider {
        height: 620px
    }

    #BigSlider .BigSlide .Content {
        padding: 70px
    }

    .BigSliderBlock {
        height: 530px
    }

    .BigSliderBlock .Slider {
        top: 480px
    }

    .SmallSliderBlock {
        height: 250px
    }

    #MediaSlider .MediaSlide .Heading,
    #NewsSlider .NewsSlide .Heading,
    #ResearchSlider .ResearchSlide .Heading {
        font-size: 20px;
        line-height: 27px
    }

    #MediaSlider .MediaSlide p,
    #MediaSlider .MediaSlide p em,
    #MediaSlider .MediaSlide p strong,
    #NewsSlider .NewsSlide p,
    #NewsSlider .NewsSlide p em,
    #NewsSlider .NewsSlide p strong,
    #ResearchSlider .ResearchSlide p,
    #ResearchSlider .ResearchSlide p em,
    #ResearchSlider .ResearchSlide p strong {
        font-size: 14px;
        line-height: 22px
    }

    #MediaSlider .MediaSlide,
    #NewsSlider .NewsSlide,
    #ResearchSlider .ResearchSlide {
        padding: 60px 40px
    }

    .GpVoucherText,
    .VideoText {
        height: 84%;
        padding-top: 3.5%
    }

    .LogoLine .LogoText {
        display: block;
        margin-top: 8px
    }

    .LogoLine .LineText .brush-stroke {
        position: absolute;
        width: 5%;
        left: 230px;
        top: 50px
    }

    .LineText {
        width: 45%
    }

    .third-nr-box {
        width: 49% !important
    }

    .listing-columns {
        -moz-column-count: 4;
        -moz-columns: 4;
        -webkit-columns: 4;
        columns: 4
    }

    #BigSlider .BigSlide .Image.Orthopaedics,
    #BigSlider .BigSlide .Image.Paediatrician,
    .AppointmedWrapper,
    .phoneBanner_1 .btn-primary {
        margin-top: 0
    }

    .IconWrapper {
        margin-left: -2%
    }

    .CovidBlockWrapper .WebsiteWrapper,
    .CovidRefresh .InfoSectionLeft,
    .InfoSectionLeft.HealthcareFAQ,
    img.appontmedImage {
        width: 100%
    }

    .CovidBanner .BannerText {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        width: 70%;
        height: 92%;
        padding: 30px 40px
    }

    .CovidBanner .BannerText a {
        margin: 12px 0 20px
    }

    .Breadcrumb {
        padding: .75rem 0
    }

    .CovidBlockWrapper {
        margin-right: 60px;
        padding: 40px
    }

    .CovidBlockWrapper .CovidStats .StatBlock {
        padding-left: 40px
    }

    #AppointmedForm .steps>ul>li>a>.stepTitle,
    #AppointmedForm.IndividualDoctors .steps>ul>li>a>.stepTitle {
        width: 83%;
        font-size: 16px
    }

    #AppointmedForm .steps>ul>li.current>a>.stepTitle,
    #AppointmedForm.IndividualDoctors .steps>ul>li.current>a>.stepTitle {
        font-size: 18px;
        width: 55%;
        margin-top: 0 !important
    }

    #AppointmedForm.IndividualDoctors>.content>.body h2,
    #AppointmedForm>.content>.body h2,
    .DoctorHeading h2,
    div#dnn_LiveForm .LiveForm.Default h2 {
        width: 94%;
        font-size: 35px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 85%
    }

    .NetcarePlusBanner .BannerText {
        height: 100%
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 52px
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 23px
    }

    .FAQ-Section .panel-heading .collapsable {
        padding: 30px 49px 14px 0 !important;
        font-size: 18px !important
    }

    .SpecialistPlusWrapper .ConsultationOptions label {
        min-width: 300px !important
    }

    .GPOption,
    .MedOption,
    .VirtualOption {
        width: 32% !important
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2,
    .AppointmentBoxes .box3 {
        width: 105px;
        height: 115px
    }

    .AppointBlockTwo {
        width: 47%
    }

    .AppointMedContentWrapper,
    .WelcomeText {
        width: 53%
    }

    .btn-primary.btnAppointment,
    .btn-primary.btnBuyVoucher {
        width: 244px
    }

    .AppoinmentCall,
    .AppointmedLink,
    .FindHealthCare {
        padding-left: 5px
    }

    .AppointmentBannerText,
    .BookAppointmentBannerText,
    .NetcarePlusBannerText {
        right: 8%;
        width: 35%;
        height: 90%
    }

    .AppointmentBannerText h2,
    .BookAppointmentBannerText h2,
    .NetcarePlusBannerText h2 {
        font-size: 42px;
        margin-bottom: 15px;
        line-height: 50px
    }

    .AppointmentBannerText p,
    .BookAppointmentBannerText p,
    .NetcarePlusBannerText p {
        font-size: 18px;
        margin-bottom: 15px
    }

    .btn-primary.AppointmentPurchase {
        margin-top: 0;
        padding: 12px
    }

    .AppointmentButton {
        margin-top: 12%
    }

    .SecondContainer {
        padding: 40px 70px 70px
    }

    img.ANArrow {
        padding-top: 0
    }

    .GridTitle {
        font-size: 32px;
        line-height: 120%
    }

    a.ANLink {
        width: 28%;
        position: absolute;
        font-size: 14px
    }

    .LogoTextAppointmed p,
    .sectionInv_7 .ButtomLeftbanner h6 {
        font-size: 16px
    }

    .SquareOne,
    .SquareThree,
    .SquareTwo {
        height: 290px
    }

    .LogoBoxes img {
        margin-top: 10px
    }

    .LogoTextAppointmed {
        margin-top: 30px
    }

    .NetcarePlusContentWrapper {
        margin: 3% 0 0
    }

    .NetcarePlusBannerText {
        right: 10%;
        height: 80%
    }

    .CovidContent,
    .NetcarePlusLogo img {
        margin-left: 0
    }

    .ReuseBanner .CopyContainer,
    .ReuseBanner .CopyContainer-1,
    .VoucherCardWrapper .VoucherCard {
        padding: 40px
    }

    .VoucherCardWrapper .VoucherCard .VoucherPrice,
    .media-banner-content .media-banner-text {
        font-size: 35px
    }

    .CovidPage.StatsBlock,
    div#DoctorInformation .InfoBlock {
        margin-top: -280px
    }

    .CovidPage.InfoBlock .InfoBlockTitle,
    div#DoctorInformation .InfoBlock .DoctorName {
        font-size: 60px
    }

    div#DoctorInformation .ContactInfoBlock {
        margin-top: -65px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn,
    div#DoctorInformation .ContactInfoBlock .CallDoctor,
    div#DoctorInformation .ContactInfoBlock .CallNetcare {
        width: 298px
    }

    .BookAppointmentBannerText {
        width: 40%;
        right: 5%
    }

    .AppointmedSignUp .SecondContainer {
        padding-right: 15px;
        padding-top: 35px
    }

    .AppointmedSignUp .BannerTextAppointMed {
        margin-right: 20%
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 30px !important;
        line-height: 38px !important
    }

    .GridOne .AppointmedSignUp .GridTitle {
        width: 95% !important
    }

    .GridFive .AppointmedSignUp .GridTitle,
    .GridThree .AppointmedSignUp .GridTitle {
        width: 98% !important
    }

    .GridFive .AppointmedSignUp .GridText {
        width: 80% !important
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        margin-left: 25px
    }

    .DoctorProfile .inputWrapper {
        width: 39%
    }

    div#ConsultWeekDayHours,
    div#ConsultWeekendHours {
        width: 35%
    }

    #BigSlider.BannerContent {
        height: 470px !important
    }

    #BigSlider.BannerContent .BigSlide .Content {
        padding: 30px 65px
    }

    #BigSlider.BannerContent .Content p {
        font-size: 18px
    }

    #IndividualDoctorSlider {
        padding-right: 27%
    }

    .CovidPage.InfoBlock {
        margin-top: -340px;
        padding: 50px 30px
    }

    .CovidPage.StatsBlock .StatsDetails {
        padding: 30px 20px 10px
    }

    .CovidPage.StatsBlock .WebsiteWrapper {
        padding: 30px 20px 40px
    }

    .CovidRefresh .InfoSectionRight {
        padding-left: 20px
    }

    .WhiteGoldBlock {
        width: 90%
    }

    #TextBlock.ipadtextblock {
        padding-top: 80%
    }

    .WelcomeText .WelcomeTitle {
        font-size: 55px
    }

    #TextBlock.ipadtextblock h2 {
        font-size: 42px
    }

    .media-banner-content {
        width: 55%
    }

    .topBanner_0 {
        padding-left: 15px;
        padding-right: 0;
        padding-top: 15px;
        padding-bottom: 0 !important
    }

    .innerCardbodyText,
    .thumbnailCard {
        padding: 30px !important
    }

    .blockWrapper.phoneBanner_1 {
        padding-top: 90px;
        padding-left: 0;
        padding-right: 0
    }

    .thumbnailCard {
        top: 10%;
        bottom: 10%;
        right: 45px;
        width: 47%
    }

    ul.inline-list {
        padding: 0 15px
    }

    .sectionInv_8 .thumbnailCard {
        right: 20px;
        width: 50%
    }

    .sectionInv_7 .ButtomLeftbanner {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .sectionInv_7 .ButtomLeftbanner h5 {
        font-size: 35px;
        margin-bottom: 15px;
        margin-top: 0
    }

    .sectionInv_7 .ButtomLeftbanner p {
        font-size: 16px;
        margin-bottom: 15px
    }

    .ButtomLeftbanner,
    .sectionInv_7_1,
    .sectionInv_7_2 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .sectionInv_3_12 .innerCardbody {
        padding: 30px
    }

    .sectionInv_3_12 .sectionInv_3_11 {
        min-height: 402px
    }

    .colBlock_5_1 {
        top: initial;
        bottom: initial;
        right: initial;
        width: 100%
    }

    .topBanner_0 .breadcrumb {
        margin-top: 20px;
        margin-bottom: 11px
    }

    .topBanner_0 h4 {
        margin-bottom: 3%
    }

    .topBanner_0 .btn-primary {
        margin-top: 0;
        margin-bottom: 0
    }

    .phoneBottomTextCols h4 {
        margin-top: -27px
    }

    .phoneBanner_1 h5,
    .phoneBanner_1 p {
        margin-bottom: 35px
    }

    .NewsBanner .media-banner-content {
        margin-left: 38px;
        width: 60%
    }

    .NewsBanner .media-banner-content .media-banner-text {
        font-size: 30px
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 45px
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 62px;
        background-size: 94%
    }

    SearchBannerWrapper .words>div input {
        font-size: 16px !important
    }

    .SmartSearch .HealthcareFacillitesHeading h6,
    .SmartSearch .HealthcareProvidersHeading h6 {
        font-size: 13px
    }

    .srat-pill-box {
        transform: scale(.9)
    }

    .strategic-pillars-header {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .AnimationText,
    .cardBlock_5 .thumbnailCard p {
        margin-bottom: 20px
    }

    footer .footertop .linksblock {
        justify-content: flex-end
    }

    footer .footertop .linksblock .link-group {
        width: 215px
    }

    .AnimationText {
        margin-top: 40px
    }

    .AnimationText h2 {
        font-size: 40px;
        line-height: 111%
    }

    .AnimationText h2,
    .AnimationText p {
        margin-bottom: 15px
    }

    #animationWrapper {
        height: 500px
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        max-width: 550px
    }

    .image-form-block .AppointmedImage .InfoBlock .ProfileImage img {
        width: 95px
    }

    .image-form-block .AppointmedImage .InfoBlock {
        margin-top: 120px
    }
}

@media(max-width:1160px) {
    #AppointmedForm.IndividualDoctors>.content>.body .BookAnotherAppointmedBtn {
        margin: 0 auto;
        display: block
    }

    #IndividualDoctorSlider {
        padding-right: 24%
    }

    #HealthcareGrid .GridTitle {
        font-size: 30px
    }

    #HealthcareGrid .GridText p {
        font-size: 15px !important
    }

    .ipadwrapper {
        margin-top: -150px
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        max-width: 525px
    }
}

@media (max-width:1125px) {

    .AppointmedText,
    .BookAppointmedText {
        padding: 30px 10% 0 55px
    }

    .AppoinmentCall,
    .AppointmedLink,
    .FindHealthCare {
        font-size: 16px;
        padding-right: 15px;
        padding-left: 0
    }

    .AppointmentLogo,
    .BookAppointmentLogo {
        padding-left: 60px
    }

    .HoursWrapper {
        padding-bottom: 16px
    }

    div#dnn_LiveForm .LiveForm.Default ul.page-break-section {
        padding: 25px 45px
    }

    div#dnn_LiveForm .LiveForm.Default .thank-you section {
        padding: 60px 0 !important
    }

    .CovidPage.StatsBlock .CovidStats .StatBlock {
        padding-left: 30px
    }

    #IndividualDoctorSlider {
        padding-right: 22%
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        max-width: 515px
    }
}

@media (max-width:1100px) {
    #OverlayImg {
        position: relative;
        transform: translate(-198px, -90px) scale(.76)
    }

    #LandingPageGrid .GridContainer {
        width: 80% !important
    }

    #LandingPageGrid .GridTitle {
        font-size: 25px !important;
        line-height: 120%
    }

    #LandingPageGrid .GridText p {
        font-size: 14px !important;
        margin-bottom: 18px !important
    }

    #BigSlider {
        height: 580px
    }

    .CovidBanner .BannerText {
        width: 80%;
        height: 90%;
        top: 10px;
        padding: 15px 40px
    }

    .CovidBanner .BannerText h3 {
        font-size: 38px;
        width: 70%
    }

    .CovidBanner .BannerText a,
    .NetcarePlusTopBannerText h6,
    .NetcarePlusTopBannerText p,
    .ReuseBanner .CopyContainer h2,
    .ReuseBanner .CopyContainer-1 h2 {
        margin-bottom: 15px
    }

    .CovidBanner .BannerText .BtnWrapper {
        margin-top: -10px
    }

    #AppointmedForm .steps>ul>li>a>.stepTitle,
    #AppointmedForm.IndividualDoctors .steps>ul>li>a>.stepTitle {
        margin-left: 10px
    }

    #AppointmedForm .steps>ul>li.current>a>.stepTitle,
    #AppointmedForm.IndividualDoctors .steps>ul>li.current>a>.stepTitle {
        width: 80%
    }

    #AppointmedForm>.content>.body input {
        padding-left: 2px
    }

    #AppointmedForm>.content>.body textarea::placeholder {
        font-size: 14px !important
    }

    #AppointmedForm.IndividualDoctors>.content>.body .Weekdays.btn-group .btn-checkbox,
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox {
        margin-right: 10px !important
    }

    .NetcarePlusWrapper p {
        padding-right: 20% !important;
        margin: 20px 0 !important
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 32%;
        padding: 7px 32px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 13px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 89%
    }

    .RightTextBlock {
        padding: 20px 30px
    }

    .RightTextBlock h1 {
        font-size: 40px;
        margin-bottom: 20px;
        margin-top: 0
    }

    .ListItemWithIcon {
        font-size: 15px;
        width: 100%;
        margin-bottom: 20px
    }

    .ListItemWithIcon img {
        height: 38px
    }

    .AppointBlockTwo,
    .AppointMedContentWrapper,
    .NetcarePlusBlockTwo,
    .NetcarePlusContentWrapper {
        width: 50%
    }

    .AppointmedText,
    .BookAppointmedText {
        padding: 30px 4% 5px 55px;
        margin-top: 20px
    }

    .btn-primary.btnAppointment,
    .btn-primary.btnBuyVoucher {
        width: 245px;
        height: 43px
    }

    .AppoinmentCall,
    .AppointmedLink,
    .FindHealthCare {
        padding-right: 15px;
        padding-left: 0
    }

    .AppointmentBannerText,
    .BookAppointmentBannerText,
    .NetcarePlusBannerText {
        right: 5%;
        width: 40%;
        height: 90%
    }

    .AppointmentBannerText h2,
    .BookAppointmentBannerText h2,
    .NetcarePlusBannerText h2 {
        font-size: 37px;
        margin-bottom: 15px;
        width: 85%;
        line-height: 45px
    }

    .AppointmentBannerText p,
    .BookAppointmentBannerText p,
    .NetcarePlusBannerText p {
        font-size: 18px;
        margin-bottom: 15px;
        line-height: 29px
    }

    .btn-primary.AppointmentPurchase {
        height: 45px;
        margin-top: 0;
        width: 215px;
        padding-top: 10px
    }

    .HoursWrapper {
        padding-bottom: 16px
    }

    #AppointMedSlider .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
    .CustomerFeedbackSlider .SlideText p {
        padding: 8px 8px 0;
        margin-bottom: 15px;
        font-size: 15px
    }

    .SecondContainer {
        padding: 45px
    }

    .SquareOne,
    .SquareThree,
    .SquareTwo {
        width: 100%;
        margin: 10px
    }

    .LogoBoxes {
        padding: 5%
    }

    .GridFive .GridTitle,
    .GridThree .GridTitle {
        width: 85%
    }

    .GridTitle {
        font-size: 29px
    }

    .GridText p {
        font-size: 14px !important;
        margin-bottom: 0
    }

    .NetcarePlusTopBannerText {
        padding: 0 25px
    }

    .btn-primary.btnBuyVoucher {
        width: 215px
    }

    .NetcarePlusBannerText h2,
    .NetcarePlusBannerText p,
    .ReuseBanner .CopyContainer p,
    .ReuseBanner .CopyContainer-1 p {
        margin-bottom: 20px
    }

    .NetcarePlusLogo {
        padding-left: 30px
    }

    .InfoCard1,
    .InfoCard2,
    .InfoSectionLeft {
        width: 90%
    }

    .CovidPage.InfoBlock .InfoBlockTitle,
    div#DoctorInformation .InfoBlock .DoctorName {
        font-size: 50px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 60% !important
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        margin-left: 15px
    }

    .BookAppointmentBannerText h2 {
        width: 100%;
        font-size: 37px
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 27px !important;
        line-height: 38px !important
    }

    .AppointmedSignUp .BannerTitleAppointMed,
    .AppointmedSignUp .BannerTitleAppointMed h1 {
        font-size: 40px !important;
        margin-bottom: 15px !important
    }

    .AppointmedSignUp .BannerTextAppointMed li,
    .AppointmedSignUp .BannerTextAppointMed p {
        font-size: 14px !important
    }

    .AppointmedSignUp .ANButton {
        padding-top: 10px
    }

    .GridFive .AppointmedSignUp .GridText {
        width: 90% !important
    }

    .AppointmedSignUp .GridContainer p {
        font-size: 15px !important
    }

    div#dnn_LiveForm .LiveForm.Default .thank-you section {
        padding: 40px 0 !important
    }

    .DoctorProfile #watermark {
        left: 45px
    }

    .DoctorProfile #watermark #bg-text {
        font-size: 270px !important
    }

    .ReuseBanner .ImageContainer,
    .ReuseBanner .ImageContainer-1,
    div#ConsultWeekendHours {
        width: 45%
    }

    .CovidRefresh .InfoCard1 h3,
    .CovidRefresh .InfoCard2 h3,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 h3,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 h3,
    div#ConsultWeekDayHours {
        width: 100%
    }

    #BigSlider.BannerContent {
        height: 420px !important
    }

    #BigSlider.BannerContent .BigSlide .Content {
        padding: 20px 35px
    }

    #IndividualDoctorSlider {
        padding-right: 19%
    }

    .CovidPage.StatsBlock .CovidStats .StatBlock {
        padding-left: 25px
    }

    .CovidPage.InfoBlock {
        margin-top: -310px
    }

    .CovidPage.InfoBlock .InfoBlockDescription {
        font-size: 18px;
        line-height: 140%
    }

    .CovidPage.StatsBlock {
        margin-top: -250px
    }

    #FloatingImageBanner .VideoText {
        padding-left: 6%;
        padding-right: 35%
    }

    .CovidRefresh .InfoSectionLeft,
    .InfoSectionLeft.HealthcareFAQ {
        padding-left: 40px;
        padding-top: 20px
    }

    .CovidRefresh .InfoCard1 .InfoCardsImage,
    .CovidRefresh .InfoCard2 .InfoCardsImage,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
        width: 20%
    }

    .InfoCard1 h3,
    .InfoCard2 h3 {
        width: 100%;
        font-size: 38px !important
    }

    .HeaderFAQ {
        padding: 0 20px
    }

    .TopBlockWrapper,
    .blockWrapper.phoneBanner_1 {
        padding-top: 60px
    }

    .WelcomeText {
        width: 55%
    }

    #HealthcareGrid .GridTitle {
        font-size: 27px
    }

    .ipadwrapper {
        margin-top: -140px
    }

    .NewsArticle .ArticleText p {
        display: none
    }

    .SearchBannerWrapper .words {
        left: 10%;
        top: 20%;
        width: 46%
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 40px
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 54px;
        background-size: 90%
    }

    .srat-pill-box {
        transform: scale(.85)
    }

    .SearchBannerWrapper .searchBoxWrapper {
        left: 10%;
        width: 55%
    }

    .AnimationText h2 {
        font-size: 30px
    }

    .ReuseBanner .CopyContainer,
    .ReuseBanner .CopyContainer-1 {
        width: 55%;
        padding: 30px
    }

    #dnn_BottomFullBanner .sectionInv_8 .thumbnailCard {
        width: initial;
        max-width: 513px
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        max-width: 500px
    }
}

@media (max-width:1060px) {
    #IndividualDoctorSlider {
        padding-right: 16%
    }

    .NewsBanner .media-banner-content {
        margin-left: 25px
    }

    .srat-pill-box {
        transform: scale(.8)
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        max-width: 480px
    }

    #dnn_BottomFullBanner .QoC-section .thumbnailCard {
        bottom: 13px
    }
}

@media (max-width:1024px) {
    #OverlayImg {
        position: relative;
        transform: translate(-243px, -113px) scale(.7)
    }

    #BigSlider {
        height: 570px
    }

    #BigSlider .BigSlide .Content {
        padding: 45px
    }

    .GpVoucherText,
    .VideoText {
        padding-top: 2%
    }

    #MediaSlider .MediaSlide .GoldLink,
    #NewsSlider .NewsSlide .GoldLink,
    #ResearchSlider .ResearchSlide .GoldLink {
        bottom: 7%
    }

    footer .footertop .FooterLink {
        padding-right: 10%
    }

    .CovidBlockWrapper {
        margin-right: 30px
    }

    .CovidBlockWrapper .CovidStats .StatBlock {
        padding-left: 25px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 46%
    }

    #AppointmedForm.IndividualDoctors>.content>.body,
    #AppointmedForm>.content>.body {
        padding: 27px !important
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2,
    .AppointmentBoxes .box3 {
        width: 85px;
        height: 100px
    }

    .AppointBlockTwo,
    .AppointMedContentWrapper,
    .NetcarePlusBlockTwo,
    .NetcarePlusContentWrapper {
        width: 50%
    }

    .FindHealthCare {
        font-size: 15px
    }

    .AppointmedSignUp .BannerTitleAppointMed,
    .AppointmedSignUp .BannerTitleAppointMed h1 {
        font-size: 38px !important
    }

    .AppointmedSignUp .BannerTextAppointMed p {
        margin-bottom: 12px
    }

    .GridOne .AppointmedSignUp .GridText {
        width: 80% !important
    }

    .AppointmedSignUp .ANButton {
        padding-top: 8px !important
    }

    .DoctorProfile .inputWrapper {
        width: 45%
    }

    .CovidPage.StatsBlock .CovidStats .StatBlock .number {
        font-size: 32px
    }

    #IndividualDoctorSlider {
        padding-right: 12%
    }

    .TabsWrapper .nav .nav-item .nav-link {
        font-size: 14px
    }

    #HealthcareGrid .GridOne .GridText {
        width: 95%
    }

    .media-banner-content {
        width: 60%
    }

    .ipadwrapper {
        margin-top: -140px;
        padding-right: 40px
    }

    .NewsArticle hr {
        margin-bottom: 18px;
        margin-top: 20px
    }

    .srat-pill-box {
        transform: scale(.75)
    }

    .cardBlock_5 .thumbnailCard h5,
    .cardBlock_5 .thumbnailCard p {
        margin-bottom: 15px
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        max-width: 465px
    }

    .image-form-block .AppointmedImage .InfoBlock .ProfileImage img {
        width: 85px
    }
}

@media (max-width:61.95em),
(max-width:991px) {

    #HomePageGoldBlock .btn-primary,
    .Reports {
        margin-right: 0
    }

    .BigSliderBlock,
    .LineHeader {
        margin-bottom: 25px
    }

    header {
        height: 110px
    }

    #BodyWrapper {
        padding-top: 110px
    }

    h2 {
        font-size: 35px;
        line-height: 40px
    }

    h3 {
        font-size: 25px;
        line-height: 35px
    }

    #BodyWrapper section,
    .ContentWrapper section {
        padding: 50px 0 !important
    }

    #BigSlider .BigSlide .Image .MobileImage,
    #MediaSlider .MediaSlide .GoldLink,
    #NewsSlider .NewsSlide .GoldLink,
    #ResearchSlider .ResearchSlide .GoldLink,
    .ANBannerMobile,
    .CovidBanner .MobileImage,
    .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper,
    .MobileImage,
    .SmartSearch .mobileView,
    .SpecialistPlusWrapper table td,
    .VoucherCardWrapper,
    .ipadtextblock .btn,
    .mobi-Image,
    .strategic-pillars-mobile,
    div#DoctorInformation .MakeAppointmedBtn {
        display: block
    }

    #AppointmedForm .steps>ul>li.last,
    #AppointmedForm .steps>ul>li>a>span.current-info.audible,
    .ANBanner,
    .ANButton,
    .ActionLinks .ActionLinkItem a:hover .texthover,
    .AppointmedFormImage,
    .AppointmedMapContainer .Facilities p::after,
    .AppointmedTooltip,
    .AppointmentBanner img,
    .AppointmentLogo,
    .BookAppointmentLogo,
    .CovidBanner .DesktopImage,
    .DesktopImage,
    .DesktopResearchHeading,
    .EmergencyBlockWrapper .DividerLine,
    .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.FourBlock .SymptomBlock:nth-child(3)::after,
    .GridFour,
    .GridSix,
    .GridTwo,
    .NetcarePlusBannerImg img,
    .NetcarePlusLogo,
    .SharepriceHeading,
    .blockWrapper.thumbnailCard.sectionInv_3_11 h5,
    .desktop-Image,
    .gradientSeperator,
    .image-form-block .AppointmedImage .InfoBlock,
    .key-objective-desktop,
    .search-input-banner-button,
    .strategic-pillars-desktop {
        display: none
    }

    .LiveForm.Default .Field .Field-Container-Wide,
    .LoginButton,
    .MobileResearchHeading,
    .NetcarePlusBannerMobileTop img {
        display: block !important
    }

    .LoginButton {
        position: absolute;
        right: 80px;
        padding: 15px 30px !important
    }

    .LineHeader,
    .NewsListingItem,
    .location-list {
        padding-left: 5px
    }

    .yearSelector {
        margin-left: -15px
    }

    .NewsListingItem {
        width: 100%;
        margin-right: 0;
        padding-right: 0
    }

    .LineHeader h4,
    .yearSelector label {
        font-size: 12px;
        padding-left: 0
    }

    .education-block {
        min-height: 440px
    }

    .education-block h4 {
        padding: 5px 20px
    }

    #AppointmedForm .bootstrap-datetimepicker-widget,
    #LandingPageGrid .GridText,
    .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage img,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage img,
    .LiveForm.Default .Field input,
    .LiveForm.Default .Field select,
    .LiveForm.Default .Field textarea,
    .SpecialistPlusWrapper .TownContainer {
        width: 100% !important
    }

    ul.page-break-section li {
        padding-left: 0 !important
    }

    .MapDetails {
        padding-right: 40px
    }

    #AppointmedForm.IndividualDoctors>.content>.body h2,
    #AppointmedForm>.content>.body h2,
    #NetcareSliderNavWrapper,
    .AppointMedContentWrapper,
    .AppointmentNewBanner .FirstContainer img,
    .BigSliderBlock .Slider .Tag,
    .CoverAIRContainer img,
    .CovidPage.StatsBlock .WebsiteWrapper .StatsLogo,
    .DnnModule-SharePriceGraphMvc,
    .DnnModule-SharePriceInformation,
    .DoctorHeading h2,
    .GoldCard .TextWrapper,
    .GpImage img,
    .NetcarePlusContentWrapper,
    .ResearchButton.d-flex.justify-content-center,
    .ReuseBanner .ImageContainer,
    .ReuseBanner .ImageContainer-1,
    .SmallSliderBlock .Slider .Tag,
    .VideoImage img,
    .btn-primary.btnBookAppointment,
    .image-form-block .AppointmedForm,
    .image-form-block .AppointmedImage,
    .inner-content,
    .mobileAnimationHeading .MobileImage,
    div#ConsultWeekDayHours,
    div#DoctorInformation .ContactInfoBlock,
    div#DoctorInformation .InfoBlock {
        width: 100%
    }

    .SubPage .DnnModule-SharePriceInformation {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

    .DnnModule-SharePriceGraphMvc .SharePriceGraph {
        padding: 0;
        margin-bottom: 72px
    }

    #graph-6979 {
        width: 100%;
        padding-right: 0
    }

    #graph-6979 h3 {
        margin-top: 0;
        line-height: 24px
    }

    #graph-canvas-7099 text {
        font-style: normal;
        fill: #80898F
    }

    .IRSharePrice {
        height: auto;
        padding: 20px 30px;
        border-left: none
    }

    .AnimationText p,
    .NetcarePlusWrapper h2,
    .NetcarePlusWrapper p,
    .SmallCarouselText p,
    .ipadtextblock,
    .ipadwrapper {
        padding-right: 0
    }

    SharePriceInfo.shareprice-price-control h3 {
        font-family: "Open Sans";
        font-size: 24px;
        line-height: 28px;
        color: #1d3443;
        letter-spacing: -.03em;
        font-weight: 600;
        margin-bottom: 25px
    }

    .Reports {
        padding: 0
    }

    .CoverAIRContainer a {
        top: 72px
    }

    h4.AIRSsubHeading {
        top: 15px;
        width: 90%
    }

    .ActionLinks .ActionLinkItem {
        height: 185px;
        padding: 0
    }

    .ActionLinks .ActionLinkItem:first-child a .text,
    .ActionLinks .ActionLinkItem:nth-child(2) a .text,
    .ActionLinks .ActionLinkItem:nth-child(3) a .text {
        border-bottom: 1px solid #e8e9ea;
        padding-bottom: 83px
    }

    .ActionLinks .ActionLinkItem:nth-child(3) a,
    .ActionLinks .ActionLinkItem:nth-child(6) a {
        border-right: 1px solid transparent
    }

    .ActionLinks .ActionLinkItem a:hover .text {
        padding-bottom: 10px;
        border-bottom: none
    }

    .ActionLinks .ActionLinkItem a:hover {
        height: 185px;
        padding: 40px 30px
    }

    .BluePlus,
    .CovidBlockWrapper h2,
    .LightBluePlus,
    .PeachPlus {
        background-size: 18px;
        padding-left: 21px;
        padding-top: 14px;
        font-size: 40px;
        line-height: 45px
    }

    .ContentUnderPlus {
        margin-left: 21px
    }

    #BodyWrapper section.Animation {
        padding-bottom: 160px !important;
        padding-top: 40px !important
    }

    #NetcareSlider {
        background: url("../images/Dots_bg.png") center 370px/contain no-repeat;
        width: 100%
    }

    #NetcareSlider .MobileImageBlock {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        position: relative
    }

    #NetcareSlider .MobileImageBlock .Image {
        z-index: 2;
        width: 100%
    }

    #NetcareSlider .MobileImageBlock .SnippedLine {
        z-index: 1;
        position: absolute;
        width: 100%
    }

    .ipadwrapper {
        margin-top: -22%;
        margin-left: 5%;
        margin-right: 5%
    }

    .ipadtextblock {
        padding-top: 0;
        margin-top: 18px;
        padding-left: 20px
    }

    .ipadtextblock p,
    .sectionInv_7 .ButtomLeftbanner h6 {
        font-size: 20px
    }

    .ipadtextblock h2 {
        font-size: 50px;
        line-height: 113px
    }

    #HealthcareGrid .GridTitle,
    .blockWrapper .breadcrumb,
    .ipadtextblock a {
        margin-bottom: 15px
    }

    #HomePageGoldBlock .btn {
        min-width: 200px
    }

    #BigSlider {
        height: 1000px
    }

    #BigSlider .BigSlide .Content {
        width: 100%;
        padding: 70px;
        z-index: 2
    }

    #Doctor .FilterWrapper>.DoctorsNameContainer,
    #Doctor .FilterWrapper>.HospitalContainer,
    #Doctor .FilterWrapper>.ProvinceContainer,
    #Doctor .FilterWrapper>.TownContainer,
    .FilterWrapper>.ClinicsNameContainer,
    .FilterWrapper>.DoctorsNameContainer,
    .FilterWrapper>.ProvinceContainer,
    .FilterWrapper>.TownContainer {
        width: 100%;
        float: none;
        padding: 0 0 10px
    }

    #BigSlider .BigSlide .Content h2 {
        background-size: 18px;
        font-size: 40px;
        line-height: 114%;
        margin-left: -21px;
        padding-left: 21px;
        padding-top: 14px
    }

    #BigSlider .BigSlide .Image {
        width: 100%;
        z-index: 1;
        height: auto
    }

    #BigSlider .BigSlide .Content,
    #BigSlider .BigSlide .Image {
        float: none;
        display: block;
        position: relative
    }

    #BigSlider .BigSlide .Image .DesktopImage {
        display: none;
        height: 0%
    }

    .BigSliderBlock {
        height: 550px
    }

    .BigSliderBlock .Slider,
    .BigSliderBlock:hover .Slider {
        top: 40%;
        height: 100%
    }

    .BigSliderBlock .Slider .Wrap {
        max-height: 1000px
    }

    #DoctorBannerText,
    #FloatingImageBanner.VideoIntroductionWrapper,
    .BigSliderBlock .Image,
    .GpVoucherSection,
    .VideoIntroductionWrapper {
        height: auto
    }

    .BigSliderBlock .Image img,
    .BigSliderBlock:hover .Image img {
        margin-top: -20%
    }

    .SmallSliderBlock {
        height: auto;
        max-height: 300px
    }

    .SmallSliderBlock .Image {
        height: auto;
        display: block
    }

    .SmallSliderBlock .Slider {
        max-height: 1000px;
        margin-top: -40px;
        height: 100%
    }

    .SmallSliderBlock .Slider .Wrap {
        height: 300px
    }

    #MediaSliderNav,
    #NewsSliderNav,
    #ResearchSliderNav {
        margin: 0 auto
    }

    .SmallCarouselText,
    .doctor-appoint-bannner-container .ReuseBanner .ImageContainer,
    .inverstorLastBlock_2 {
        padding-top: 0
    }

    .Logos .LogoItem img {
        max-width: 85%;
        margin: 0 auto;
        display: block
    }

    .GpImage,
    .VideoImage {
        width: 100%;
        display: block;
        position: relative;
        height: auto
    }

    .GpVoucherText,
    .VideoText {
        width: 91%;
        display: block;
        padding: 7% 7% 5%;
        height: auto;
        margin: -20px auto 0;
        float: none
    }

    .ComplexBanner .left-box .wrapper .ThinPlus,
    .ComplexBanner.Covid .left-box .wrapper .ThinPlus,
    .GpVoucherText h2,
    .VideoText h2 {
        margin-left: -16px;
        padding-left: 16px;
        padding-top: 7px;
        background-size: 18px;
        font-size: 40px;
        line-height: 45px
    }

    .ComplexBanner .left-box .wrapper .ThinPlus {
        margin-left: -21px;
        padding-left: 21px;
        padding-top: 7px
    }

    .AppointmedMapContainer h2,
    .AppointmedWrapper h2,
    .CarouselHeading h2,
    .ComplexBanner .left-box .wrapper .TitleText,
    .ComplexBanner.Covid .left-box .wrapper .TitleText,
    .NetcarePlusWrapper h2 {
        font-size: 40px;
        line-height: 45px
    }

    .CarouselTextWrapper p,
    .ModuleTextWrapper p,
    .videoHeading p {
        text-align: left
    }

    .CovidRefresh .InfoCard1 .InfoCardsImage img,
    .CovidRefresh .InfoCard2 .InfoCardsImage img,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage img,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage img,
    p #playVid {
        width: 70%
    }

    img.thumb-image {
        width: 13%
    }

    .EmergencyBlockWrapper .RightBlock .tab-content .tab-pane,
    .OpportunitiesSection,
    .sm-p-0,
    div#dnn_LiveForm .LiveForm.Default .thank-you section {
        padding: 0 !important
    }

    #Clinic #SearchClinic,
    #Dentist #SearchDentist,
    #Doctor #SearchDoctor,
    #Hospital #SearchHospital,
    #Specialist #SearchSpecialist {
        display: block;
        width: 100%;
        margin-top: 15px
    }

    .blue-icon-box {
        width: 48% !important
    }

    .third-nr-box {
        width: 49% !important
    }

    .listing-columns {
        -moz-column-count: 3;
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3;
        padding-left: 5px
    }

    .SingleDocumentList {
        margin-left: 5px
    }

    footer .footertop .FooterLink {
        padding-right: 20%
    }

    .AppointmedWrapper {
        margin-top: 50px;
        margin-left: 35px
    }

    .AppointmedWrapper p {
        padding-right: 10%
    }

    .NetcarePlusWrapper {
        margin-top: 20px;
        margin-left: 15px
    }

    .AppointmedMapContainer h2,
    .AppointmedMapContainer>p,
    .CarouselHeading,
    .Facilities {
        margin-left: 35px;
        padding-right: 10%
    }

    .AppointmedMapContainer .Facilities p {
        display: block;
        margin-bottom: 5px
    }

    .AnimationText p,
    .AppointmedMapContainer .Facilities p:last-child,
    .CovidPage.StatsBlock .StatsDetails .CovidStats:last-child .StatBlock:last-child,
    .NewsBlock {
        margin-bottom: 20px
    }

    .CovidBanner .BannerText {
        position: relative;
        width: 100%;
        margin-top: -10px;
        padding: 50px;
        height: auto
    }

    .CovidBlockWrapper {
        padding: 50px
    }

    .CovidBlockWrapper .CovidStats .StatBlock {
        padding-left: 45px
    }

    .CovidVideoHeading a,
    .CovidVideoHeading p {
        margin: 21px;
        text-align: left
    }

    .CovidVideoSection {
        margin-bottom: 30px;
        height: auto
    }

    .CovidContentWrapper,
    .CovidSlider {
        margin: 70px 0 !important
    }

    .AppointmedFormImageMobile {
        display: block;
        width: 100%;
        margin-bottom: -33%;
        margin-top: 75px
    }

    #AppointmedForm {
        margin-left: 0;
        margin-top: 2%
    }

    #AppointmedForm.IndividualDoctors>.content,
    #AppointmedForm>.content {
        width: 100% !important;
        float: none !important
    }

    #AppointmedForm.IndividualDoctors>.content>.body .select2-container,
    #AppointmedForm>.content>.body .select2-container {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important
    }

    #AppointmedForm.IndividualDoctors>.content>.body button,
    #AppointmedForm>.content>.body button {
        min-width: 140px
    }

    #AppointmedForm.IndividualDoctors,
    .AppointmedForm .LiveForm.Default .thank-you,
    .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs,
    .WhiteBlockWrapper .CovidVideoHeading a {
        margin-left: 0
    }

    #AppointmedForm .steps,
    #AppointmedForm.IndividualDoctors .steps {
        margin: -1px auto;
        width: 100% !important;
        height: auto;
        text-align: center
    }

    #AppointmedForm.IndividualDoctors>.content>.body {
        padding: 70px 30px 30px !important
    }

    #AppointmedForm .steps {
        background: #1d3443 !important
    }

    #AppointmedForm.IndividualDoctors .steps {
        background: #fff !important
    }

    #AppointmedForm.IndividualDoctors>.content>.body .BookAnotherAppointmedBtn {
        margin: 0 auto !important;
        display: block
    }

    .IndividualDoctors .steps ul {
        width: 180px !important
    }

    #AppointmedForm .steps ul {
        height: 50px;
        width: 220px;
        margin: 0 auto;
        padding-top: 35px
    }

    #AppointmedForm.IndividualDoctors .steps ul {
        height: 50px;
        width: 220px;
        margin: 0 auto;
        padding-top: 15px
    }

    #AppointmedForm .steps>ul>li>a>.circle {
        background: #4682b4;
        opacity: .25
    }

    #AppointmedForm.IndividualDoctors .steps>ul>li>a>.circle {
        background: #57656e;
        opacity: .25
    }

    #AppointmedForm .steps>ul>li.current>a>.circle {
        background-color: #4682b4;
        opacity: 1;
        width: 65px
    }

    #AppointmedForm .steps>ul>li.done>a>.circle {
        opacity: 1
    }

    #AppointmedTooltipMobile,
    #AppointmedTooltipMobile2 {
        display: block;
        position: absolute;
        z-index: 2;
        border: none;
        border-radius: 0;
        width: 34px;
        height: 30px;
        top: 15px;
        right: 25px;
        cursor: pointer;
        background: url("../images/AppointmedInfo.svg") no-repeat;
        background-color: transparent !important
    }

    #IndividualDoctorsAppointmedTooltipMobile,
    #IndividualDoctorsAppointmedTooltipMobile2 {
        display: block;
        position: absolute;
        z-index: 2;
        border: none;
        border-radius: 0;
        width: 34px;
        height: 30px;
        top: 15px;
        right: 25px;
        cursor: pointer;
        background: url("../images/info.svg") no-repeat;
        background-color: transparent !important
    }

    #AppointmedForm>.content>.body {
        padding: 15px !important
    }

    #AppointmedForm .SpecialistDetail p {
        margin-left: 40px
    }

    #AppointmedForm>.content>.body label.inputLabel {
        margin-left: 20px !important
    }

    #AppointmedForm.IndividualDoctors>.content>.body label.inputLabel {
        margin-left: 0 !important
    }

    #AppointmedForm .AppointmedFormRadioButtons label {
        min-width: 42% !important;
        height: 55px;
        padding: 18px
    }

    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox {
        margin-right: 18px !important;
        width: 30% !important;
        height: 55px;
        padding: 18px
    }

    #AppointmedForm>.content>.body h2,
    .DoctorHeading h2 {
        margin-right: 0;
        margin-left: 0
    }

    #AppointmedForm .PersonalDetail p {
        padding: 5px;
        margin-left: 0
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label {
        height: 55px;
        padding: 15px;
        min-width: 31% !important
    }

    #AppointmedForm>.content>.body .SectionButtons .form-group {
        margin-bottom: 16px
    }

    #AppointmedForm.IndividualDoctors>.content>.body .SectionButtons .form-group,
    #dnn_BottomFullBanner .QoC-section .thumbnailCard p:last-child,
    .WhiteBlockWrapper .CovidVideoHeading,
    div#DoctorInformation .InfoBlock .DoctorBio p:last-child {
        margin-bottom: 0
    }

    #AppointmedForm .HeadingPlus,
    .DoctorHeading .HeadingPlus,
    div#dnn_LiveForm .LiveForm.Default h2 {
        background-size: 18px;
        line-height: 45px !important;
        margin-left: -15px !important;
        padding-left: 28px !important;
        padding-top: 14px !important
    }

    #AppointmedForm.IndividualDoctors .HeadingPlus,
    .DoctorHeading .HeadingPlus,
    div#dnn_LiveForm .LiveForm.Default h2 {
        background-size: 18px;
        line-height: 45px !important;
        margin-left: -15px !important;
        padding-left: 14px !important;
        padding-top: 14px !important
    }

    div#dnn_LiveForm .LiveForm.Default h2 {
        margin-left: -24px !important
    }

    .TooltipModalMobile,
    .TooltipModalMobile2 {
        display: none;
        position: fixed;
        z-index: 10001;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, .1)
    }

    .AppointmedTooltipmodal-content {
        background-color: #fff;
        margin: auto;
        padding: 20px;
        width: 50%;
        display: block;
        border-radius: 5px
    }

    .closeTooltipModal,
    .closeTooltipModal2 {
        color: #4682b4;
        float: right;
        font-size: 28px;
        font-weight: 700
    }

    .AppointmedTooltipmodal-content h4 {
        color: #4682b4 !important;
        text-align: center
    }

    .AppointmedTooltipmodal-content p {
        text-align: center;
        color: #57656e !important;
        padding: 15px 0 !important
    }

    .IndividualDoctors .AppointmedTooltipmodal-content {
        background-color: #f8f6f4 !important
    }

    .IndividualDoctors .AppointmedTooltipmodal-content h4,
    .IndividualDoctors .AppointmedTooltipmodal-content p {
        color: #1d3443 !important
    }

    .IndividualDoctors .closeTooltipModal,
    .IndividualDoctors .closeTooltipModal2 {
        color: #1d3443
    }

    .EmergencyBlockWrapper {
        padding: 40px 20px 20px
    }

    .AppointmentHours,
    .NetcarePlusHours,
    .RightTextBlock {
        padding-left: 30px
    }

    .EmergencyBlockWrapper .LeftBlock {
        width: 100%;
        display: block;
        border-bottom: 2px solid #bec2c6;
        margin-bottom: 30px
    }

    .EmergencyBlockWrapper .LeftBlock a {
        display: block;
        margin-bottom: 30px
    }

    .ListItemWithIcon,
    .ResearchButton,
    .ReuseBanner .CopyContainer h2,
    .ReuseBanner .CopyContainer-1 h2,
    .VoucherCardWrapper .VoucherCard img,
    .cardBlock_5 .thumbnailCard h5,
    .cardBlock_5 .thumbnailCard p {
        margin-bottom: 25px
    }

    .EmergencyBlockWrapper .RightBlock {
        width: 100%;
        display: block;
        margin-left: 0
    }

    .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link {
        font-size: 10px;
        line-height: 14px
    }

    .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item {
        padding: 0;
        width: 80px
    }

    .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .title {
        display: block;
        width: 100%;
        margin-bottom: 15px
    }

    .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock {
        display: inline-block;
        width: 48%;
        margin-bottom: 10px
    }

    .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.ThreeBlock .SymptomBlock {
        display: inline-block;
        width: 32%
    }

    .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.FourBlock .SymptomBlock:not(:last-child)::after {
        height: 85%;
        top: 3%
    }

    .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.ThreeBlock .SymptomBlock:not(:last-child)::after {
        height: 75%;
        top: 3%
    }

    .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock .heading {
        font-size: 12px;
        width: 76%;
        min-height: 35px
    }

    .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.ThreeBlock .SymptomBlock .heading {
        width: 90%
    }

    .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock .image {
        padding-bottom: 25px
    }

    .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.FourBlock .SymptomBlock:nth-child(2) .image,
    .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.FourBlock .SymptomBlock:nth-child(3) .image {
        padding-bottom: 23px;
        border-bottom: 2px solid #bec2c6;
        width: 75%;
        margin: 0 auto
    }

    .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.ThreeBlock .SymptomBlock .image {
        border-bottom: 0
    }

    #BigSlider .NetcarePlusSlider .BigSlide .Content h2,
    .NetcarePlusSlider .BigSlide .Content h2,
    .hidden-md,
    .hidden-mobile {
        display: none !important
    }

    .NetcarePlusSlider {
        height: 850px !important
    }

    .NetcarePlusWrapper .IconWrapper {
        margin-left: -8%
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 51%
    }

    .NetcarePlusBanner .BannerText {
        width: 40%
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 42px
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 19px;
        top: 60%
    }

    .visible-mobile {
        display: inline !important
    }

    .FAQ-Section .panel-group .panel-default>.panel-heading {
        padding-right: 0;
        width: 100%
    }

    .FAQ-Section .panel-heading .collapsable {
        font-size: 18px !important;
        padding: 15px 35px 7px 0 !important;
        line-height: 24px !important
    }

    .SpecialistPlusWrapper table td label {
        padding: 11px 21px !important;
        margin-left: -15px !important;
        letter-spacing: .05em;
        min-width: 300px !important
    }

    .SpecialistPlusWrapper input[type=radio] {
        margin-right: 0 !important
    }

    .SpecialistPlusWrapper label {
        margin-left: 6px !important
    }

    .swal2-buttonswrapper {
        display: contents !important
    }

    button.swal2-confirm.swal2-styled.swal2-styled,
    button.swal2-confirm.swal2-styled.swal2-styled:hover {
        margin-top: 15px !important
    }

    #FAQ_Accordion,
    .DoctorProfile .HeadingWrapper.nav.nav-tabs {
        margin-left: 15px
    }

    #TermAndConditionsBlueLink,
    .FAQWrapper .BlueLink,
    .TermAndConditions .ContentUnderPlus,
    .TermAndConditions p {
        margin-left: 14px
    }

    .TermAndConditions .termsList {
        margin-left: 30px
    }

    #BigSlider .NetcarePlusSlider {
        height: 850px
    }

    .GPOption,
    .MedOption,
    .VirtualOption {
        display: flex
    }

    .SpecialistPlusWrapper .ConsultationOptions label {
        min-width: 300px !important
    }

    .reseach-article-img {
        margin-left: 15px !important
    }

    .ResearchButton .btn {
        min-width: 280px
    }

    #ReviewSlider {
        height: 450px
    }

    #ReviewSlider .SlideText {
        background-size: 16%;
        padding: 50px;
        background-position-y: 7%
    }

    #ReviewSlider .SlideText h2 {
        margin-bottom: 40px;
        font-size: 40px;
        line-height: 45px
    }

    #ReviewSlider .SlideText p {
        font-size: 20px;
        line-height: 32px
    }

    .RightTextBlock {
        margin-top: -10vw
    }

    .RightTextBlock h1 {
        font-size: 45px;
        margin-bottom: 20px;
        margin-top: 0;
        width: 100%;
        margin-left: -10px
    }

    .ListItemWithIcon {
        font-size: 16px;
        width: 100%
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2,
    .AppointmentBoxes .box3 {
        width: 115px;
        height: 115px
    }

    .HoursWrapper {
        padding-bottom: 35px
    }

    #AppointMedSlider,
    #AppointMedSlider.NetcarePlusReviewSlider,
    .CustomerFeedbackSlider {
        height: 405px;
        margin: 60px 32px 20px
    }

    #AppointMedSlider .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText,
    .CustomerFeedbackSlider .SlideText {
        padding: 41px 55px 21px;
        margin: 5px;
        border-bottom: 8px solid #4682b4;
        border-radius: 4px
    }

    #AppointMedSlider.NetcarePlusReviewSlider .SlideText {
        border-bottom: 8px solid #66b6c4
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText h2,
    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText h2,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText p {
        margin-top: 100px;
        -webkit-line-clamp: 5
    }

    #AppointMedSlider .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
    .CustomerFeedbackSlider .SlideText p {
        padding: 10px 20px 0 25px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background-size: 13%;
        min-height: 350px
    }

    .AppointmentCarousel,
    .FeedbackCarousel,
    .NetcarePlusCarousel {
        background: 0 0
    }

    #AppointMedSlider .slick-slide,
    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide,
    .CustomerFeedbackSlider .slick-slide {
        transition: none
    }

    .AppointmentCarousel .BluePlus {
        background: url("../images/CarouselBluePlus.svg") left top 10%/18px no-repeat;
        padding-left: 21px;
        padding-top: 14px;
        line-height: 45px
    }

    .NetcarePlusBannerText {
        top: -375px;
        width: 100% !important
    }

    .ListItemWithIcon .text strong {
        font-family: "Open Sans"
    }

    #NetcarePlusGridOneImage {
        background: url("../images/TealOverlayMobile.jpg") 0 0/100% no-repeat
    }

    #NetcarePlusGridFiveImage {
        background: url("../images/NavyOverlay.jpg") 0 0/100% no-repeat;
        height: 100%
    }

    .whitefadeOutMobile {
        background: linear-gradient(#fff 65%, #f7f7f7) !important
    }

    .AppointmentLogoMobile,
    .NetcarePlusLogoMobile {
        display: block;
        padding-left: 30px;
        margin-top: 10%
    }

    .AppointmentLogoMobile img,
    .NetcarePlusLogoMobile img {
        width: 45%
    }

    .NetcarePlusHours {
        padding-top: 15px
    }

    .AppointBlockTwo,
    .NetcarePlusBlockTwo {
        float: none;
        display: block;
        position: relative;
        width: 100%
    }

    .AppointmedText,
    .BookAppointmedText {
        padding: 15px 20px 40px;
        margin-top: 20px
    }

    .AppoinmentCall,
    .AppointmedLink,
    .FindHealthCare {
        font-size: 18px;
        padding-left: 50px;
        padding-right: 35px;
        width: 100%;
        display: inline-block;
        float: none
    }

    .AppoinmentCall,
    .FindHealthCare {
        text-align: end;
        background: url("../images/ArrowSmallRight.svg") center right no-repeat
    }

    .FindHealthCare {
        background: url("../images/CarouselRightArrow_1.svg") right center no-repeat
    }

    .AppointmedLink {
        text-align: center;
        background-position: 67% !important
    }

    .btn-primary.btnAppointment,
    .btn-primary.btnBuyVoucher {
        width: 100%;
        margin-bottom: 20px;
        font-size: 16px;
        height: 48px
    }

    .AppointmentButton,
    .NetcarePlusButton {
        margin-top: 8%
    }

    .BottomSpace,
    .NetcarePlusButton {
        margin-bottom: 45px
    }

    #LandingPageGrid .mobile-wrap-image,
    .AppointmentBannerMobileTop img,
    .NetcarePlusBannerMobileTop img,
    .ipadtextblock .col-btn {
        display: block;
        width: 100%
    }

    .AppointmentWrapperSection,
    .DoctorWrapperSection,
    .NetcarePlusWrapperSection {
        display: contents;
        position: relative
    }

    .AppointmentBannerText,
    .BookAppointmentBannerText,
    .NetcarePlusBannerText {
        right: 0;
        width: 100%;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        margin-top: -340px
    }

    .NetcarePlusBannerText {
        height: auto;
        margin-top: -38%
    }

    .AppointmentBannerText h2,
    .BookAppointmentBannerText h2,
    .NetcarePlusBannerText h2 {
        font-size: 60px;
        margin-bottom: 40px;
        width: 80%;
        line-height: 60px
    }

    .AppointmentBannerText p,
    .BookAppointmentBannerText p,
    .NetcarePlusBannerText p {
        margin-bottom: 30px;
        line-height: 31px;
        font-size: 20px;
        padding-right: 20px
    }

    .AppointmentBannerText p {
        line-height: 140%
    }

    .ANMobile,
    .btn-primary.AppointmentPurchase,
    .btn-primary.FindMore {
        height: 50px;
        margin-top: 15px;
        margin-bottom: 25px;
        position: relative;
        width: 60%
    }

    .AppointmentHours p {
        font-size: 21px;
        line-height: 25px
    }

    .BannerTwo {
        position: absolute;
        top: 65%;
        padding-bottom: 30px
    }

    .ANMobile {
        margin-bottom: 20px;
        display: block;
        width: 50%;
        background-color: #4682b4 !important
    }

    .AppointmedSignUp .ANMobile.btn-primary:active,
    .AppointmedSignUp .ANMobile.btn-primary:hover {
        background-color: #1d3443 !important;
        color: #fff !important
    }

    .BannerTitleAppointMed,
    .BannerTitleAppointMed h1 {
        font-size: 70px;
        line-height: 111%
    }

    .AppointmentNewBanner .FirstContainer {
        height: 20%
    }

    .SecondContainer {
        padding-left: 30px;
        margin-top: -30%
    }

    .LogoBoxes {
        display: contents;
        align-items: center;
        padding: 10%
    }

    .SquareOne,
    .SquareThree,
    .SquareTwo {
        width: 60%;
        height: 453px;
        border-bottom: 7px solid #4682b4;
        margin-left: 20%
    }

    .AppointmentNewLogo {
        background: #e7f0f6;
        padding-top: 155px;
        padding-bottom: 40px
    }

    .LogoBoxes img {
        margin-top: 70px
    }

    .BannerTextAppointMed {
        width: 68%
    }

    .MobileButtonAN {
        display: block;
        margin: 0 20px 20px
    }

    .AppointmentNewGrid .GridOne {
        background: url("../images/NetworkGradientMobile.jpg") no-repeat
    }

    .GridFive,
    .GridOne,
    .GridThree {
        background-size: 100% !important;
        padding-top: 80%
    }

    #HealthcareGrid .GridFive,
    #HealthcareGrid .GridOne,
    #HealthcareGrid .GridThree {
        background-size: 100% !important;
        padding: 20%
    }

    .AppointmentNewGridTwo .GridFive {
        background: url("../images/ConnectGradientMobile.jpg") no-repeat
    }

    .GridContainer {
        position: absolute;
        top: 0;
        padding: 11% 20px 0 30px
    }

    .GridOne .AppointmedSignUp .GridTitle,
    .GridTitle {
        width: 85% !important
    }

    .GridThree .GridTitle {
        width: 55% !important
    }

    .GridText p {
        font-size: 20px !important
    }

    #HealthcareGrid .GridText p {
        font-size: 24px !important;
        line-height: 130%
    }

    .GridText {
        padding-top: 25px;
        width: 80% !important
    }

    .GridFive .GridText {
        width: 65% !important
    }

    #HealthcareGrid .GridTitle,
    .GridTitle {
        font-size: 50px;
        font-family: 'Open Sans Light';
        line-height: 114%
    }

    a.ANMobile.btn.btn-primary {
        margin: 0 20%
    }

    .AppointmentHours {
        padding-top: 30px
    }

    .VoucherCardsHeading p {
        width: 95%;
        text-align: left !important;
        margin-bottom: 0
    }

    .VoucherCardWrapper .VoucherCard {
        width: 100%;
        margin-bottom: 30px;
        padding: 40px 30px
    }

    .VoucherCardWrapper .VoucherCard:hover {
        transform: scale(1, 1)
    }

    .VoucherCardWrapper .VoucherCard p {
        min-height: initial
    }

    #PracticesMenu .ConsultHospital,
    .SubDescription .DoctorBioHeading,
    .SubDescription .DoctorEduHeading,
    .SubDescription .DoctorPublication,
    .VoucherCardWrapper .VoucherCard .BuyNowButton {
        margin-top: 25px
    }

    .InfoSectionLeft {
        width: 90%;
        margin: 0;
        padding-top: 25%
    }

    .InfoSectionLeft .LightbluePlus,
    .sectionInv_6_2 h5,
    .sectionInv_6_2 p {
        margin-bottom: 10px
    }

    .InfoSectionLeft p {
        width: 85%
    }

    .InfoCard1,
    .InfoCard2 {
        width: 90%;
        margin: 45px
    }

    .CovidRefresh .InfoSectionRight,
    .InfoSectionRight {
        margin-top: 5%
    }

    .BackButton,
    .DoctorBio,
    .SmartSearch .HealthcareFacillitesHeading h6,
    .SmartSearch .HealthcareProvidersHeading h6,
    div#DoctorInformation .ContactInfoBlock {
        margin-top: 30px
    }

    .NetcarePlusTopBannerText p {
        font-size: 16px !important
    }

    .ListWithIconsWrapper {
        margin-left: -12px
    }

    .ListItemWithIcon img {
        height: 30px;
        margin-top: -2px;
        margin-right: 10px
    }

    div#DoctorInformation {
        display: inline-block;
        width: 100%
    }

    .DoctorBio {
        margin-bottom: 30px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 64% !important
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        margin-left: 35px;
        margin-right: 164px
    }

    div#dnn_LiveForm {
        position: relative;
        padding-bottom: 0;
        background: #1d3443;
        margin-top: 35px
    }

    .btn-primary.FindMore {
        position: relative
    }

    .AppointmedSignUp .BannerTitleAppointMed,
    .AppointmedSignUp .BannerTitleAppointMed h1 {
        font-size: 70px !important
    }

    .AppointmedSignUp .BannerTextAppointMed li,
    .AppointmedSignUp .BannerTextAppointMed p {
        font-size: 18px !important
    }

    .AppointmedSignUp a.ANMobile.btn.btn-primary {
        margin: 0 24%
    }

    .AppointmedSignUp .GridContainer {
        padding-top: 20%
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 62px !important;
        line-height: 65px !important
    }

    .AppointmedSignUp .GridContainer p {
        font-size: 23px !important
    }

    .AppointmedSignUp .AppointmedLogoTitle {
        width: 100%;
        margin-top: 60px
    }

    #DoctorInformation .DoctorProfileBtn {
        width: 100%;
        top: 10px;
        margin-bottom: 15px
    }

    .SubDescription .DoctorBioHeading h2,
    .SubDescription .DoctorBiography p,
    .SubDescription .DoctorEduHeading h2,
    .SubDescription .DoctorEduHeading p,
    .SubDescription .DoctorPublication h2,
    .SubDescription .DoctorPublication p,
    .row.sectionInv_3_12.no-gutters {
        margin-left: 0;
        margin-right: 0
    }

    .SubDescription .CertListHeading {
        background: url("../images/Qualifications.svg") left 5% top no-repeat
    }

    #PracticesMenu .ConsultHospital.collapse.show,
    #PracticesMenu .ConsultHospital.collapsing,
    #PracticesMenu .ConsultHospital.sub-tabs.tab-pane.fade.active {
        display: inline-block !important
    }

    #ConsultationWrapper,
    div#ConsultHospital {
        width: 100%;
        margin-left: 0
    }

    div#ConsultHospital {
        margin-bottom: 90px
    }

    .IndividualSectionBox {
        margin-left: -10px
    }

    #IndividualDoctorSlider {
        margin-left: 0;
        margin-bottom: 0;
        padding-right: 11%
    }

    #IndividualDoctorSlider .slick-track,
    #dnn_BottomFullBanner .QoC-section .thumbnailCard p {
        margin-bottom: 35px
    }

    div#SpecialisationList,
    div#SpecialisationPracList {
        margin-top: 0;
        margin-left: 0
    }

    #ConsultHospital .MakeAppointmedBtn,
    #TextBlock.ipadtextblock p {
        width: 95%
    }

    .SmartSearch hr,
    div#DoctorInformation .ContactInfoBlock.NoBioAvailable {
        margin-top: 20px !important
    }

    div#DoctorInformation .InfoBlock .ProfileImage img {
        width: auto
    }

    #SpecialInterestMenu ul.slick-dots {
        bottom: -5px
    }

    div#dnn_ContentRightBlock,
    ul.inline-list {
        padding: 0
    }

    .CovidPage.StatsBlock .StatsDetails {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background: rgba(29, 52, 67, .9);
        box-shadow: 0 6px 100px rgba(29, 52, 67, .24);
        padding: 50px 30px 15px
    }

    .CovidPage.StatsBlock .WebsiteWrapper {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-left: 30px
    }

    .CovidPage.InfoBlock {
        width: 100%;
        margin-top: -25%;
        padding: 50px;
        margin-bottom: 0
    }

    .CovidPage.InfoBlock .InfoBlockTitle {
        margin-top: 10px
    }

    #BigSlider.BannerContent .BigSlide .Image {
        float: none
    }

    #BigSlider.BannerContent .BigSlide .Content {
        float: none;
        margin-top: -51%;
        padding: 30px 70px
    }

    #BigSlider.BannerContent {
        height: 750px !important;
        box-shadow: none;
        color: #f7f7f7;
        background: linear-gradient(180deg, #fff 77%, rgba(247, 247, 247, .9) 100%);
        margin-bottom: 60px
    }

    .CovidPage.StatsBlock,
    .collapseBIOBlock .panel-body p:first-child,
    .collapseFAQBlock .panel-body p:first-child,
    .collapseFacilitiesBlock .panel-body p:first-child {
        margin-top: 0
    }

    .CovidPage.StatsBlock h2 {
        line-height: 112%
    }

    .CovidPage.StatsBlock .CovidStats {
        margin: 0 !important
    }

    .CovidPage.StatsBlock .CovidStats .StatBlock,
    .CovidPage.StatsBlock .CovidStats .StatBlock:first-child {
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px
    }

    .CovidPage.StatsBlock .CovidStats .StatBlock .number {
        font-size: 38px
    }

    .CovidPage.StatsBlock .WebsiteWrapper .WebsiteLink {
        width: 100%;
        padding-left: 0 !important;
        margin-top: 20px
    }

    #FloatingImageBanner .VideoText {
        width: 100%;
        padding-right: 5%;
        padding-left: 4%;
        height: auto;
        background: #f7f7f7;
        box-shadow: none;
        margin-top: 0;
        margin-bottom: 10px
    }

    #FloatingImageBanner .VideoText .BannerSubHeading,
    #FloatingImageBanner .VideoText li,
    #FloatingImageBanner .VideoText p {
        padding-right: 5%
    }

    div#dnn_ContentLeftBlock {
        padding-right: 15px
    }

    #FloatingImageBanner .VideoText h2,
    .errorMsg h2 {
        margin-top: 20px
    }

    .VideoCarouselHeading h2.HeadingMiddle {
        margin-left: 15px;
        width: 80%
    }

    .VideoCarouselHeading p {
        margin: 20px 0 35px 15px;
        text-align: left;
        width: 80%
    }

    .CovidRefresh {
        padding: 0 15px;
        margin-bottom: 20px
    }

    .CovidRefresh .InfoCard1,
    .CovidRefresh .InfoCard2 {
        width: 100%;
        height: auto;
        margin: 0 auto 25px
    }

    .CovidRefresh .InfoSectionRight {
        margin-top: 0;
        width: 100%;
        padding: 0 15px
    }

    .CovidRefresh .InfoCard1 .InfoCardsImage,
    .CovidRefresh .InfoCard2 .InfoCardsImage,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
        width: 15%;
        margin-bottom: 30px
    }

    .CovidRefresh .peachblock,
    .InfoSectionRight.HealthcareFAQ .peachblock {
        height: 30px;
        width: 80%
    }

    .CovidRefresh .InfoSectionLeft h1,
    .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        font-size: 80px;
        width: 80%;
        line-height: 114%
    }

    .CovidRefresh .InfoCard1 h3,
    .CovidRefresh .InfoCard2 h3,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 h3,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
        height: 70px;
        margin-bottom: 30px;
        line-height: 34px;
        width: 95%
    }

    .InfoSectionRight.HealthcareFAQ .InfoCard2 p {
        margin-bottom: 5px
    }

    .CovidRefresh .InfoSectionLeft {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 15px
    }

    .InfoSectionLeft.HealthcareFAQ {
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0;
        margin-bottom: 25px
    }

    .CovidRefresh .InfoSectionLeft .ContentUnderPlus,
    .InfoSectionLeft.HealthcareFAQ .ContentUnderPlus {
        margin: 0 0 35px
    }

    .InfoSectionLeft.HealthcareFAQ .ContentUnderPlus,
    .InfoSectionLeft.HealthcareFAQ .ContentUnderPlus a {
        color: #57656e !important;
        margin-bottom: 20px
    }

    .CovidFAQTitle,
    .FAQTitle {
        position: relative;
        margin-top: 0
    }

    .collapseBIOBlock .panel-title,
    .collapseFAQBlock .panel-title {
        font-family: 'Open Sans Bold'
    }

    .WhiteBlockWrapper .CovidVideoHeading p {
        margin-left: 0;
        width: 100%
    }

    .WhiteBlockWrapper {
        padding: 25px 20px
    }

    .WhiteBlockWrapper .CovidVideoHeading .HeadingMiddle {
        margin: 0
    }

    .WhiteGoldBlock {
        width: 95%;
        margin: 0 auto 40px
    }

    .CovidContent,
    .WhiteGoldBlock:last-child {
        margin-bottom: 50px
    }

    .CovidContent {
        margin-left: 15px;
        margin-right: 15px
    }

    #HealthcareGrid .Gridone {
        background: url("../images/GridOneMobile.jpg") no-repeat
    }

    #HealthcareGrid .Gridfive {
        background: url("../images/GridThreeMobile.jpg") no-repeat
    }

    #LandingPageGrid .GridFive,
    #LandingPageGrid .GridOne,
    #LandingPageGrid .GridThree {
        background-size: 100% !important;
        padding: 0 20%
    }

    #LandingPageGrid .mobile-wrap-image img {
        width: 100%;
        height: auto;
        object-fit: contain;
        object-position: top;
        margin-top: -5px
    }

    #LandingPageGrid .GridContainer {
        position: relative;
        margin: 0 auto;
        padding: 20% 0
    }

    #LandingPageGrid .GridText p,
    #LandingPageGrid .GridTitle,
    .collapseBIOBlock .panel-body p:last-child,
    .collapseFAQBlock .panel-body p:last-child,
    .collapseFacilitiesBlock .panel-body p:last-child {
        margin-bottom: 25px !important
    }

    #LandingPageGrid .GridTitle {
        font-size: 50px !important;
        width: 100% !important
    }

    #LandingPageGrid .GridText p {
        font-size: 20px !important
    }

    #LandingPageGrid .GridFive .GridText {
        width: 95% !important
    }

    #LandingPageGrid .LinkArrow,
    .ButtomLeftbanner p,
    .TabsWrapper .nav .nav-item .nav-link,
    .phoneBanner_1 p,
    .thumbnailCard p,
    .topBanner_0 p {
        font-size: 16px
    }

    #LandingPageGrid .LinkArrowOne {
        color: #7f6f64;
        background: url("../images/right-full_gold.svg") right no-repeat
    }

    #LandingPageGrid .LinkArrowOne:hover {
        color: #fff !important;
        background: url("../images/right-long-white.svg") right no-repeat
    }

    #LandingPageGrid .LinkArrowFive {
        color: #1d3443 !important;
        background: url("../images/right-full.svg") right no-repeat
    }

    #LandingPageGrid .LinkArrowFive:hover {
        color: #7f6f64 !important;
        background: url("../images/right-long-gold.svg") right no-repeat
    }

    .InfoSectionRight.HealthcareFAQ {
        width: 100%;
        margin-bottom: 10px
    }

    #HealthcareGrid .GridContainer {
        position: relative;
        margin: 0 auto 0 30px
    }

    #TextBlock.ipadtextblock {
        margin-left: 25px;
        padding-top: 10px;
        margin-right: 25px
    }

    #TextBlock a {
        border-radius: 5px
    }

    .TopBlockWrapper {
        padding-top: 40px
    }

    .WelcomeText {
        margin-left: 30px;
        width: 70%
    }

    .SearchBannerWrapper .words .big-heading,
    .WelcomeText .WelcomeTitle {
        font-size: 70px
    }

    .LightBlueBlockWrapper {
        margin-top: 100px
    }

    #TabsRight {
        padding-right: 0 !important
    }

    .FeedbackCarousel {
        padding-bottom: 40px
    }

    #SplitBanner .Content {
        padding: 0 30px
    }

    #SplitBanner .Content .TextWrapper h6,
    .sectionInv_7 .ButtomLeftbanner p {
        font-size: 16px;
        margin-bottom: 15px
    }

    #SplitBanner .Content .TextWrapper p {
        font-size: 14px;
        margin-bottom: 20px
    }

    #SplitBanner .Content .TextWrapper .btn-primary {
        font-size: 13px;
        padding: 10px 18px
    }

    .collapseBIOBlock .panel-heading h4,
    .collapseFAQBlock .panel-heading h4,
    .collapseFacilitiesBlock .panel-heading h4 {
        font-size: 18px;
        line-height: 130%
    }

    .collapseFAQBlock .panel-heading .collapsable,
    .collapseFAQBlock .panel-heading .collapsable.collapsed,
    .collapseFacilitiesBlock .panel-heading .collapsable,
    .collapseFacilitiesBlock .panel-heading .collapsable.collapsed {
        padding: 25px 10% 25px 25px !important;
        background-position: right 5% center !important
    }

    .collapseFAQBlock .panel-body {
        margin-left: 25px !important
    }

    .collapseBIOBlock .panel-heading .collapsable,
    .collapseBIOBlock .panel-heading .collapsable.collapsed {
        padding: 25px 45px !important;
        background-position: right 5% center !important
    }

    .BIO-Section .panel-heading .collapsable,
    .doctor-accordin-view .accordin-title {
        padding: 25px 45px !important
    }

    .doctor-accordin-view h2,
    .suggestions {
        padding-left: 0
    }

    .collapseBIOBlock #collapse_15 .panel-body,
    .collapseBIOBlock #collapse_16 .panel-body {
        margin-left: 69px !important
    }

    .collapseBIOBlock .panel-body,
    .collapseFacilitiesBlock .panel-body {
        margin-left: 75px !important
    }

    .additional-qual-description {
        padding: 20px 25px 0
    }

    .doctor-accordin-view .accordin-title {
        padding-left: 25px;
        font-size: 30px
    }

    .additional-qualification-container .accordin-title {
        padding-left: 25px
    }

    .media-banner-content {
        width: 65%
    }

    .NewsBanner .media-banner-content {
        margin-left: 68px
    }

    .ReuseBanner .CopyContainer,
    .ReuseBanner .CopyContainer-1 {
        width: 100%;
        padding: 40px 20px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 3px
    }

    .blockWrapper.phoneBanner_1,
    .blockWrapper.thumbnailCard.sectionInv_3_11.colBlock_5_1 .innerCardbody,
    .flipCard .cardBackSide,
    .flipCard .cardFrontSide,
    .inverstorLastBlock_2 .innerCardbody {
        padding-right: 0;
        padding-left: 0
    }

    .ReuseBanner .CopyContainer p,
    .ReuseBanner .CopyContainer-1 p {
        margin-bottom: 30px;
        font-size: 14px !important;
        line-height: 130% !important
    }

    .ReuseBanner .CopyContainer a.btn,
    .ReuseBanner .CopyContainer-1 a.btn {
        width: 100%;
        justify-content: center;
        padding: 13px 0
    }

    .ReuseBanner .ImageContainer-1 {
        margin-top: -2px
    }

    .ReuseBanner .ImageContainer {
        margin-bottom: -2px
    }

    .NewsArticle .TopMargin {
        margin-top: 10px !important
    }

    .NewsArticle .ArticleText p {
        display: block;
        line-height: 135%
    }

    .NewsArticle hr {
        margin-bottom: 18px;
        margin-top: 20px
    }

    .NewsArticle .Heading {
        font-size: 20px;
        line-height: 135%
    }

    #bannerSearchTextbox::placeholder {
        color: transparent;
        background: url("../images/search_modal_blue.svg") 99% center no-repeat
    }

    .search-bar-banner::after {
        content: attr(data-content);
        position: absolute;
        right: 65px;
        z-index: 200;
        top: 17px;
        color: #80898f;
        font-family: "Open Sans"
    }

    .clear-text-banner {
        right: 22px;
        top: 17px
    }

    .clear-text-banner:after {
        left: 17px
    }

    .search-input-banner-rotateText {
        padding: 17px;
        font-size: 16px;
        width: 100%
    }

    .SearchBannerWrapper .words {
        left: 7%;
        top: 25%;
        width: 57%
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 92px
    }

    .SearchBannerWrapper .searchBoxWrapper {
        left: 0;
        right: 0;
        margin-right: auto;
        margin-left: auto;
        width: 84%
    }

    .SearchBannerWrapper .searchBoxWrapper>div input {
        padding: 17px !important;
        height: 55px !important;
        line-height: 24px;
        letter-spacing: -.04em;
        font-size: 16px !important;
        border-radius: 3px !important
    }

    .SmartSearch {
        padding-bottom: 10px;
        padding-left: 0
    }

    .SmartSearch .SearchResults .link-text,
    .suggestions .SearchResults .suggestion-text,
    .suggestions-banner .SearchResults .suggestion-banner-text {
        font-size: 16px;
        line-height: 125%
    }

    .SmartSearch .SeeAllLink:hover {
        color: #1d3443;
        background: url("../images/right-long-blue.svg") right no-repeat
    }

    .strategic-pillars-subheader {
        display: block;
        text-align: center
    }

    .strat-pill-content-card {
        background-color: #fff;
        padding: 60px 30px;
        margin-top: 50px;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
        box-shadow: none;
        border-radius: 0;
        max-width: 100%;
        min-height: 200px
    }

    .strategic-pillars-header {
        margin-top: 50px;
        margin-bottom: 30px
    }

    .strat-pill-content {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -.03em
    }

    .bgHeaderMobile {
        background: #f7f7f7 !important
    }

    .key-objective-mobile {
        display: block;
        margin-bottom: 50px
    }

    .key-obj-header {
        padding-top: 0;
        padding-left: 30px
    }

    h6.key-obj-mainHeader {
        padding-top: 54px;
        margin-bottom: 25px;
        padding-left: 30px
    }

    .key-obj-content {
        padding: 5px 50px 60px 30px
    }

    .key-image-text {
        position: absolute;
        z-index: 100;
        bottom: 10px;
        left: 30px;
        display: block
    }

    .key-objective-row1 .overlayOnImage,
    .key-objective-row2 .overlayOnImage {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: linear-gradient(0deg, #1d3443 3.95%, rgba(58, 67, 73, .75) 25.36%, rgba(123, 123, 123, 0) 74.31%)
    }

    #KeyObjectiveSlider .KeyObjectiveSlide {
        padding: 20px 150px 0
    }

    .governance-structure-header {
        margin-top: 100px;
        margin-bottom: 40px;
        font-size: 35px;
        line-height: 114%
    }

    .governance-structure-card-left {
        padding: 40px 20px 30px;
        margin: 0 5px
    }

    .governance-structure-card-right {
        padding: 20px 5px
    }

    .AnimationButtons {
        text-align: center;
        margin-top: 50px
    }

    .AnimationText {
        margin-top: 0;
        margin-left: 5px
    }

    .AnimationText h2 {
        font-size: 35px;
        line-height: 114%;
        margin-top: 0;
        margin-bottom: 30px
    }

    .mobileAnimationHeading {
        display: block;
        text-align: center;
        margin-top: 40px
    }

    .mobileAnimationHeading h6 {
        font-family: 'Open Sans';
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 27px
    }

    .mobileAnimationHeading p {
        color: #1d3443;
        margin-bottom: 0
    }

    #BodyWrapper section.remove-padding {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .image-form-block {
        flex-wrap: wrap
    }

    .topBanner1 {
        background-size: cover;
        background-position-x: 13% !important
    }

    .blockWrapper h4 {
        margin-bottom: 30px;
        font-size: 45px
    }

    .blockWrapper h5,
    .phoneBanner_1 h5,
    .thumbnailCard h5 {
        font-size: 35px
    }

    .middleTextContent_1 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .sm-p-tb-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    ul.inline-list li {
        padding: 15px 10px;
        font-size: 18px;
        width: 45%
    }

    .sm-p-lr-15 {
        padding-left: 15px !important
    }

    .topBanner_0 {
        padding: 20px 15px 10px 20px
    }

    .ButtomLeftbanner {
        padding: 0 15px;
        margin-top: 0;
        margin-bottom: 0
    }

    .ButtomLeftbanner h5 {
        font-size: 32px;
        margin-bottom: 20px
    }

    .thumbnailCard {
        margin-bottom: 30px !important;
        top: initial;
        bottom: 0;
        right: 5%;
        width: 90%;
        padding: 30px !important;
        margin: 30px auto
    }

    .blockWrapper.phoneBanner_1 {
        padding-bottom: 15px
    }

    .imgsWrap {
        height: 650px;
        overflow: hidden
    }

    .bg-Ipone11Pro {
        left: 0
    }

    .blockWrapper .btn-primary {
        margin-top: 20px;
        margin-bottom: 40px
    }

    .phoneBanner_1 .btn-primary {
        margin-top: 0;
        margin-bottom: -10px
    }

    .middleTextContent_1 .btn-primary {
        margin-top: 0;
        margin-bottom: 0
    }

    .ButtomLeftbanner .btn-primary {
        margin-top: 15px;
        margin-bottom: 0
    }

    .thumbnailCard .btn-primary {
        margin-bottom: 0;
        padding: 18px 15px 15px
    }

    .inverstorLastBlock {
        margin-left: auto;
        margin-right: auto
    }

    .phoneBottomTextCols .textParagraph {
        padding-bottom: 0
    }

    .sectionInv_8 .thumbnailCard {
        right: 0;
        width: 100%;
        margin: 0
    }

    .innerCardbody {
        display: table-cell;
        vertical-align: bottom;
        padding: 25px 20px
    }

    .innerCardbodyText {
        padding: 25px !important
    }

    .sectionInv_7 .ButtomLeftbanner {
        margin-top: 0;
        padding: 0;
        margin-left: auto;
        margin-right: auto
    }

    .sectionInv_7 .bannerImg {
        text-align: center
    }

    .sectionInv_6_2 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .sectionInv_7_1,
    .sectionInv_7_2 {
        padding-top: 50px;
        padding-bottom: 30px;
        margin-top: 0;
        margin-bottom: 0
    }

    .sectionInv_7_1 .innerCardbody {
        padding: 0;
        display: initial
    }

    .blockWrapper.thumbnailCard.sectionInv_3_11 {
        width: 100%;
        margin: 0 !important;
        min-height: inherit
    }

    .sectionInv_3_12 .innerCardbody {
        vertical-align: middle
    }

    .sectionInv_3_12 .sectionInv_3_11 {
        position: relative;
        width: 100%
    }

    .row.sectionInv_3_12 {
        margin-right: 5px;
        margin-left: 5px
    }

    .colBlock_5_1,
    .row.sectionInv_3_12.no-gutters {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .sectionInv_3_11.colBlock_5_1 {
        padding-bottom: 0 !important;
        margin-bottom: -20px !important
    }

    .colBlock_5_1 .innerCardbody,
    .colBlock_5_1 .sectionInv_6_2 {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .state-clicked {
        margin-top: -30px;
        padding-top: 20px
    }

    .state-clicked a.go-back {
        top: 20px;
        left: 20px
    }

    .blockWrapper.thumbnailCard.sectionInv_6_2 {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    .QoC-section .thumbnailCard {
        width: 90%;
        max-width: initial;
        right: 5%;
        top: initial;
        bottom: initial
    }

    .blockWrapper.phoneBanner_1 {
        padding-top: 75px
    }

    #dnn_BottomFullBanner .cardBlock_5 .thumbnailCard {
        width: 100%;
        max-width: initial;
        right: 0
    }

    #dnn_bottomFullWidthBanner_6 .sectionInv_8 .imgsWrap {
        height: 865px;
        background-color: #eee5de
    }

    #dnn_BottomFullBanner .QoC-section .thumbnailCard {
        width: 96%;
        max-width: initial;
        right: 2%;
        top: initial;
        bottom: 0
    }

    .sectionInv_7_1 {
        min-height: initial;
        margin-top: 0;
        margin-bottom: 30px
    }

    #publications .publications-all-titles .item,
    .publications-titles .item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ReuseBanner .ImageContainer img,
    .ReuseBanner .ImageContainer-1 img {
        width: 100%;
        height: auto;
        object-fit: contain;
        border-bottom-left-radius: 0;
        border-top-right-radius: 3px
    }
}

@media (max-width:960px) {
    #IndividualDoctorSlider {
        padding-right: 7%
    }

    .media-banner-content {
        width: 40%
    }

    .media-banner-content .media-banner-text {
        font-size: 45px
    }
}

@media (max-width:930px) {
    #IndividualDoctorSlider {
        padding-right: 3%
    }
}

@media(max-width:900px) {
    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 53%
    }

    #AppointmedForm .SpecialistDetail p {
        margin-left: 38px
    }

    .AppointmentBannerText h2,
    .BookAppointmentBannerText h2,
    .NetcarePlusBannerText h2 {
        font-size: 55px;
        width: 63%
    }

    #AppointMedSlider,
    #AppointMedSlider.NetcarePlusReviewSlider,
    .CustomerFeedbackSlider {
        height: 405px;
        margin: 60px 32px 20px
    }

    #AppointMedSlider .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
    .CustomerFeedbackSlider .SlideText p {
        padding: 18px 20px 0 25px;
        font-size: 16px;
        -webkit-line-clamp: 6
    }

    #AppointMedSlider .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText,
    .CustomerFeedbackSlider .SlideText {
        padding: 20px 60px 12px;
        margin: 5px
    }

    #AppointMedSliderNav,
    #AppointMedSliderNav.NetcarePlusSliderNav {
        height: 35px
    }

    #AppointMedSliderNav.CustomerFeedbackSliderNav {
        height: 10px !important
    }

    #AppointMedSliderNav .dots,
    #AppointMedSliderNav.NetcarePlusSliderNav .dots,
    .CustomerFeedbackSliderNav .dots {
        bottom: 25px !important
    }

    #AppointMedSliderNav .next-arrow.slick-arrow,
    #AppointMedSliderNav .prev-arrow.slick-arrow,
    #AppointMedSliderNav.NetcarePlusSliderNav .next-arrow.slick-arrow,
    #AppointMedSliderNav.NetcarePlusSliderNav .prev-arrow.slick-arrow,
    .CustomerFeedbackSliderNav .next-arrow.slick-arrow,
    .CustomerFeedbackSliderNav .prev-arrow.slick-arrow {
        bottom: 0
    }

    #IndividualDoctorSlider .SectionBlock,
    .individualSectionBox .SectionBlock {
        width: 340px !important
    }

    .CovidRefresh .InfoSectionLeft h1,
    .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        font-size: 65px;
        margin-bottom: 20px
    }

    .media-banner-content {
        width: 45%
    }
}

@media (max-width:859px) {
    .NetcarePlusBannerText {
        margin-top: -48%;
        top: -275px
    }

    #IndividualDoctorSlider .SectionBlock,
    .individualSectionBox .SectionBlock {
        width: 320px !important
    }

    .CovidRefresh .InfoCard1 h3,
    .CovidRefresh .InfoCard2 h3 {
        margin-bottom: 40px
    }

    .InfoSectionRight.HealthcareFAQ .InfoCard1 h3,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
        margin-bottom: 25px
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 65px
    }

    .errorMsg {
        margin-top: -28%
    }

    .errorMsg h2 {
        margin-top: 20px;
        font-size: 20px;
        line-height: 140%
    }

    footer .footertop {
        flex-direction: column;
        margin-left: 60px;
        margin-right: 60px
    }

    footer .footertop .linksblock {
        display: none
    }

    footer .footertop .linksblock-mobile {
        display: block;
        margin-top: 12px
    }

    footer .footertop .linksblock-mobile .FooterHeading {
        font-family: 'Open Sans Light';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        display: flex;
        align-items: center;
        letter-spacing: -.03em;
        color: #fff;
        margin-top: 30px;
        background: url("../images/WhiteArrowUp.svg") right no-repeat
    }

    footer .footertop .linksblock-mobile .FooterHeading:hover {
        cursor: pointer
    }

    footer .footertop .linksblock-mobile .FooterHeading.collapsed {
        background: url("../images/WhiteArrowDown.svg") right no-repeat
    }

    footer .footertop .linksblock-mobile .group-links {
        margin-top: 20px
    }

    footer .footertop .linksblock-mobile .FooterLink a {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 350%;
        color: #bec2c6
    }

    footer .footermiddle {
        flex-wrap: wrap-reverse
    }

    footer .footermiddle .legal {
        width: 100%
    }

    footer .footermiddle .legal-links.linkslist1 {
        flex-direction: column;
        margin-bottom: 30px
    }

    footer .footermiddle .legal-links.linkslist1 .legalLink {
        border-bottom: 1px solid #80898f;
        border-right: none;
        width: 100%;
        padding: 20px 0
    }

    footer .footermiddle .legal-links.linkslist1 .legalLink:first-child {
        border-top: 1px solid #80898f
    }

    footer .footermiddle .legal-links.linkslist2 {
        margin-bottom: 20px;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    footer .footermiddle .legal-links.linkslist2 .legalLink {
        margin-bottom: 10px
    }

    footer .footermiddle .legal-links.linkslist2 .legalLink:first-child {
        width: 100%;
        border: none
    }

    footer .footermiddle .legal-links.linkslist2 .legalLink:nth-child(2) {
        padding-left: 0
    }

    footer .dividerLine {
        margin: 0 60px
    }

    footer .footerbottom {
        display: block;
        margin-bottom: 30px
    }

    footer .footerbottom .social-media {
        display: block;
        margin-bottom: 20px
    }

    footer .footerbottom .mobile-apps {
        display: flex;
        gap: 8px
    }

    footer .footerbottom .mobile-apps img {
        width: 100%;
        margin-right: 0
    }

    footer a>span.TM {
        line-height: 40px
    }

    footer .netcareplus-ribbon-bottom {
        justify-content: flex-start
    }

    footer .netcareplus-ribbon-bottom .text-right {
        padding-left: 25px
    }
}

@media (max-width:810px) {
    AppointmedForm.IndividualDoctors>.content>.body .BookAnotherAppointmedBtn {
        margin: 0 auto;
        display: block
    }

    .AppointmentBannerText h2,
    .BookAppointmentBannerText h2 {
        width: 71%
    }

    .AppointmentBannerText,
    .BookAppointmentBannerText {
        margin-top: -280px
    }

    .NetcarePlusBannerText h2 {
        width: 90% !important
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 68px
    }

    .InfoCard1,
    .InfoCard2 {
        margin: 40px
    }

    .NetcarePlusBannerText,
    .errorMsg {
        margin-top: -44%
    }

    #HealthcareGrid .GridTitle,
    .CovidRefresh .InfoSectionLeft h1,
    .GridTitle,
    .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        font-size: 55px
    }

    .GridThree .GridTitle {
        width: 60% !important
    }

    #HealthcareGrid .GridThree .GridTitle {
        width: 65% !important
    }

    #IndividualDoctorSlider .SectionBlock,
    .individualSectionBox .SectionBlock {
        width: 299px !important;
        height: 165px
    }

    .CovidPage.InfoBlock .InfoBlockTitle {
        font-size: 60px;
        margin: 0
    }

    #BigSlider.BannerContent .BigSlide .Content {
        padding: 30px 45px
    }

    .media-banner-content {
        width: 50%
    }

    #dnn_bottomFullWidthBanner_6 .sectionInv_8 .imgsWrap {
        height: 802px
    }
}

@media (max-width:767px) {

    .ContactUsBlock,
    .CoverAIRContainer,
    .cardBlock_5 .thumbnailCard p,
    .section-block {
        margin-bottom: 15px
    }

    #VacanciesDetails .dl-horizontal dt,
    .MobileHeading {
        font-weight: 700
    }

    .MobileHeading,
    div#ConsultWeekDayHours p,
    div#ConsultWeekendHours p {
        font-style: normal;
        color: #80898f;
        letter-spacing: .15em;
        text-transform: uppercase
    }

    #AppointmedForm.IndividualDoctors .VoucherBlock {
        font-family: 'Open Sans';
        border: 2px solid #1d3443;
        border-radius: 5px;
        padding: 15px 30px 15px 20px;
        position: relative;
        background-color: #f8f6f4 !important;
        color: #1d3443 !important;
        font-size: 14px;
        width: 100%;
        margin: auto
    }

    .doctor-accordin-view h2 {
        padding-left: 45px
    }

    .BIO-Section .request-appoint-link {
        font-size: 14px;
        padding-right: 43px
    }

    #AppointmedForm.IndividualDoctors .NetCarePlus a,
    .AppointmedTooltipmodal-content p,
    .ConsultWeekDayHours,
    .doctor-appointment-wrapper {
        margin-left: 0 !important
    }

    .doctor-appointment-row {
        margin-top: 10px !important
    }

    .BIO-Section .doctor-facility-hours {
        padding-top: 15px
    }

    .bio-title-text {
        font-size: 13px
    }

    .additional-qualification-container .accordin-title {
        padding-left: 30px;
        font-size: 30px
    }

    .AppointmedTooltipmodal-content,
    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 60%
    }

    #NetcareSlider {
        background-position-y: 280px
    }

    .section-block a.GoldLink {
        position: relative
    }

    #AppointMedNew p,
    .executive-block,
    .executive-block p {
        font-size: 16px
    }

    .content-block,
    .education-block,
    .strategic-box.strategic-large {
        min-height: auto
    }

    .education-half:first-child {
        padding-left: 15px
    }

    .content-right,
    .publications-titles .item {
        padding-right: 0
    }

    .QuoteBlock {
        font-size: 30px;
        line-height: 40px
    }

    #PracticesMenu .ConsultHospital.active.collapse.show,
    #SplitBanner .Content .TextWrapper p,
    .ContactUsBlock p:last-child,
    .inverstorLastBlock h5,
    .inverstorLastBlock p,
    .sectionInv_7 .ButtomLeftbanner,
    .topBanner_0 h5 {
        margin-bottom: 30px
    }

    #AppointmedForm>.content>.body button,
    #PageScroller,
    #SplitBanner .Content,
    #SplitBanner .Image,
    .CovidBlockWrapper h2,
    .DoctorProfile .inputWrapper,
    .MapDetails,
    .MapFrame,
    .SubDescription .DoctorBioHeading h2 {
        width: 100%
    }

    DnnModule-SharePriceGraphMvc {
        width: 100%;
        height: 100%;
        margin-bottom: 225px !important
    }

    .DnnModule-SharePriceGraphMvc .SharePriceGraph {
        margin-bottom: 117px !important
    }

    .shareprice-subtitle,
    .shareprice-title {
        font-size: 18px !important;
        line-height: 24px;
        width: 100%;
        padding-left: 15px
    }

    #share-graph-filtering {
        position: inherit;
        right: 0;
        top: 0;
        margin-top: 15px;
        padding-left: 15px
    }

    #share-graph-filtering span {
        padding: 5px
    }

    .SubPage .DnnModule-SharePriceGraphMvc {
        width: 100% !important;
        margin-bottom: 225px
    }

    .CoverAIRContainer {
        margin-top: 15px
    }

    .CoverAIRContainer img {
        width: 54%
    }

    h4.AIRSsubHeading {
        width: 40%
    }

    .SharePriceInfo.shareprice-price-control h3 {
        display: block;
        font-family: "Open Sans";
        margin-top: 24px;
        font-size: 24px;
        line-height: 28px;
        font-weight: 600;
        padding-left: 30px
    }

    .Reports {
        margin-right: 0;
        padding-bottom: 20px
    }

    .CovidBlockWrapper .WebsiteWrapper .WebsiteLink,
    .IRSPatternBlockSecondary,
    .MediaReleaseThird,
    .Reports,
    .SENSThird,
    .inverstorLastBlock a,
    .phoneBottomTextCols h4 {
        margin-top: 30px
    }

    #AppointmedForm,
    .MediaReleaseThird,
    .SENSThird,
    .thumbnailCard .btn-primary {
        margin-bottom: 0
    }

    .NewsSummaryItem,
    .media-listing-item {
        min-height: auto;
        padding-bottom: 15px;
        margin-bottom: 20px
    }

    .GoldCard,
    .sectionInv_7_1 {
        min-height: initial
    }

    #AppointMedSlider .SlideText h6,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText h6,
    .CustomerFeedbackSlider .SlideText h6,
    .NewsSummaryItem .Date {
        margin-bottom: 5px
    }

    .FilterWrapper>.DoctorsNameContainer,
    .FilterWrapper>.ProvinceContainer,
    .FilterWrapper>.TownContainer {
        width: 100%;
        float: none;
        padding: 0 0 10px;
        margin-top: 15px
    }

    #see-all {
        margin-top: -70px;
        margin-bottom: 40px
    }

    .Logos .LogoItem img {
        max-width: 85%;
        margin: 0 auto;
        display: block
    }

    .ActionLinks .ActionLinkItem a .text {
        font-size: 14px;
        line-height: 16px
    }

    #hccMediaContent>.HospitalCategories {
        width: 100%;
        float: none;
        padding: 15px 0 0
    }

    div#netcare-education {
        float: none;
        margin-left: -5px;
        margin-right: -5px
    }

    div#TrainingProgrammes_filter,
    div#TrainingProgrammes_length {
        float: none;
        margin-bottom: 10px
    }

    #Vacancies .VacanciesWrapper .VacanciesRow .DetailsButtonContainer a,
    div#TrainingProgrammes_info {
        float: none
    }

    div#TrainingProgrammes_paginate {
        float: none;
        margin-top: 10px
    }

    #BigSlider {
        height: 800px
    }

    #BigSlider .BigSlide .Content {
        padding: 50px
    }

    .blue-icon-box {
        width: 48% !important
    }

    .LogoLine .LineText {
        width: 40%;
        padding: 0 15px
    }

    .LogoLine .LineText .serif-text {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: .1em
    }

    .LogoLine .LogoText {
        font-size: 14px;
        line-height: 19px;
        margin-top: 3px
    }

    .LogoLine .LogoText .FooterYou {
        background-size: 85%;
        background-position-x: 2px;
        background-position-y: 17px;
        min-height: 24px
    }

    .blue-icon-box h2 {
        font-size: 46px !important
    }

    #HealthcareGrid .GridTitle,
    .third-nr-box,
    div#dnn_LiveForm .LiveForm .Field>div input[type=submit] {
        width: 100% !important
    }

    #Clinic .ClinicWrapper .ClinicRow,
    #Dentist .DentistWrapper .DentistRow,
    #Doctor .DoctorsWrapper .DoctorRow,
    #Hospital .HospitalWrapper .HospitalRow,
    #Specialist .SpecialistWrapper .SpecialistRow {
        padding-bottom: 10px;
        overflow: auto
    }

    #Specialist .SpecialistsWrapper.SpecialistWrapperPlus .SpecialistRow {
        display: block;
        margin-top: 20px !important;
        padding: 20px;
        border: 1px solid #dfdfdf;
        border-radius: 10px
    }

    #Clinic .ClinicWrapper .ClinicRow>div,
    #Dentist .DentistWrapper .DentistRow>div,
    #Doctor .DoctorsWrapper .DoctorRow>div,
    #Hospital .HospitalWrapper .HospitalRow>div,
    #Specialist .SpecialistsWrapper .SpecialistRow>div,
    #Vacancies .VacanciesWrapper .HospitalRow>div {
        border-top: none !important;
        padding-top: 10px
    }

    #Clinic .ClinicWrapper .ClinicRow:first-child>div,
    #Clinic .ClinicWrapper .ClinicRow>.Distance,
    #Dentist .DentistWrapper .DentistRow:first-child>div,
    #Dentist .DentistWrapper .DentistRow>.Distance,
    #Doctor .DoctorsWrapper .DoctorRow:first-child>div,
    #Doctor .DoctorsWrapper .DoctorRow>.Distance,
    #DoctorProfileSection div#BigSliderNav,
    #Hospital .HospitalWrapper .HospitalRow:first-child>div,
    #Hospital .HospitalWrapper .HospitalRow>.Distance,
    #IndividualDoctorSlider,
    #Specialist .SpecialistsWrapper .SpecialistRow:first-child>div,
    #Specialist .SpecialistsWrapper .SpecialistRow>.Distance,
    #Specialist .SpecialistsWrapper.SpecialistWrapperPlus .SpecialistRow>div.MobileHeading,
    .hidden-xs {
        display: none !important
    }

    #Clinic,
    #Dentist,
    #Doctor,
    #Hospital,
    #Specialist {
        padding: 10px 0 40px
    }

    #Clinic .FilterWrapper>.ClinicsNameContainer,
    #Clinic .FilterWrapper>.ProvinceContainer,
    #Clinic .FilterWrapper>.TownContainer,
    #Dentist .FilterWrapper>.DoctorsNameContainer,
    #Dentist .FilterWrapper>.HospitalContainer,
    #Dentist .FilterWrapper>.ProvinceContainer,
    #Dentist .FilterWrapper>.TownContainer,
    #Doctor .FilterWrapper>.DoctorsNameContainer,
    #Doctor .FilterWrapper>.HospitalContainer,
    #Doctor .FilterWrapper>.TownContainer,
    #Hospital .FilterWrapper>.ClinicsNameContainer,
    #Hospital .FilterWrapper>.ProvinceContainer,
    #Hospital .FilterWrapper>.TownContainer,
    #Specialist .FilterWrapper>.DoctorsNameContainer #Doctor .FilterWrapper>.ProvinceContainer,
    #Specialist .FilterWrapper>.ProvinceContainer,
    #Specialist .FilterWrapper>.TownContainer,
    #Vacancies .FilterWrapper .CategoryContainer,
    #Vacancies .FilterWrapper .DivisionContainer,
    #Vacancies .FilterWrapper .ProvinceContainer {
        width: 100%;
        float: none;
        padding: 0 0 10px
    }

    #Clinic .ClinicWrapper .ClinicRow>div.EMail,
    #Dentist .DentistWrapper .DentistRow>div.EMail,
    #Doctor .DoctorsWrapper .DoctorRow>div#EMail,
    #Hospital .HospitalWrapper .HospitalRow>div.EMail,
    #Specialist .SpecialistsWrapper .SpecialistRow>div#EMail,
    #Vacancies .VacanciesWrapper .HospitalRow>div.EMail,
    #Vacancies .VacanciesWrapper .VacanciesRow {
        padding-bottom: 30px;
        margin-bottom: 25px;
        border-bottom: 1px solid #dfdfdf !important
    }

    #Clinic .ClinicWrapper .ClinicRow>div,
    #Dentist .DentistWrapper .DentistRow>div,
    #Doctor .DoctorsWrapper .DoctorRow>div,
    #Hospital .HospitalWrapper .HospitalRow>div,
    #Specialist .SpecialistsWrapper .SpecialistRow>div {
        display: block !important;
        overflow: auto;
        width: 100%
    }

    #Clinic .ClinicWrapper .ClinicRow .DetailsButtonContainer a,
    #Dentist .DentistWrapper .DentistRow .DetailsButtonContainer a,
    #Doctor .DoctorsWrapper .DoctorRow .DetailsButtonContainer a,
    #Hospital .HospitalWrapper .HospitalRow .DetailsButtonContainer a,
    #Specialist .SpecialistsWrapper .SpecialistRow .DetailsButtonContainer a {
        float: left
    }

    #Clinic .ClinicWrapper .ClinicRow>div,
    #Dentist .DentistWrapper .DentistRow>div,
    #Doctor .DoctorsWrapper .DoctorRow>div,
    #Hospital .HospitalWrapper .DenstistRow>div,
    #Specialist .SpecialistWrapper .SpecialistRow>div {
        display: block;
        overflow: auto
    }

    #Clinic .ClinicWrapper,
    #Dentist .DentistWrapper,
    #Doctor .DoctorsWrapper,
    #Hospital .HospitalWrapper,
    #Specialist .SpecialistsWrapper {
        display: table;
        width: 100%
    }

    .MobileHeading {
        font-family: Open Sans;
        font-size: 14px;
        line-height: 22px;
        align-items: center;
        border: 0 !important;
        border-top: none;
        padding: 0 5px !important;
        margin-top: 15px
    }

    .listing-columns {
        -moz-column-count: 2;
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2
    }

    .SubPageMenuContainer .navbar-nav {
        float: none;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        margin: -1px
    }

    .background-box-clinic-outcome {
        padding: 15px 20px;
        text-align: center
    }

    .LineHeader {
        height: 47px
    }

    #Vacancies .FilterWrapper {
        padding: 10px 0 0
    }

    #Vacancies .VacanciesWrapper {
        padding-top: 0
    }

    #IndividualDoctorSlider,
    #PracticesMenu .wrapper,
    #SpecialInterestMenu .HomepageSliderNav,
    #SpecialInterestMenu .tab-content,
    #Specialist .SpecialistsWrapper.SpecialistWrapperPlus .SpecialistRow:first-child,
    #Vacancies .VacanciesWrapper #vacancySearchHeader,
    #Vacancies .VacanciesWrapper .VacanciesRow:first-child,
    .IconWrapper .ValueItemInner .heading#headingDesktop,
    .colBlock_5_1 h5,
    .desktop-Image,
    div#DoctorInformation .ContactInfoBlock h2 {
        display: none
    }

    #Vacancies .VacanciesWrapper .VacanciesRow {
        display: block;
        overflow: auto
    }

    #Vacancies .VacanciesWrapper .VacanciesRow>div {
        display: block !important;
        overflow: auto;
        border-top: 0 !important;
        padding: 10px 5px
    }

    #Vacancies .FilterWrapper .ButtonContainer button {
        display: block;
        width: 100%;
        margin-top: 15px
    }

    #VacanciesDetails .apply,
    #VacanciesDetails .apply:focus,
    #VacanciesDetails a.RedLink {
        margin: 10px 0
    }

    #Vacancies+#myModal .modal-footer button,
    #Vacancies+#myModal .modal-footer button:focus {
        padding: 10px 35px
    }

    @-moz-document url-prefix() {

        #SearchClinic,
        #SearchDentist,
        #SearchDoctor,
        #SearchHospital,
        #SearchSpecialist,
        #SearchVacancies {
            margin-bottom: 0
        }
    }

    .CovidBlockWrapper {
        padding: 40px;
        width: 100%
    }

    .CovidBlockWrapper .CovidStats .StatBlock {
        display: block;
        padding-left: 0;
        margin-bottom: 20px
    }

    .CovidBlockWrapper .CovidStats .StatBlock .number {
        text-align: left;
        margin-top: 15px
    }

    .CovidBlockWrapper .WebsiteWrapper .StatsLogo,
    .CovidBlockWrapper .WebsiteWrapper .WebsiteLink {
        width: 100%;
        display: block;
        padding-left: 0
    }

    #AppointmedForm section .SectionButtons,
    .CovidBlockWrapper .WebsiteWrapper .WebsiteLink a,
    .NetcarePlusImg img {
        margin-top: 10px
    }

    #BigSlider.CovidSlider {
        height: 900px
    }

    #AppointmedForm .steps .stepTitleMobile {
        font-size: 20px;
        width: 100%
    }

    #AppointmedForm>.content>.body h4.HeadingPlus {
        text-align: left;
        padding-left: 28px;
        font-size: 12px !important;
        letter-spacing: .15em;
        margin-top: 20px !important;
        width: 100%;
        background-size: 16px
    }

    #SpecialInterestMenu .slick-dots li.slick-active a,
    .bg-Ipone11Pro {
        text-align: center
    }

    #AppointmedForm>.content {
        width: 100% !important;
        margin: 0 !important
    }

    #AppointmedForm>.content>.PersonalDetailSection.expandHeight {
        height: 1025px !important
    }

    #AppointmedForm>.content>.body h2,
    .DoctorHeading h2 {
        margin-bottom: 10px;
        margin-left: 25px
    }

    #AppointmedForm.IndividualDoctors>.content>.body button {
        width: 100%;
        margin: 0 0 20px
    }

    #AppointmedForm.IndividualDoctors>.content>.body input {
        padding: 0 20px !important
    }

    #AppointmedForm>.content>.body .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #1d3443 !important;
        padding-left: 15px;
        line-height: 20px;
        font-size: 15px;
        vertical-align: text-top;
        width: 80%
    }

    #AppointmedForm>.content>.body .select2-container--default .select2-selection--single,
    #AppointmedForm>.content>.body input,
    #AppointmedForm>.content>.body select {
        font-size: 14px;
        padding-left: 10px !important
    }

    #AppointmedForm>.content>.body .inputWrapper.Username {
        height: 55px
    }

    #AppointmedForm>.content>.body label.inputLabel {
        font-size: 15px;
        width: 65%;
        margin-left: 18px !important;
        margin-right: 10px !important
    }

    #AppointmedForm .please-note {
        padding: 11px 10px 11px 53px;
        background-size: 30px 30px;
        background-position: 12px 11px;
        font-size: 14px;
        margin-bottom: 10px
    }

    #AppointmedForm .please-note.please-note-discipline {
        background-position: 11px 6px
    }

    #AppointmedForm>.content>.body .select2-container--default .select2-selection--single .select2-selection__placeholder,
    #AppointmedForm>.content>.body input::placeholder,
    #AppointmedForm>.content>.body textarea::placeholder {
        font-size: 15px
    }

    #AppointmedForm .please-note.please-note.incomplete-profile-notice {
        padding-right: 10px
    }

    #AppointmedForm .intl-tel-input.separate-dial-code .flag-container,
    #AppointmedForm>.content>.body .intl-tel-input.allow-dropdown .flag-container {
        padding-left: 0 !important;
        margin-left: -10px
    }

    #AppointmedForm>.content>.body {
        padding: 40px !important
    }

    #AppointmedForm.IndividualDoctors>.content>.body {
        padding: 70px !important
    }

    #AppointmedForm.IndividualDoctors .NetCarePlus,
    #FloatingImageBanner .VideoText h2,
    .AppointmedFormImageMobile,
    .FilterWrapperPlus,
    .GoldCard.GoldCardBig,
    .VerificationWrapper h6,
    .middleTextContent_1 .btn-block a.btn.btn-primary {
        margin-top: 0
    }

    #AppointmedForm.IndividualDoctors section .SectionButtons {
        bottom: -70px
    }

    .Section-Button-padding {
        margin-bottom: 0 !important
    }

    #AppointmedForm .SpecialistDetail p {
        padding: 5px;
        margin-left: 25px
    }

    #AppointmedForm.IndividualDoctors>.content>.body h2,
    #DoctorProfileSection .HeadingWrapper .Heading:first-child,
    .DoctorHeading h2,
    .btn-block .btn-default,
    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading:first-child {
        margin-left: 0
    }

    #AppointmedForm .VoucherBlock {
        width: 100%;
        margin: 0
    }

    #AppointmedForm p {
        margin-left: 0;
        margin-right: 5px
    }

    #AppointmedForm .NetCarePlus a {
        margin-left: 10px !important
    }

    #AppointmedForm>.content>#AppointmedForm-p-4,
    #AppointmedForm>.content>.PersonalDetailSection {
        min-height: 900px !important
    }

    .AppointmedFormImageMobile {
        width: 100%;
        margin-left: 0
    }

    .NetcarePlusSlider {
        height: 710px !important
    }

    .NetcarePlusWrapper .IconWrapper {
        margin-left: -10%
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        padding: 0;
        margin: 10px 0
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 38px
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 12px
    }

    #BigSlider .NetcarePlusSlider {
        height: 700px
    }

    #TermAndConditionsBlueLink,
    .TermAndConditions .ContentUnderPlus {
        margin-left: 10px
    }

    .TermAndConditions .termsList {
        line-height: 24px;
        margin-left: 28px
    }

    #PracticesMenu .ConsultHospital,
    .SpecialistPlusWrapper .TownContainer,
    .SubDescription .DoctorBioHeading,
    .SubDescription .DoctorEduHeading,
    .SubDescription .DoctorPublication {
        margin-top: 15px
    }

    .SpecialistPlusWrapper label {
        margin-bottom: 10px !important
    }

    .IconWrapper .ValueItemInner .heading#headingMobile,
    .mobi-Image,
    ul.inline-list,
    ul.inline-list li {
        display: block
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 32%;
        padding: 5px 32px
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 125px;
        height: 125px;
        margin-right: 0
    }

    #MediaCarouselNav .MediaThumbnail,
    .AppointmentBoxes .box1 {
        margin-right: 10px
    }

    .AppointmentHours {
        display: inline-block;
        padding-top: 5px
    }

    .AppoinmentCall,
    .AppointmedLink,
    .FindHealthCare {
        display: inline;
        margin-left: 28%
    }

    .AppointmedLink {
        background-position: 100% !important
    }

    .AppointmentBoxes .box3 {
        width: 125px;
        height: 115px;
        display: flex;
        margin-left: 53%;
        margin-top: 15px;
        opacity: .1;
        z-index: -1
    }

    .HoursWrapper,
    .blockWrapper.ButtomLeftbanner.xs-m-0,
    .inverstorLastBlock_2 .innerCardbody {
        padding-bottom: 0
    }

    .AppointmentBannerMobile img,
    .NetcarePlusBannerMobileTop img {
        display: block;
        width: 100%
    }

    .AppointmentBannerText h2,
    .BookAppointmentBannerText h2,
    .NetcarePlusBannerText h2 {
        font-size: 50px;
        margin-bottom: 35px;
        width: 75%
    }

    .AppointmentBannerText,
    .BookAppointmentBannerText {
        margin-top: -265px
    }

    .NetcarePlusBannerText {
        margin-top: -48%;
        top: -185px
    }

    .AppointmentHours p:nth-child(2),
    .AppointmentHours p:nth-child(3) {
        font-size: 20px !important
    }

    #IndividualDoctorSliderMobile .collapse.show,
    .LogoBoxes img {
        margin-top: 40px
    }

    .LogoTextAppointmed {
        margin-top: 65px
    }

    #AppointMedSlider,
    #AppointMedSlider.NetcarePlusReviewSlider,
    .CustomerFeedbackSlider {
        height: 405px;
        margin: 60px 32px 20px
    }

    #AppointMedSlider .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
    .CustomerFeedbackSlider .SlideText p {
        padding: 0 15px;
        font-size: 16px;
        -webkit-line-clamp: 8
    }

    #AppointMedSlider .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText,
    .CustomerFeedbackSlider .SlideText {
        padding: 12px 45px;
        margin: 5px
    }

    #AppointMedSliderNav,
    #AppointMedSliderNav.NetcarePlusSliderNav {
        height: 35px
    }

    #AppointMedSliderNav .dots,
    #AppointMedSliderNav.NetcarePlusSliderNav .dots {
        bottom: 25px !important
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background-size: 15%
    }

    #AppointMedSlider .slick-slide,
    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide,
    .CustomerFeedbackSlider .slick-slide {
        transform: scale(.8)
    }

    .CarouselText p {
        padding-left: 30px;
        padding-right: 30px;
        text-align: initial !important
    }

    .AppointmentImg img,
    .NetcarePlusImg img {
        margin-top: -85px
    }

    .AppointmentLogoMobile img,
    .NetcarePlusLogoMobile img,
    .media-banner-content {
        width: 55%
    }

    .NetcarePlusBannerText p {
        margin-bottom: 10px
    }

    .FeedbackCarousel,
    .NetcarePlusCarousel {
        padding-bottom: 30px
    }

    .FilterWrapperPlus .DoctorsNameContainer input::placeholder {
        font-size: 16px
    }

    #Specialist .SpecialistWrapperPlus .SpecialistRow .name {
        border-bottom: 1px solid #dfdfdf !important;
        color: #1d3443
    }

    #Specialist .SpecialistWrapperPlus .SpecialistRow .name span {
        font-family: 'Open Sans Bold';
        font-size: 16px
    }

    #Specialist .SpecialistWrapperPlus .SpecialistRow .name>footer span {
        font-family: 'Open Sans Light';
        font-size: 14px
    }

    #Specialist .SpecialistWrapperPlus .SpecialistRow #institution {
        border-bottom: 1px solid #dfdfdf !important;
        margin: 15px 0
    }

    #Specialist .SpecialistWrapperPlus .SpecialistRow #institution>a div {
        font-size: 16px !important;
        opacity: .5;
        color: #1d3443
    }

    #Specialist .SpecialistWrapperPlus .SpecialistRow .ContactNumber a {
        color: #1d3443 !important;
        font-family: 'Open Sans Semi-Bold';
        background: url("../images/BlueArrow.svg") right center no-repeat;
        padding-right: 20px;
        font-size: 16px !important
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText h2,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText h2 {
        font-size: 35px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        position: relative;
        letter-spacing: .1em;
        margin-right: auto;
        margin-left: auto;
        left: 0;
        right: 0;
        display: block
    }

    div#DoctorInformation .InfoBlock {
        padding: 35px 45px;
        background: linear-gradient(181.93deg, #fff 1.63%, #f7f7f7 85.81%)
    }

    div#DoctorInformation .ContactInfoBlock,
    div#DoctorInformation .ContactInfoBlock .LeftBlock,
    div#DoctorInformation .ContactInfoBlock .RightBlock {
        display: inline-block;
        width: 100% !important
    }

    div#DoctorInformation .ContactInfoBlock {
        margin-left: 1px;
        margin-top: 20px;
        height: auto;
        margin-bottom: 30px
    }

    div#DoctorInformation .ContactInfoBlock .RightBlock {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 0;
        background: #1d3443;
        padding: 20px 40px 50px 30px;
        overflow-y: visible;
        min-height: 500px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock {
        border-radius: 5px 5px 0 0;
        padding: 30px 0;
        background: #1d3443;
        margin-bottom: -10px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading.active {
        color: #fff;
        border-bottom: none
    }

    .DoctorProfile .HeadingWrapper .Heading,
    div#DoctorInformation .ContactInfoBlock .LeftBlock #Availability,
    div#DoctorInformation .ContactInfoBlock .LeftBlock #Languages,
    div#DoctorInformation .ContactInfoBlock .LeftBlock #PracticeHeading {
        display: block;
        width: auto;
        margin-bottom: 10px
    }

    .HeadingWrapper.nav.nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: max-content;
        overflow-x: scroll;
        white-space: nowrap;
        overflow-y: hidden;
        scrollbar-width: none;
        margin-bottom: -20px !important;
        -ms-overflow-style: none;
        padding: 5px 15px
    }

    #AppointmedForm.IndividualDoctors>.content>.PersonalDetailSection {
        height: 910px !important
    }

    div#DoctorInformation .ContactInfoBlock .RightBlock .Location {
        margin-bottom: 35px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        border-bottom: none;
        color: #e8e9ea;
        font-family: 'Open Sans Semi-Bold';
        font-size: 16px;
        text-align: center;
        letter-spacing: .15em;
        opacity: .67;
        margin: 0 0 0 30px
    }

    div#dnn_LiveForm .LiveForm.Default ul.page-break-section {
        padding: 25px
    }

    div#dnn_LiveForm .LiveForm.Default ul.page-break-section .Field {
        padding: 13px 0
    }

    div#dnn_LiveForm .LiveForm.Default .Field label {
        font-size: 15px
    }

    .AppointmedSignUp .GridContainer {
        padding-top: 12%
    }

    .AppointmedSignUp .AppointmedLink {
        margin-left: 34%
    }

    div#dnn_LiveForm .LiveForm .Field>div input,
    div#dnn_LiveForm .LiveForm.Default .Field select {
        font-size: 17px !important
    }

    div#DoctorInformation .ContactInfoBlock .CallDoctor,
    div#DoctorInformation .ContactInfoBlock .CallNetcare {
        bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        right: 0
    }

    .AvailabilityButton {
        position: absolute;
        width: inherit;
        bottom: -45%
    }

    .DoctorProfile .HeadingWrapper .Heading {
        margin: 0 10px 10px;
        flex-wrap: nowrap !important
    }

    .SubDescription .DoctorBiography {
        column-count: 1
    }

    .DoctorProfile {
        background: 0 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 40px !important;
        margin-bottom: 0 !important
    }

    .SubDescription .DoctorCertification {
        margin-top: 50px;
        margin-left: -3px
    }

    .SubDescription .CertListHeading {
        background: url("../images/Qualifications.svg") left 7% top no-repeat;
        font-family: 'Open Sans Bold'
    }

    .SubDescription .DoctorBioHeading h2,
    .SubDescription .DoctorEduHeading h2,
    .SubDescription .DoctorPublication h2,
    div#ConsultHospital h2 {
        font-size: 35px;
        width: 90%;
        line-height: 145%;
        margin-bottom: 35px
    }

    #ConsultHospital .MakeAppointmedBtn {
        width: 100%;
        position: relative
    }

    div#ConsultWeekDayHours,
    div#ConsultWeekendHours {
        margin-top: 10px;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        justify-content: space-between;
        display: flex;
        padding: 0;
        display: inherit
    }

    div#ConsultWeekendHours {
        height: auto
    }

    #DoctorProfileSection .SectionBlock p {
        background: url("../images/DarkBlueArrowSmall.svg") top right 16px no-repeat;
        width: calc(100% - 20px);
        padding-left: 30px;
        margin: 20px 0;
        padding-bottom: 12px
    }

    #DoctorProfileSection .SectionBlock:hover p {
        background-image: url("../images/WhiteArrowSmall.svg")
    }

    #DoctorProfileSection .SectionBlock.active p,
    #DoctorProfileSection .SectionBlock.active:hover p {
        background-image: url("../images/SmallWhiteArrowUp.svg")
    }

    div#SpecialisationList,
    div#SpecialisationPracList {
        margin-left: 0;
        margin-right: 20px;
        margin-top: 15px
    }

    #IndividualDoctorSliderMobile {
        display: grid !important;
        margin: 6% 0 0 -10px
    }

    .PracticeMobile {
        display: block !important
    }

    .DoctorProfile .HeadingWrapper.nav.nav-tabs {
        margin-left: -10px;
        padding-bottom: 35px
    }

    #SpecialInterestMenu ul.slick-dots {
        padding-left: 0;
        text-align: left;
        bottom: -30px
    }

    #BioMenu .tab-content {
        background: #fff;
        border-radius: 5px
    }

    #IndividualDoctorSliderMobile .Slide {
        width: 96% !important
    }

    #SpecialInterestMenu div#ReviewSliderNav {
        width: 100%;
        margin: 0 auto 0 0
    }

    #SpecialInterestMenu div#ReviewSliderNav .dots {
        bottom: -20px !important
    }

    #IndividualDoctorSliderMobile .slick-list.draggable {
        height: auto !important
    }

    #SpecialInterestMenu .prev-arrow.slick-arrow {
        left: -53px
    }

    #SpecialInterestMenu .next-arrow.slick-arrow {
        left: 30px
    }

    #IndividualDoctorSlider .SectionBlock,
    .IndividualSectionBox,
    .individualSectionBox .SectionBlock {
        width: 100% !important;
        transition: height .9s
    }

    .DoctorProfile .SectionBlock .InfoCardsImage {
        margin-bottom: -105px
    }

    div#ConsultHospital {
        margin-left: 15px;
        margin-bottom: 10px;
        width: 96%
    }

    div#ConsultHospital p {
        width: 90%;
        font-size: 16px;
        line-height: 220%
    }

    #ConsultationWrapper {
        width: 95%;
        margin-left: 10px
    }

    div#ConsultationWrapper>div:first-child {
        margin-top: 28px
    }

    .DoctorProfile div#ConsultHospital #watermark {
        right: 30px !important
    }

    #DoctorInformation .DoctorProfileBtn {
        width: 90%;
        margin-left: 10px
    }

    #SpecialInterestMenu li.slick-active {
        margin: 2px 45px !important
    }

    #SpecialInterestMenu .slick-dots li {
        margin: 2px 15px
    }

    #DoctorProfileSection div#ReviewSliderNav {
        display: block;
        margin-bottom: 40px
    }

    .VisitingHoursText {
        margin: 0;
        padding: 0 0 30px 16px;
        width: 108%
    }

    .DoctorProfile #watermark {
        right: 10px !important;
        left: auto;
        top: 20px
    }

    .DoctorProfile #watermark #bg-text {
        font-size: 230px !important
    }

    .SubDescription .DoctorBioHeading h2,
    .SubDescription .DoctorBiography p,
    .SubDescription .DoctorEduHeading h2,
    .SubDescription .DoctorEduHeading p,
    .SubDescription .DoctorPublication h2,
    .SubDescription .DoctorPublication p {
        margin-right: 15px
    }

    .SubDescription {
        margin-left: 20px;
        margin-bottom: 35px
    }

    .DoctorHeading .HeadingPlus {
        padding-left: 22px !important
    }

    .DoctorProfile .HeadingWrapper .Heading.active {
        padding-bottom: 15px
    }

    .doctor-appoint-bannner-container {
        padding-top: 80px;
        background: 0 0
    }

    div#DoctorInformation .InfoBlock .ProfileImage img {
        width: 22%
    }

    div#Languages {
        margin: 0 -37px 0 0
    }

    .CovidPage.InfoBlock .InfoBlockTitle {
        font-size: 56px;
        margin: 0
    }

    #BigSlider.BannerContent .Content p {
        margin-right: 20px
    }

    #BigSlider.BannerContent {
        height: 700px !important;
        background: linear-gradient(180deg, #fff 66%, rgba(247, 247, 247, .2) 100%);
        margin-bottom: 0
    }

    #FloatingImageBanner .VideoText .btn-primary {
        width: 100%;
        margin-top: 30px;
        border-radius: 5px;
        display: block
    }

    #FloatingImageBanner .VideoText {
        padding-top: 3%
    }

    #MediaCarouselNav .slick-arrow {
        top: 31px
    }

    #MediaCarouselNav .MediaThumbnail img {
        width: 110px
    }

    .CovidFAQTitle p,
    .FAQTitle p,
    .collapseFacilitiesBlock .panel-title {
        font-size: 14px
    }

    .CovidTabSection,
    .FAQTabSection {
        margin: 45px auto
    }

    .CovidTabSection .HeadingWrapper.nav.nav-tabs,
    .FAQTabSection .HeadingWrapper.nav.nav-tabs {
        width: auto
    }

    .collapseBIOBlock .panel-title,
    .collapseFAQBlock .panel-title,
    .errorMsg h2,
    .ipadtextblock p {
        font-size: 18px
    }

    .Additional-Section .collapseBIOBlock .panel-body li,
    .Additional-Section .collapseBIOBlock .panel-body p,
    .BIO-Section .collapseBIOBlock .panel-body li,
    .BIO-Section .collapseBIOBlock .panel-body p,
    .BackButton,
    .CovidFAQIntro,
    .FAQ-Section .collapseFAQBlock .panel-body li,
    .FAQ-Section .collapseFAQBlock .panel-body p,
    .Facilities-Section .collapseFacilitiesBlock .panel-body li,
    .Facilities-Section .collapseFacilitiesBlock .panel-body p,
    .PanelIntro p,
    .blockWrapper p,
    .collapseBIOBlock .panel-body p,
    .collapseBIOBlock .panel-heading h4,
    .collapseFAQBlock .panel-body p,
    .collapseFAQBlock .panel-heading h4,
    .thumbnailCard p {
        font-size: 16px
    }

    #ConsultWeekDayHours h2,
    div#ConsultWeekendHours h2 {
        margin-top: 18px;
        margin-left: 0;
        margin-bottom: 2px;
        width: 50%;
        text-align: right;
        padding: 0 8px 0 0;
        display: contents;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 120%;
        color: #1d3443
    }

    .GoldCard.GoldCardSmall,
    div#SplitBanner {
        margin-bottom: 50px
    }

    .above-hours-cointanier {
        padding: 28px 0 0
    }

    div#ConsultWeekDayHours p,
    div#ConsultWeekendHours p {
        align-items: center;
        margin-bottom: 5px;
        word-spacing: 5px;
        padding-left: 35px;
        font-size: 14px;
        font-family: Open Sans;
        font-weight: 700;
        line-height: 18px;
        align-items: center
    }

    .CovidRefresh .peachblock,
    .InfoSectionRight.HealthcareFAQ .peachblock {
        height: 30px
    }

    #HealthcareGrid .GridFive,
    #HealthcareGrid .GridOne,
    #HealthcareGrid .GridThree {
        padding: 15%
    }

    #LandingPageGrid .GridTitle {
        width: 100% !important;
        font-size: 40px !important;
        line-height: 120%
    }

    div#SplitBanner {
        display: block
    }

    #SplitBanner .Content {
        padding: 35px 30px
    }

    #SplitBanner .Content .TextWrapper h6,
    .sectionInv_6_2 p,
    h6.key-obj-mainHeader {
        margin-bottom: 20px
    }

    #SplitBanner .Content .TextWrapper .btn-primary {
        font-size: 16px;
        padding: .84rem 2.14rem
    }

    .GoldCard .TextWrapper {
        padding: 20px
    }

    .GoldCard .TextWrapper h3 {
        font-size: 27px;
        line-height: 120%
    }

    .GoldCard .TextWrapper h3,
    .GoldCard .TextWrapper p,
    .GoldCard .TextWrapper ul {
        margin-bottom: 18px
    }

    .BackButton {
        line-height: 20px
    }

    .CovidFAQHeader {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 40px;
        margin-top: 30px
    }

    .PanelIntro {
        margin: 40px 0 30px
    }

    .PanelIntro h3 {
        font-size: 20px
    }

    .collapseFAQBlock .panel-heading .collapsable,
    .collapseFAQBlock .panel-heading .collapsable.collapsed {
        padding: 20px 15% 20px 20px !important;
        background-position: right 6% center !important;
        background-size: 16px !important
    }

    .collapseFAQBlock .panel-body {
        margin-left: 20px !important;
        margin-right: 13% !important
    }

    .collapseBIOBlock .panel-body p:last-child,
    .collapseFAQBlock .panel-body p:last-child {
        margin-bottom: 20px !important
    }

    .collapseBIOBlock .panel-heading .collapsable,
    .collapseBIOBlock .panel-heading .collapsable.collapsed {
        padding: 20px 15% 20px 20px !important;
        background-position: right 6% center !important
    }

    .collapseBIOBlock .panel-body {
        margin-left: 25px !important;
        margin-right: 13% !important
    }

    .VerificationWrapper {
        margin: 25px 0
    }

    .VerificationWrapper img {
        max-width: 150px
    }

    .VerificationWrapper h2,
    .VerificationWrapper p,
    .VerificationWrapper p.errorMessage {
        width: 95%;
        margin-bottom: 20px
    }

    #KeyObjectiveSlider .KeyObjectiveSlide {
        padding: 20px 100px 0
    }

    .xs-p-tb-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .xs-m-0 {
        margin: 0 !important
    }

    .blockWrapper {
        padding: 25px 5px
    }

    .flipCard {
        height: 300px;
        margin-bottom: 20px
    }

    .state-clicked {
        height: 335px;
        margin-top: 0 !important;
        padding: 50px 15px
    }

    .bg-Ipone11Pro {
        margin-top: -50px;
        max-width: initial;
        left: inherit
    }

    .brushStroke {
        padding-bottom: 45px;
        padding-right: 4px;
        background-position-x: 3px;
        background-size: 90%
    }

    ul.inline-list li {
        border-right: 0px solid #bec2c6;
        border-bottom: 1px solid #bec2c6;
        padding: 30px;
        width: 100%
    }

    .btn-block .btn-default,
    .btn-block .btn-primary {
        display: block;
        margin-top: 15px;
        margin-bottom: 0
    }

    .blockbanner-1 {
        padding: 50px 5px 0
    }

    .blockWrapper .breadcrumb {
        margin-bottom: 25px;
        margin-top: 0
    }

    .xs-p-b-25 {
        padding-bottom: 25px !important
    }

    .thumbnailCard {
        margin-bottom: 30px !important;
        top: initial;
        bottom: 0;
        right: 5%;
        width: 90%;
        padding: 30px !important;
        margin: 30px auto;
        border-radius: 0
    }

    #dnn_flipcard3 .flipCard,
    .phoneBanner_1 h5,
    .phoneBanner_1 p,
    div#BioMenu {
        margin-bottom: 40px
    }

    .flipCard .cardBackSide,
    .flipCard .cardFrontSide {
        padding-left: 10px;
        padding-right: 10px
    }

    .flipCard h4,
    .topBanner_0 p {
        margin-bottom: 25px
    }

    .middleTextContent_1 {
        padding: 40px 20px 130px
    }

    ul.inline-list {
        margin: 0 auto 20px;
        padding: 0
    }

    .imgsWrap {
        height: 700px;
        overflow: hidden;
        background-color: #f6e5d7
    }

    .inverstorLastBlock h5,
    .thumbnailCard h5 {
        font-size: 30px
    }

    ul.inline-list li:last-child {
        border-bottom: 0 solid #bec2c6
    }

    .blockWrapper.flipCardsHeader {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .flipCardswrapper {
        padding-bottom: 100px;
        padding-left: 5px;
        padding-right: 5px
    }

    .ButtomLeftbanner {
        padding-left: 15px;
        padding-right: 15px
    }

    .blockbanner-1 .blockWrapper.ButtomLeftbanner,
    .inverstorLastBlock {
        padding-left: 0;
        padding-right: 0
    }

    .inverstorLastBlock {
        margin-left: auto;
        margin-right: auto
    }

    .inverstorLastBlock_2 {
        margin-top: 0;
        padding: 0;
        margin-bottom: 0
    }

    .sectionInv_7_1 {
        margin-bottom: 30px
    }

    .collapseBIOBlock #collapse21 .panel-body,
    .collapseBIOBlock #collapse_20 .panel-body,
    .sectionInv_6_2 {
        padding: 0
    }

    .sectionInv_6_2 a.click-link {
        font-size: 14px;
        margin-bottom: 15px;
        margin-top: 15px;
        display: inline-block
    }

    .inverstorLastBlock a.btn.btn-primary {
        margin-top: 30px;
        margin-bottom: 10px !important
    }

    .row.sectionInv_3_12 {
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 30px
    }

    .blockWrapper.thumbnailCard.sectionInv_3_11 .innerCardbody {
        padding: 0 5px
    }

    .blockWrapper.thumbnailCard.sectionInv_3_11 .sectionInv_6_2 {
        margin-top: 10px;
        margin-bottom: 0
    }

    .colBlock_5_1 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .blockWrapper.phoneBanner_1 {
        padding-top: 30px;
        margin-right: 0;
        margin-left: 0
    }

    .phoneBanner_1 .btn-primary {
        margin-top: 20px;
        margin-bottom: 0;
        padding: 18px 15px 15px
    }

    .blockWrapper .btn-primary {
        padding: 18px 15px 15px
    }

    .governance-structure-header {
        margin-top: 50px;
        margin-bottom: 40px;
        font-size: 35px;
        line-height: 114%
    }

    .sectionInv_3_11 h6 {
        font-family: Open Sans;
        font-weight: 600;
        font-size: 20px
    }

    .blockWrapper.thumbnailCard.sectionInv_3_11 {
        top: 20px;
        position: relative
    }

    .sectionInv_6_2 h5 {
        margin-top: 20px;
        margin-bottom: 40px;
        font-size: 35px
    }

    .ButtomLeftbanner .btn-primary {
        margin-top: 30px;
        padding: 18px 15px 15px
    }

    .sectionInv_3_12 .sectionInv_3_11 .innerCardbody {
        padding-top: 55px
    }

    .sectionInv_3_12 .sectionInv_3_11 {
        min-height: 300px
    }

    .ButtomLeftbanner h5,
    .cardBlock_5 h5 {
        line-height: 140%
    }

    .bg-care-hands p,
    .bg-notesbook-hand p {
        max-width: 300px
    }

    #dnn_BottomFullBanner .sectionInv_8 .thumbnailCard {
        width: 100%;
        max-width: initial;
        right: 0
    }

    .blockWrapper.ButtomLeftbanner.inverstorLastBlock {
        width: 100%;
        max-width: initial
    }

    .errorMsg {
        margin-top: -56%
    }

    .errorMsg .innerErrorMsg {
        background: #fff;
        padding: 32px
    }

    .collapseBIOBlock .bio-conferences-body,
    .collapseBIOBlock .bio-publications-body {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    div#publicationsSliderNavWrapper {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .collapseBIOBlock .bio-conferences-body {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .IndividualDoctors #AppointmedForm #AppointmedForm-p-4 {
        min-height: 700px !important
    }

    .bio-conferences-body .viewAll-block,
    .bio-publications-body .viewAll-block {
        margin-right: -15px
    }

    .collapseBIOBlock #collapse_15 .panel-body,
    .collapseBIOBlock #collapse_16 .panel-body {
        margin-left: 25px !important
    }

    #publications .publications-heading h3 {
        font-size: 30px;
        line-height: 140%
    }

    #publications .publications-all-titles .item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 15px
    }

    .Investors .NoPaddingRight h1 {
        margin-top: 25px
    }
}

#Availability,
#Contact,
.TopHeader .top-header-links a,
.doctor-bio-experience-heading,
.doctor-bio-experience-list,
.videoBlurContainer .textContainer h3 {
    letter-spacing: -.03em;
    font-style: normal
}

@media(max-width:800px) {
    .blockWrapper.phoneBanner_1 {
        padding-top: 44px
    }

    .phoneBanner_1 h5,
    .phoneBanner_1 p {
        margin-bottom: 20px
    }
}

@media(max-width:700px) {

    .NetcarePlusBanner .BannerText .BannerPlusInfo,
    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 13px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 68%
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 34px
    }

    .reseach-article-img {
        margin-left: 10px !important
    }

    #AppointmedForm>.content>.body {
        padding: 25px !important
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 120px;
        height: 115px
    }

    .AppointmentBoxes .box3 {
        width: 120px
    }

    .AppointmentHours,
    .AppointmentLogoMobile {
        padding-left: 20px
    }

    .AppointMedContentWrapper,
    .NetcarePlusContentWrapper {
        margin: 0
    }

    .AppoinmentCall,
    .AppointmedLink,
    .FindHealthCare {
        margin-left: 27%
    }

    #AppointMedSlider,
    #AppointMedSlider.NetcarePlusReviewSlider,
    .CustomerFeedbackSlider {
        height: 395px;
        margin: 60px 32px 20px
    }

    .CustomerFeedbackSlider {
        margin: 50px 32px 20px
    }

    #AppointMedSlider .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText,
    .CustomerFeedbackSlider .SlideText {
        padding: 5px 25px 12px;
        margin: 5px
    }

    .CustomerFeedbackSlider .SlideText {
        padding: 40px 25px 12px
    }

    #AppointMedSlider .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
    .CustomerFeedbackSlider .SlideText p {
        padding: 0 30px;
        font-size: 15px
    }

    #AppointMedSlider .SlideText h6,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText h6,
    .CustomerFeedbackSlider .SlideText h6 {
        font-size: 18px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText p {
        margin-top: 90px;
        -webkit-line-clamp: 8
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url("../images/AppointMedQuotes.svg") 48% 8% no-repeat
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background: url("../images/CarouselQuotesLightBlue.svg") 48% 8% no-repeat
    }

    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background: url("../images/CarouselQuotesLightBlue.svg") 48% 12% no-repeat
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background-size: 15%
    }

    .AppointmentCarouselHeading h2,
    .CustomerFeedbackCarouselHeading h2,
    .NetcarePlusCarouselHeading h2 {
        font-size: 40px;
        margin-bottom: 15px
    }

    #HealthcareGrid .GridTitle,
    .CovidRefresh .InfoSectionLeft h1,
    .GridTitle,
    .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        font-size: 45px
    }

    #HealthcareGrid .GridText p,
    #LandingPageGrid .GridText p,
    .GridText p {
        font-size: 18px !important
    }

    .GridText {
        padding-top: 5px;
        width: 75% !important
    }

    .LogoBoxes img {
        margin-top: 25px
    }

    .LogoTextAppointmed {
        margin-top: 20px
    }

    .BannerTextAppointMed {
        width: 80%
    }

    .SquareOne,
    .SquareThree,
    .SquareTwo {
        height: 300px;
        width: 87%;
        margin: 30px
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 57px
    }

    .CovidRefresh .peachblock,
    .InfoSectionRight.HealthcareFAQ .peachblock {
        height: 20px;
        top: 55%
    }

    #HealthcareGrid .GridText {
        width: 90% !important
    }

    #HealthcareGrid .GridTitle {
        width: 95% !important
    }

    #LandingPageGrid .GridText {
        width: 100% !important
    }

    #AppointMedSliderNav.CustomerFeedbackSliderNav {
        height: 20px !important
    }

    #AppointMedSliderNav.CustomerFeedbackSliderNav .dots {
        bottom: 42px !important
    }

    .QuickLinksWrapper {
        height: 340px
    }

    .QuickLinksWrapper .QuickLinks {
        flex-wrap: wrap;
        padding: 0 40px
    }

    .QuickLinksWrapper .QuickLinks .QuickLinkItem {
        width: 49%;
        height: 125px
    }

    .QuickLinksWrapper .QuickLinks .QuickLinkItem a:hover {
        transition: .4s ease-in-out;
        height: 160px
    }

    .QuickLinksWrapper .QuickLinks .QuickLinkItem a .icon {
        margin-bottom: 5px;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin-top: 20px;
        transition: .2s ease-in-out
    }

    .QuickLinksWrapper .QuickLinks .QuickLinkItem a .text {
        font-size: 14px;
        line-height: 143%;
        width: 135px
    }

    .QuickLinksWrapper .QuickLinks #quicklinks-hideonmobile {
        display: none
    }

    .QuickLinksWrapper .QuickLinks #quicklinks-showonmobile {
        display: block;
        width: 100%;
        margin-bottom: 0;
        margin-top: 25px
    }

    .ReuseBanner .CopyContainer a.btn,
    .ReuseBanner .CopyContainer-1 {
        width: 100%;
        justify-content: center
    }

    .phoneBanner_1 h5,
    .phoneBanner_1 p {
        margin-bottom: 20px
    }

    ​​​​ #dnn_BottomFullBanner .inv-section .imgsWrap {
        height: 580px
    }
}

@media (max-width:675px) {

    .AppointmentBannerText h2,
    .BookAppointmentBannerText h2,
    .NetcarePlusBannerText h2 {
        font-size: 45px;
        margin-bottom: 30px;
        width: 75%
    }

    .AppointmentBannerText,
    .BookAppointmentBannerText {
        margin-top: -240px
    }

    .AppointmentCarouselHeading {
        margin-left: 5px
    }

    .NetcarePlusCarouselHeading {
        margin-left: 10px
    }

    .NetcarePlusBannerText {
        margin-top: -53%;
        top: -150px
    }

    .AppointmentCarousel,
    .FeedbackCarousel,
    .NetcarePlusCarousel {
        margin-top: 30px
    }

    .InfoCard1,
    .InfoCard2 {
        width: 87%;
        padding-left: 6%
    }

    .InfoCard1 .InfoCardsImage,
    .InfoCard1:hover .InfoCardsImage,
    .InfoCard2 .InfoCardsImage,
    .InfoCard2:hover .InfoCardsImage {
        background-size: 20%;
        margin-bottom: 7%
    }

    .AppointmedSignUp .GridContainer {
        padding-top: 12%
    }

    .GridOne .AppointmedSignUp .GridTitle {
        width: 95% !important
    }

    .AppointmedSignUp .AppointmedLink {
        margin-left: 30%
    }

    .CovidPage.InfoBlock {
        margin-top: -30%
    }

    .CovidPage.InfoBlock .InfoBlockTitle {
        font-size: 52px
    }

    .TopBlockWrapper {
        padding-top: 15px
    }

    .WelcomeText {
        margin: 0 30px;
        width: auto
    }

    .WelcomeText .WelcomeTitle {
        font-size: 35px;
        line-height: 114%;
        margin-bottom: 30px;
        width: 75%
    }

    .WelcomeText .WelcomeTitle span {
        font-family: 'Open Sans';
        font-weight: 700
    }

    .WelcomeText p {
        font-size: 16px;
        line-height: 130%;
        margin-bottom: 30px
    }

    .WelcomeText p span {
        font-weight: 400
    }

    #HealthcareGrid .GridOne {
        padding: 10%
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 53px !important
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 70px !important
    }

    #dnn_bottomFullWidthBanner_6 .sectionInv_8 .imgsWrap {
        height: 725px
    }

    .errorMsg {
        margin-top: -58%
    }

    .QoC-section .imgsWrap {
        height: 650px
    }

    .cardBlock_5.sectionInv_8.inv-section .imgsWrap {
        height: 580px
    }
}

@media(max-width:653px) {
    .QoC-section .imgsWrap {
        height: 650px
    }

    .cardBlock_5.sectionInv_8.inv-section .imgsWrap {
        height: 580px
    }

    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:first-child,
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(3),
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(5) {
        margin-right: 18px !important
    }

    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(2),
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(4),
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(6) {
        margin-right: 0 !important
    }

    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox {
        width: 48% !important
    }

    .CovidRefresh .InfoCard1 .InfoCardsImage,
    .CovidRefresh .InfoCard2 .InfoCardsImage,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
        margin-bottom: 40px
    }

    .BigSliderBlock .Slider,
    .BigSliderBlock:hover .Slider {
        top: 35%
    }

    #BodyWrapper section {
        padding: 30px 0 !important
    }

    .media-banner-content {
        width: 60%
    }

    #KeyObjectiveSlider .KeyObjectiveSlide {
        padding: 20px 50px 0
    }
}

@media(max-width:635px) {
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox {
        margin-bottom: 12px
    }

    #AppointmedForm section .SectionButtons {
        bottom: 0
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 50px !important
    }

    footer .netcare-ribbon-bottom {
        flex-direction: column;
        height: auto;
        padding-top: 24px
    }

    footer .netcare-ribbon-bottom .logo-img {
        margin-bottom: 10px
    }
}

@media (max-width:600px) {

    .LinkBlock,
    div#dnn_LiveForm .LiveForm.Default ul.page-break-section .Field>div>p {
        margin-bottom: 0
    }

    .QoC-section .imgsWrap,
    .cardBlock_5.sectionInv_8.inv-section .imgsWrap {
        height: 620px
    }

    #NetcareSlider {
        background-position-y: 219px
    }

    #TextBlock.ipadtextblock h2,
    .NewsBanner .media-banner-content .media-banner-text,
    .doctor-heading {
        font-size: 35px
    }

    .LinkBlock {
        min-height: 340px;
        padding: 25px
    }

    .LinkBlock .StrapLine,
    .LinkBlock .Text {
        font-size: 12px;
        line-height: 16px
    }

    .ActionLinks .ActionLinkItem a {
        padding: 20px
    }

    .ActionLinks .ActionLinkItem a:hover {
        padding: 40px 15px
    }

    .ActionLinks .ActionLinkItem a .text {
        font-size: 12px;
        line-height: 14px
    }

    .BluePlus,
    .CovidBlockWrapper h2,
    .LightBluePlus,
    .PeachPlus {
        background-size: 15px;
        padding-left: 17px;
        padding-top: 7px;
        font-size: 35px;
        line-height: 40px
    }

    .ContentUnderPlus,
    .CovidVideoHeading a,
    .CovidVideoHeading p {
        margin-left: 17px
    }

    #BigSlider .BigSlide .Content h2 {
        margin-left: -14px;
        padding-left: 14px;
        padding-top: 11px;
        background-size: 15px;
        font-size: 40px;
        line-height: 45px
    }

    #BigSlider .BigSlide .Image .LogoImg.Appointmed,
    #BigSlider .BigSlide .Image .LogoImg.WHO {
        width: 35%;
        padding: 10px
    }

    #BigSlider .BigSlide .Image .LogoImg.RenalCare {
        width: 30%
    }

    #BigSlider .BigSlide .Image .LogoImg.Medicross {
        width: 23%;
        padding: 1px 3px
    }

    #BigSlider .BigSlide .Image .LogoImg.Netcare {
        width: 23%;
        padding: 3px
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 31%;
        padding: 7px 28px
    }

    .AnimationButtons .btn-secondary,
    .BigSliderBlock .Slider .Wrap .inner .readmorecontainer,
    .Logos .wrapping,
    .SmallSliderBlock .Slider .Wrap .inner .readmorecontainer,
    .btn-primary {
        display: block
    }

    .IndividualSectionBox,
    .btn-primary.ContentUnderPlus {
        margin-left: 0
    }

    #MediaSlider .MediaSlide .Heading,
    #NewsSlider .NewsSlide .Heading,
    #ResearchSlider .ResearchSlide .Heading {
        font-weight: 700
    }

    .ComplexBanner .left-box .wrapper .ThinPlus,
    .GpVoucherText h2,
    .VideoText h2 {
        margin-left: -14px;
        padding-left: 14px;
        padding-top: 6px;
        font-size: 35px;
        line-height: 40px;
        background-size: 15px
    }

    .ComplexBanner.Content .left-box .wrapper .ThinPlus {
        margin-left: -14px;
        padding-left: 14px;
        padding-top: 4px
    }

    .AppointmedMapContainer h2,
    .AppointmedWrapper h2,
    .CarouselHeading h2,
    .ComplexBanner .left-box .wrapper .TitleText,
    .GpVoucherText h2,
    .NetcarePlusWrapper h2,
    .VideoText h2 {
        font-size: 35px;
        line-height: 40px
    }

    img.thumb-image {
        width: 21%
    }

    p#playVid {
        width: 77%;
        vertical-align: middle;
        padding-left: 15px
    }

    #BigSlider .BigSlide .Content {
        padding: 35px
    }

    .SmallSliderBlock {
        height: auto;
        max-height: 250px
    }

    .BigSliderBlock {
        height: 470px
    }

    .BigSliderBlock .Slider {
        max-height: 360px
    }

    .SmallSliderBlock .Slider {
        height: 100%
    }

    .BigSliderBlock .Slider .Wrap .inner .arrowcontainer,
    .SmallSliderBlock .Slider .Wrap .inner .arrowcontainer,
    .search-input-banner-button {
        display: none
    }

    .BigSliderBlock .Slider .Wrap .inner,
    .SmallSliderBlock .Slider .Wrap .inner {
        padding: 15px
    }

    .BigSliderBlock .Slider .Wrap .inner h3,
    .SmallSliderBlock .Slider .Wrap .inner h3 {
        font-size: 20px;
        line-height: 27px;
        font-weight: 300
    }

    #AppointmedForm .SpecialistDetail p,
    #AppointmedForm.IndividualDoctors .SpecialistDetail p,
    #AppointmedForm.IndividualDoctors>.content>.body label.inputLabels,
    #AppointmedForm>.content>.body label.inputLabels,
    .BigSliderBlock .Slider .Wrap .inner .subheading,
    .SmallSliderBlock .Slider .Wrap .inner a,
    div#dnn_LiveForm .LiveForm.Default ul.page-break-section .Field>div>p {
        font-size: 14px
    }

    .BigSliderBlock .Slider .Wrap .inner p,
    .SmallSliderBlock .Slider .Wrap .inner p {
        font-size: 14px;
        line-height: 20px
    }

    .Logos {
        text-align: center;
        height: auto
    }

    .Logos .LogoItem {
        width: 30%;
        margin-top: 20px;
        height: auto
    }

    #AppointmedForm.IndividualDoctors>.content>.body label.inputLabel,
    #AppointmedForm>.content>.body label.inputLabel,
    .CovidBanner .BannerText>p,
    .LogoLine .LineText,
    .SharePriceTicker {
        width: 100%
    }

    .LogoLine .LogoText {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }

    .patient-nav {
        width: 96% !important
    }

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

    .ResponsiveTable .TableRow {
        display: block !important;
        margin-bottom: 40px;
        width: 100%
    }

    .ResponsiveTable .TableRow>div {
        display: block !important;
        text-align: right
    }

    .ResponsiveTable .TableRow>div::before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        color: #1d3443
    }

    .ResponsiveTable table td:last-child {
        padding: 20px 10px;
        border-bottom: 0
    }

    #MediaSlider .MediaSlide .GoldLink,
    #NewsSlider .NewsSlide .GoldLink,
    #ResearchSlider .ResearchSlide .GoldLink {
        bottom: 20%
    }

    .IconWrapper {
        margin-left: -10%
    }

    .IconWrapper .ValueItemInner .heading {
        width: auto !important;
        padding: 0 10px
    }

    .AppointmedMapContainer h2,
    .AppointmedMapContainer>p,
    .AppointmedWrapper,
    .CarouselHeading,
    .Facilities {
        margin-left: 15px
    }

    .SharePriceInfo.shareprice-price-control {
        margin-bottom: -65px
    }

    .SharePriceTicker span {
        font-size: 30px !important;
        line-height: 23px
    }

    .PaddingFAT {
        padding: 40px 0
    }

    .CovidBanner .BannerText {
        padding: 25px 30px 40px
    }

    .CovidBanner .BannerText.MorePadding {
        padding: 30px 30px 40px
    }

    .CovidBanner .BannerText h5,
    .CovidPage.StatsBlock .WebsiteWrapper .WebsiteLink span,
    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 12px
    }

    .CovidBanner .BannerText h2 {
        width: 80%;
        font-size: 35px;
        line-height: 114%
    }

    .CovidBanner .BannerText h3 {
        font-size: 35px;
        line-height: 114%;
        width: 90%;
        margin-bottom: 18px
    }

    .CovidBanner .BannerText .BannerSubHeading {
        font-size: 14px;
        line-height: 130%;
        width: 100%
    }

    .CovidBanner .BannerText>a {
        width: 100%;
        text-align: center
    }

    .CovidBanner .BannerText .btn-primary.FamilyConnectButton {
        margin-top: 30px !important
    }

    .CovidBanner .BannerText .TealButton {
        margin-top: 25px !important
    }

    .CovidBanner .BannerText .BtnWrapper {
        display: block;
        margin-top: 20px
    }

    .CovidBanner .BannerText .BtnWrapper a {
        margin-top: 10px !important
    }

    .CovidBlockWrapper .CovidStats .StatBlock .heading {
        line-height: 21px;
        font-size: 14px
    }

    .CovidBlockWrapper .CovidStats .StatBlock .number {
        font-size: 40px;
        line-height: 49px
    }

    .ImportantText,
    .ImportantTextUppercase,
    div#DoctorInformation .InfoBlock .DoctorBio p {
        font-size: 16px;
        line-height: 22px
    }

    #AppointmedForm.IndividualDoctors>.content>.body .Weekdays.btn-group,
    #AppointmedForm>.content>.body .Weekdays.btn-group {
        justify-content: right;
        display: inline-block;
        justify-content: center
    }

    #AppointmedForm.IndividualDoctors>.content>.body .Weekdays.btn-group .btn-checkbox,
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox {
        margin-right: 20px !important;
        margin-bottom: 15px !important
    }

    #AppointmedForm.IndividualDoctors.IndividualDoctors>.content>.body,
    #AppointmedForm.IndividualDoctors>.content>.body,
    #AppointmedForm>.content>.body {
        padding: 20px !important
    }

    #AppointmedForm.IndividualDoctors>.content>.body>.BookingDetail,
    #AppointmedForm.IndividualDoctors>.content>.body>.MedicalAid,
    #AppointmedForm.IndividualDoctors>.content>.body>.NetCarePlus,
    #AppointmedForm.IndividualDoctors>.content>.body>.PersonalDetail,
    #AppointmedForm.IndividualDoctors>.content>.body>.SpecialistDetail,
    #AppointmedForm>.content>.body>.BookingDetail,
    #AppointmedForm>.content>.body>.MedicalAid,
    #AppointmedForm>.content>.body>.NetCarePlus,
    #AppointmedForm>.content>.body>.PersonalDetail,
    #AppointmedForm>.content>.body>.SpecialistDetail {
        background-size: 4%
    }

    #AppointmedForm.IndividualDoctors>.content>.body .select2-container--default .select2-selection--single .select2-selection__rendered,
    #AppointmedForm>.content>.body .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 15px
    }

    #AppointmedForm.IndividualDoctors>.content>.body textarea,
    #AppointmedForm>.content>.body textarea {
        font-size: 13px;
        padding: 20px 55px 10px 10px
    }

    #AppointmedForm.IndividualDoctors #ConsultationDropDownList,
    #AppointmedForm.IndividualDoctors.IndividualDoctors #ConsultationDropDownList {
        margin-top: -8px
    }

    #AppointmedForm p,
    #AppointmedForm.IndividualDoctors p {
        margin-right: 18px
    }

    #AppointmedForm.IndividualDoctors>.content>.body h2,
    #AppointmedForm>.content>.body h2,
    .DoctorHeading h2 {
        margin-bottom: 4px
    }

    #AppointmedForm.IndividualDoctors>.content>.body .Weekdays.btn-group .btn-checkbox>input,
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox>input {
        display: block;
        margin-left: -12px;
        margin-right: -8px
    }

    #AppointmedForm .AppointmedFormRadioButtons label,
    #AppointmedForm.IndividualDoctors .AppointmedForm.IndividualDoctorsRadioButtons label {
        font-size: 15px;
        min-width: 47% !important
    }

    #AppointmedForm.IndividualDoctors>.content>.body .Weekdays.btn-group .btn-checkbox:first-child,
    #AppointmedForm.IndividualDoctors>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(3),
    #AppointmedForm.IndividualDoctors>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(5),
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:first-child,
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(3),
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(5) {
        margin-right: 12px !important
    }

    #AppointmedForm.IndividualDoctors>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(2),
    #AppointmedForm.IndividualDoctors>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(4),
    #AppointmedForm.IndividualDoctors>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(6),
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(2),
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(4),
    #AppointmedForm>.content>.body .Weekdays.btn-group .btn-checkbox:nth-child(6) {
        float: right
    }

    #AppointmedForm .HeadingPlus,
    #AppointmedForm.IndividualDoctors .HeadingPlus,
    .DoctorHeading .HeadingPlus,
    div#dnn_LiveForm .LiveForm.Default h2 {
        margin-left: -5px !important;
        padding-left: 15px !important;
        background-size: 15px;
        padding-top: 8px !important
    }

    #AppointmedForm.IndividualDoctors.IndividualDoctors .AppointmedFormRadioButtons label {
        min-width: 40% !important
    }

    .Section-Button-padding {
        margin-bottom: 0 !important
    }

    #AppointmedForm.IndividualDoctors section .SectionButtons {
        bottom: 0
    }

    .DoctorProfile .HeadingWrapper .Heading.active {
        padding-bottom: 15px !important
    }

    .HeadingWrapper.nav.nav-tabs {
        margin-bottom: -20px !important;
        margin: 15px;
        padding: 5px 15px
    }

    div#dnn_LiveForm .LiveForm.Default h2 {
        margin-left: -15px !important
    }

    .MoreText {
        font-size: 12px !important
    }

    .NetcarePlusSlider {
        margin-bottom: 50px !important;
        height: 590px !important
    }

    .NetcarePlusWrapper .IconWrapper .ValueItem:not(:last-child):after {
        height: 110px
    }

    .CovidPage.InfoBlock .InfoBlockTitle,
    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        margin-top: 5px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        margin: 0 10px
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 27px
    }

    #FAQ_Accordion,
    .FAQWrapper .BlueLink {
        margin-left: 5px
    }

    .TermAndConditions .termsList {
        line-height: 24px;
        margin-left: 30px
    }

    #BigSlider .NetcarePlusSlider {
        height: 630px
    }

    #ReviewSlider .SlideText {
        padding: 30px;
        background-size: 20%;
        background-position-y: 7%;
        background-position-x: 90%
    }

    #ReviewSlider .SlideText h2 {
        font-size: 25px;
        line-height: 30px
    }

    #AppointMedSlider .SlideText h6,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText h6,
    #ReviewSlider .SlideText h6,
    .CustomerFeedbackSlider .SlideText h6,
    .collapseBIOBlock .panel-title,
    .collapseFAQBlock .panel-title,
    .ipadtextblock p {
        font-size: 16px
    }

    #ReviewSlider .SlideText p {
        font-size: 16px;
        line-height: 24px
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(4) {
        margin-right: 0 !important
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label {
        min-width: 47% !important
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar,
    #AppointmedForm.IndividualDoctors #ConsultationTypeRadioButtons .radio-toolbar {
        display: inline-table;
        width: 100%
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(2) {
        margin-right: 20px !important;
        margin-bottom: 15px
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 115px;
        height: 115px
    }

    .AppointmentBoxes .box3 {
        width: 115px;
        height: 100px
    }

    .AppoinmentCall,
    .AppointmedLink,
    .FindHealthCare {
        margin-left: 24%
    }

    .AppointmentBannerText h2,
    .BookAppointmentBannerText h2,
    .NetcarePlusBannerText h2 {
        font-size: 42px;
        margin-bottom: 15px;
        width: 90%;
        line-height: 46px
    }

    .ANMobile,
    .btn-primary.AppointmentPurchase,
    .btn-primary.FindMore {
        height: 48px;
        margin-top: 10px;
        width: 100%
    }

    .AppointmentBannerText,
    .BookAppointmentBannerText {
        margin-top: -215px
    }

    .SecondContainer {
        padding-left: 20px;
        margin-top: -35%
    }

    .BannerTitleAppointMed,
    .BannerTitleAppointMed h1 {
        font-size: 50px
    }

    #HealthcareGrid .GridTitle,
    .GridTitle {
        font-size: 38px
    }

    .GridOne .GridContainer {
        padding-top: 7%
    }

    .GridFive .GridContainer,
    .GridThree .GridContainer {
        padding-top: 20%
    }

    .GridOne .GridTitle {
        width: 85% !important
    }

    .AppointmedSignUp a.ANMobile.btn.btn-primary,
    a.ANMobile.btn.btn-primary {
        margin: 0
    }

    .GridThree .GridTitle {
        width: 75% !important
    }

    .GridText {
        width: 80% !important
    }

    .SquareOne,
    .SquareThree,
    .SquareTwo {
        width: 90%;
        height: 453px
    }

    .LogoTextAppointmed {
        margin-top: 60px
    }

    #AppointMedSlider,
    #AppointMedSlider.NetcarePlusReviewSlider,
    .CustomerFeedbackSlider {
        height: 395px;
        margin: 60px 32px 20px
    }

    .CustomerFeedbackSlider {
        margin: 50px 32px 20px
    }

    #AppointMedSlider .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText {
        padding: 6px 5px 12px;
        margin: 5px
    }

    #AppointMedSlider .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
    .CustomerFeedbackSlider .SlideText p {
        padding: 0 40px;
        font-size: 14px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url("../images/AppointMedQuotes.svg") 48% 8%/15% no-repeat
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background: url("../images/CarouselQuotesLightBlue.svg") 48% 8%/15% no-repeat
    }

    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background-size: 15%
    }

    .AppointmentCarouselHeading h2,
    .CustomerFeedbackCarouselHeading h2,
    .NetcarePlusCarouselHeading h2 {
        font-size: 35px;
        margin-bottom: 15px
    }

    .AppointmentImg img {
        margin-top: -70px
    }

    .AppointBlockTwo {
        margin-top: 30px
    }

    .NetcarePlusBannerText {
        margin-top: -55%;
        top: -100px
    }

    .CovidContent .NewsBlock,
    .CovidRefresh .peachblock,
    .InfoSectionLeft,
    .InfoSectionRight.HealthcareFAQ .peachblock,
    .WhiteGoldBlock {
        width: 95%
    }

    .InfoCard1,
    .InfoCard2 {
        height: 250px
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 50px;
        line-height: 120%
    }

    .NetcarePlusLogoMobile img {
        width: 45%
    }

    .NetcarePlusBlockTwo {
        margin-top: 20px
    }

    .NetcarePlusBannerText p {
        font-size: 18px;
        margin-bottom: 18px;
        line-height: 22px
    }

    .InfoSectionLeft p {
        font-size: 18px !important
    }

    .InfoCard1 h3,
    .InfoCard2 h3 {
        font-size: 32px !important
    }

    .InfoCard1 .InfocardText,
    .InfoCard2 .InfocardText {
        font-size: 16px !important
    }

    .FeedbackCarousel .ContentUnderPlus.TextMiddle p,
    .NetcarePlusCarousel .ContentUnderPlus.TextMiddle p {
        text-align: left;
        margin-left: 12px;
        width: 95%
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 310px
    }

    div#DoctorInformation .InfoBlock {
        margin-top: -240px
    }

    .CovidPage.InfoBlock .InfoBlockTitle,
    div#DoctorInformation .InfoBlock .DoctorName {
        font-size: 45px;
        line-height: 55px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock {
        padding: 20px 0
    }

    .AppointmedSignUp .BannerTitleAppointMed,
    .AppointmedSignUp .BannerTitleAppointMed h1 {
        font-size: 55px !important
    }

    .AppointmedSignUp .BannerTextAppointMed p {
        margin-bottom: 18px
    }

    .GridFive .AppointmedSignUp .GridContainer,
    .GridThree .AppointmedSignUp .GridContainer {
        padding-top: 8%
    }

    .GridFive .AppointmedSignUp .GridTitle,
    .GridThree .AppointmedSignUp .GridTitle {
        width: 100% !important
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 42px !important;
        line-height: 50px !important
    }

    .AppointmedSignUp .GridContainer p {
        font-size: 20px !important
    }

    .AppointmedSignUp .AppointmedLogoTitle p {
        padding: 0 10%
    }

    .AppointmedSignUp .AppointmedLogoTitle {
        margin-top: 15px
    }

    .AppointmedSignUp .AppointmedLink {
        margin-left: 30%
    }

    div#dnn_LiveForm .LiveForm.Default ul.page-break-section {
        padding: 25px 10px
    }

    div#DoctorInformation .ContactInfoBlock .CallDoctor,
    div#DoctorInformation .ContactInfoBlock .CallNetcare {
        bottom: 40px;
        font-size: 16px;
        width: 200px !important
    }

    .DoctorProfile {
        padding: 50px 0;
        padding-top: 10px !important
    }

    .DoctorProfile .DoctorBioHeading #watermark {
        right: 0 !important
    }

    .SubDescription .DoctorCertification {
        margin-top: 20px;
        width: 98%
    }

    #ConsultHospital .MakeAppointmedBtn {
        width: 97%
    }

    #IndividualDoctorSlider .SectionBlock p,
    .individualSectionBox .SectionBlock p {
        padding-bottom: 13px
    }

    div#DoctorInformation .InfoBlock .ProfileImage img {
        width: 25%
    }

    .CovidPage.InfoBlock {
        margin-top: -25%
    }

    #BigSlider.BannerContent .Content p {
        margin-bottom: 50px
    }

    #BigSlider.BannerContent .TextWrapper .btn-primary {
        width: 95% !important;
        letter-spacing: -.03em
    }

    #BigSlider.BannerContent {
        background: linear-gradient(180deg, #fff 50%, rgba(247, 247, 247, .2) 80%);
        height: auto !important;
        margin-bottom: 55px
    }

    #BigSlider.BannerContent .BigSlide .Content {
        padding: 20px 50px
    }

    .CovidRefresh .InfoSectionLeft h1,
    .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        font-size: 45px
    }

    .CovidRefresh .InfoCard1 .InfoCardsImage,
    .CovidRefresh .InfoCard2 .InfoCardsImage,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
        margin-bottom: 15px !important
    }

    .CovidRefresh .InfoCard1 .InfoCardsImage img,
    .CovidRefresh .InfoCard2 .InfoCardsImage img,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage img,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage img {
        width: 80%
    }

    #FloatingImageBanner .VideoText {
        padding-left: 15px
    }

    .HeaderFAQ {
        margin: auto;
        width: 85%
    }

    .WhiteBlockWrapper {
        padding: 20px 15px;
        margin-bottom: 10px
    }

    .WhiteBlockWrapper .DesktopImage {
        margin-bottom: 10px;
        width: 100%
    }

    .WhiteBlockWrapper .CovidVideoHeading p {
        font-size: 16px;
        width: 85%
    }

    .WhiteBlockWrapper .CovidVideoHeading .HeadingMiddle {
        padding-bottom: 5px
    }

    .WhiteGoldBlock a {
        padding: 30px 20px 20px
    }

    .WhiteGoldBlock span {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 10px
    }

    .CovidPage.StatsBlock .StatsTime,
    .WhiteGoldBlock h2 {
        margin-bottom: 20px
    }

    .WhiteGoldBlock h2 {
        font-size: 35px;
        line-height: 40px;
        width: 90%
    }

    .WhiteBlockWrapper .CovidVideoHeading h2 {
        font-size: 35px;
        line-height: 114%
    }

    .WhiteGoldBlock p:first-of-type {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px
    }

    .CovidContent h2 {
        width: 100%;
        font-size: 35px;
        line-height: 40px
    }

    .CovidContent .NewsBlock p {
        margin-bottom: 15px
    }

    .CovidPage.StatsBlock h2 {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 30px
    }

    .CovidPage.StatsBlock .CovidStats .StatBlock .heading {
        margin-bottom: 10px
    }

    .CovidPage.StatsBlock .WebsiteWrapper .GoldLink {
        margin-bottom: 5px
    }

    #TextBlock.ipadtextblock {
        padding-bottom: 115px
    }

    .CustomerFeedbackCarouselHeading {
        margin-left: 30px;
        margin-right: auto
    }

    .NewsBanner .media-banner-content {
        width: 50%
    }

    .ipadtextblock h2 {
        font-size: 45px;
        line-height: 114%
    }

    .NewsArticle .ArticleLink {
        display: block;
        padding-right: 0
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 49px !important
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 65px !important
    }

    .AnimationButtons .btn-primary {
        margin-right: 0;
        margin-bottom: 10px
    }

    #BodyWrapper section.Animation {
        padding-bottom: 120px !important
    }

    #mobileAnimationWrapper {
        max-width: 90vw;
        height: 90vw;
        margin-top: -20px;
        margin-bottom: -45px
    }

    .collapseBIOBlock .bio-conferences-body,
    .collapseBIOBlock .bio-publications-body {
        margin-left: 11px !important;
        margin-right: 0 !important
    }

    .bio-conferences-body .card-wrap,
    .bio-publications-body .card-wrap {
        padding-left: 14px;
        padding-right: 14px
    }

    .bio-conferences-body .viewAll-block,
    .bio-publications-body .viewAll-block {
        margin-right: 15px
    }
}

@media (max-width:570px) {
    #dnn_bottomFullWidthBanner_6 .sectionInv_8 .imgsWrap {
        height: 690px
    }
}

@media (max-width:550px) {
    #AppointmedForm.IndividualDoctors>.content>.body .BookAnotherAppointmedBtn {
        width: 100%;
        font-size: 14px;
        margin: 0 auto;
        display: block
    }

    .AppoinmentCall,
    .AppointmedLink,
    .FindHealthCare {
        margin-left: 24%
    }

    .additional-qualification-container .accordin-title {
        padding-left: 30px
    }

    #LanguagesMenu .LanguageList,
    .InfoCard1 .InfocardText,
    .InfoCard2 .InfocardText,
    Facilities-Section .doctor-facility-label {
        font-size: 16px
    }

    .Facilities-Section .facilities-location-text {
        font-size: 14px
    }

    #AppointMedSlider,
    #AppointMedSlider.NetcarePlusReviewSlider,
    .CustomerFeedbackSlider {
        height: 405px;
        margin: 50px 10px 5px
    }

    #AppointMedSlider .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText {
        padding: 6px 40px 8px 50px;
        margin: 5px
    }

    #AppointMedSlider .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
    .CustomerFeedbackSlider .SlideText p {
        padding: 0 40px;
        font-size: 14px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url("../images/AppointMedQuotes.svg") 48% 10%/15% no-repeat
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background: url("../images/CarouselQuotesLightBlue.svg") 48% 10%/15% no-repeat
    }

    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background-size: 15%
    }

    .NetcarePlusBannerText {
        margin-top: -44%
    }

    .GridText {
        width: 100% !important
    }

    .GridOne .GridTitle {
        width: 90% !important
    }

    .InfoCard1,
    .InfoCard2 {
        margin: 35px
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 50px
    }

    .InfoSectionLeft p {
        font-size: 18px
    }

    .InfoCard1 h3,
    .InfoCard2 h3 {
        font-size: 32px
    }

    div#DoctorInformation .InfoBlock {
        padding: 31px 25px
    }

    #AvailabilityMenu .AvailabilityText,
    #AvailabilityMenu .InPracticeText,
    #LanguagesMenu .SpeakLanguage,
    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        font-size: 15px
    }

    .AppointmedSignUp .GridContainer p {
        font-size: 18px !important
    }

    div#DoctorInformation .ContactInfoBlock .CallDoctor,
    div#DoctorInformation .ContactInfoBlock .CallNetcare {
        width: 195px !important
    }

    .CovidPage.StatsBlock .WebsiteWrapper .StatsLogo {
        width: 75%
    }

    .CovidRefresh .InfoCard1 .InfoCardsImage,
    .CovidRefresh .InfoCard2 .InfoCardsImage {
        width: 20%
    }

    .InfoSectionRight.HealthcareFAQ .InfoCard1 .InfoCardsImage,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 .InfoCardsImage {
        width: 25% !important
    }

    .BigSliderBlock {
        height: 490px
    }

    .NewsBanner .media-banner-content {
        width: 60%;
        margin-left: 48px
    }

    .QuickLinksWrapper .QuickLinks .QuickLinkItem {
        width: 160px;
        height: 125px
    }

    #LandingPageGrid .GridTitle {
        font-size: 39px !important
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 41px !important
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 55px !important
    }

    #KeyObjectiveSlider .KeyObjectiveSlide {
        padding: 20px 20px 0
    }

    .errorMsg {
        margin-top: -50%
    }

    .QoC-section .imgsWrap {
        height: 585px
    }
}

@media (max-width:500px) {

    #HealthcareGrid .GridTitle,
    .GridTitle {
        font-size: 32px
    }

    .AppointmedTooltipmodal-content {
        width: 70%
    }

    #AppointmedForm.IndividualDoctors>.content>.body .BookAnotherAppointmedBtn,
    .CovidTabSection .Heading,
    .FAQTabSection .Heading,
    .Facilities-Section .doctor-facility-label,
    .InfoCard1 .InfocardText,
    .InfoCard2 .InfocardText {
        font-size: 16px
    }

    .additional-qualification-container .accordin-title {
        padding-left: 45px
    }

    .Facilities-Section .facilities-location-text,
    .collapseBIOBlock .panel-title,
    .collapseFAQBlock .panel-title {
        font-size: 14px
    }

    #NetcareSlider {
        background-position-y: 176px
    }

    .listing-columns {
        -moz-column-count: 1;
        -moz-columns: 1;
        -webkit-columns: 1;
        columns: 1
    }

    .BigSliderBlock .Slider .Tag,
    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action,
    .SmallSliderBlock .Slider .Tag {
        font-size: 12px
    }

    #BigSlider.CovidSlider .BigSlide .Content {
        padding: 20px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .icon {
        min-height: 35px;
        width: 70px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .icon img {
        width: 49px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .icon .peachblock {
        top: 23%;
        height: 15px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        font-size: 16px;
        margin: 0
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 22px
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 9px
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 100px;
        height: 105px
    }

    .AppointmentBoxes .box3 {
        width: 100px
    }

    .AppoinmentCall,
    .AppointmedLink,
    .FindHealthCare {
        margin-left: 15%
    }

    .ANMobile,
    .btn-primary.AppointmentPurchase {
        margin-top: 40px
    }

    .AppointmedLogoTitle {
        padding-top: 0 !important
    }

    .AppointmedLogoTitle p {
        margin-top: 60px;
        padding: 0
    }

    .AppointmentBannerText {
        margin-top: -180px
    }

    .NetcarePlusBannerText {
        margin-top: -60%;
        top: -70px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText p {
        margin-top: 80px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url("../images/AppointMedQuotes.svg") 48% 8%/14% no-repeat
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background: url("../images/CarouselQuotesLightBlue.svg") 48% 8%/14% no-repeat
    }

    #AppointMedSlider .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
    .CustomerFeedbackSlider .SlideText p {
        padding: 0 30px
    }

    .GridFive,
    .GridOne,
    .GridThree {
        background-size: 100% !important;
        padding-top: 95%
    }

    .GridFive .GridContainer {
        padding-top: 15%
    }

    .GridText p {
        font-size: 16px !important
    }

    .GridTitle {
        width: 80% !important
    }

    .CovidRefresh .InfoSectionLeft h1,
    .HeaderFAQ,
    .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        font-size: 35px
    }

    .GridOne .GridContainer {
        padding-top: 12%
    }

    .SquareOne,
    .SquareThree,
    .SquareTwo {
        width: 95%;
        height: 390px;
        margin: 20px 30px 20px 10px
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 48px
    }

    .InfoSectionLeft p {
        font-size: 18px
    }

    .InfoCard1 h3,
    .InfoCard2 h3 {
        font-size: 28px !important
    }

    .InfoCard1 .InfoCardsImage,
    .InfoCard1:hover .InfoCardsImage,
    .InfoCard2 .InfoCardsImage,
    .InfoCard2:hover .InfoCardsImage {
        background-size: 25%;
        margin-bottom: 7%
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText h2,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText h2 {
        font-size: 30px
    }

    .SubDescription .CertListHeading {
        padding-left: 75px;
        padding-right: 10px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock #Languages {
        margin: 0 -37px 10px 30px !important
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock {
        padding: 20px 8px 0 0
    }

    .HeadingWrapper.nav.nav-tabs::-webkit-scrollbar {
        display: none
    }

    .CovidPage.InfoBlock .InfoBlockTitle {
        line-height: 111%
    }

    .CovidPage.InfoBlock .InfoBlockDescription {
        line-height: 22px
    }

    .CovidRefresh .InfoSectionRight {
        padding: 0 10px
    }

    .HeaderFAQ {
        width: 85%;
        line-height: 114%
    }

    .ipadtextblock h2 {
        font-size: 40px
    }

    .NewsArticle .ArticleText p {
        font-size: 14px;
        margin-right: 35px
    }

    #AppointmedForm .FinalDetail p:nth-child(2),
    #AppointmedForm .FinalDetail p:nth-child(3) {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:480px) {
    .IRMenu li a.IRMenuItem.Dropdown.active {
        width: 450px
    }

    .DocumentListLabel {
        max-width: 75% !important
    }

    #AppointmedForm.IndividualDoctors p {
        color: #fff;
        line-height: 140%;
        font-size: 16px !important;
        margin-bottom: 20px !important
    }

    #AppointmedForm.IndividualDoctors>.content>.body label.inputLabel {
        font-size: 13px !important
    }

    #AppointmedForm.IndividualDoctors>.content>.body .BookAnotherAppointmedBtn {
        width: 100%;
        margin: 0 auto;
        display: block
    }

    #NetcareSlider {
        background-position-y: 150px
    }

    .additional-qualification-container .accordin-title {
        padding-left: 45px
    }

    #share-graph-filtering span {
        text-align: center;
        font-size: 12px
    }

    #TrainingProgrammes .hidden-fields {
        display: block
    }

    .blue-icon-box,
    .third-nr-box {
        width: 100% !important
    }

    .blue-icon-box h2 {
        font-size: 46px
    }

    .LogoLine .LineText {
        padding: 0
    }

    .CoverAIRContainer img,
    h4.AIRSsubHeading {
        width: 70%
    }

    #MediaSlider .MediaSlide,
    #NewsSlider .NewsSlide,
    #ResearchSlider .ResearchSlide {
        padding: 35px
    }

    #MediaSlider .MediaSlide .GoldLink,
    #NewsSlider .NewsSlide .GoldLink,
    #ResearchSlider .ResearchSlide .GoldLink {
        bottom: 12%
    }

    .videoHeading h2.PeachPlus.HeadingMiddle {
        padding-right: 18%
    }

    .ActionLinks .ActionLinkItem a .text {
        padding: 15px 0
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 34%;
        padding: 5px 24px
    }

    .AppointmentHours p:first-child {
        font-size: 14px
    }

    .AppointmentHours p {
        font-size: 19px
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 100px;
        height: 105px
    }

    .AppointmentBoxes .box3 {
        width: 100px
    }

    .ANMobile,
    .btn-primary.AppointmentPurchase {
        margin-top: 0
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 42px
    }

    .InfoSectionLeft p {
        font-size: 18px
    }

    .InfoCard1 h3,
    .InfoCard2 h3 {
        font-size: 32px
    }

    .NetcarePlusBannerText {
        margin-top: -76%;
        top: -15px
    }

    .InfoCard1 .InfocardText,
    .InfoCard2 .InfocardText {
        font-size: 16px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 268px !important;
        font-size: 16px
    }

    .AppointmedSignUp .BannerTitleAppointMed,
    .AppointmedSignUp .BannerTitleAppointMed h1 {
        font-size: 48px !important
    }

    .GridOne .AppointmedSignUp .GridText {
        width: 90% !important
    }

    .AppointmedSignUp .GridContainer p {
        font-size: 16px !important
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 38px !important;
        line-height: 45px !important
    }

    .AppointmedSignUp .AppointmedLink {
        margin-left: 24%
    }

    div#DoctorInformation .ContactInfoBlock .CallNetcare {
        width: 170px !important;
        padding: 13px 15px
    }

    div#DoctorInformation .ContactInfoBlock .CallDoctor {
        width: 155px !important
    }

    #DoctorProfileSection .SectionBlock p {
        font-size: 15px;
        padding-right: 65px
    }

    .SubDescription .DoctorBioHeading h2,
    .SubDescription .DoctorEduHeading h2,
    .SubDescription .DoctorPublication h2,
    div#ConsultHospital h2 {
        font-size: 30px;
        line-height: 137%
    }

    .CovidPage.InfoBlock .InfoBlockDescription {
        font-size: 16px;
        margin-top: 20px
    }

    #BigSlider.BannerContent .Content h2 {
        font-size: 35px;
        line-height: 45px
    }

    #BigSlider.BannerContent .BigSlide .Content {
        padding: 20px 35px
    }

    #FloatingImageBanner .VideoText h2 {
        font-size: 35px;
        line-height: 114%;
        margin-bottom: 25px
    }

    .SmallSliderBlock {
        height: 400px
    }

    .NewsBanner .media-banner-content {
        width: calc(100% - 200px)
    }

    #TextBlock.ipadtextblock {
        padding-left: 0
    }
}

@media(max-width:460px) {
    .TermAndConditions .PeachPlus.HeadingMiddle {
        margin: 0
    }

    .additional-qualification-container .accordin-title {
        padding-left: 30px;
        font-size: 30px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItem:not(:last-child):after {
        height: 100px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        margin-bottom: 5px;
        font-size: 11px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        font-size: 14px;
        margin: 0
    }

    #AppointmedForm .VoucherBlock {
        padding: 6px 28px 6px 20px
    }

    #AppointmedForm .SpecialistDetail p {
        margin-bottom: 15px
    }

    #AppointmedForm>.content>.body textarea {
        padding: 10px 16px 30px 10px
    }

    #AppointmedForm .NetCarePlus a,
    #LandingPageGrid .LinkArrow {
        font-size: 14px
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(2) {
        margin-right: 20px !important
    }

    #AppointmedForm>.content>.body .SectionButtons .form-group {
        margin-bottom: 5px
    }

    #AppointmedForm.IndividualDoctors>.content>.body .SectionButtons .form-group {
        margin-bottom: -8px
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 90px;
        height: 90px
    }

    .AppointmentBoxes .box3 {
        width: 90px
    }

    .AppoinmentCall,
    .AppointmedLink,
    .FindHealthCare {
        margin-left: 13%
    }

    .FindHealthCare {
        font-size: 16px;
        margin-left: 5%;
        padding-left: 44px;
        padding-right: 25px
    }

    .AppointmentBannerText h2,
    .BookAppointmentBannerText h2,
    .NetcarePlusBannerText h2 {
        font-size: 37px
    }

    .AppointmentBannerText p,
    .BookAppointmentBannerText p,
    .NetcarePlusBannerText p {
        font-size: 20px
    }

    .ANMobile,
    .btn-primary.AppointmentPurchase {
        margin-top: 20px
    }

    .AppointmentBannerText {
        margin-top: -160px
    }

    .BookAppointmentBannerText {
        margin-top: -130px
    }

    .GridOne .GridContainer {
        padding-top: 10%
    }

    .NetcarePlusBannerText {
        margin-top: -73%
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText p {
        margin-top: 80px
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url("../images/AppointMedQuotes.svg") 48% 12%/14% no-repeat
    }

    #AppointMedSlider.NetcarePlusReviewSlider .slick-slide.slick-current .SlideText,
    .CustomerFeedbackSlider .slick-slide.slick-current .SlideText {
        background: url("../images/CarouselQuotesLightBlue.svg") 48% 12%/14% no-repeat
    }

    #AppointMedSlider .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
    .CustomerFeedbackSlider .SlideText p {
        padding: 0 30px;
        font-size: 12px;
        -webkit-line-clamp: 10
    }

    #AppointMedSlider .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText {
        padding: 6px 30px 8px 40px;
        margin: 5px
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 42px
    }

    .InfoSectionLeft p {
        font-size: 16px !important
    }

    .InfoCard1 h3,
    .InfoCard2 h3 {
        font-size: 32px
    }

    .InfoCard1 .InfocardText,
    .InfoCard2 .InfocardText {
        font-size: 16px
    }

    div#DoctorInformation .InfoBlock {
        margin-top: -190px;
        margin-left: 5px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        font-size: 13px !important
    }

    .AppointmedForm .LiveForm.Default .Thank-you h1 {
        font-size: 40px
    }

    .AppointmedForm .LiveForm.Default .Thank-you p {
        font-size: 16px !important;
        padding: 0
    }

    .VisitingHoursText p {
        font-size: 14px;
        margin-right: 0
    }

    .DoctorProfile {
        padding: 40px 0
    }

    .DoctorProfile #watermark {
        right: 15px !important
    }

    .CovidPage.InfoBlock {
        padding: 30px
    }

    #HealthcareGrid .GridTitle {
        font-size: 28px
    }

    #LandingPageGrid .GridTitle {
        font-size: 24px !important;
        line-height: 117% !important
    }

    #LandingPageGrid .GridText p {
        font-size: 16px !important;
        line-height: 140% !important
    }

    #LandingPageGrid .GridContainer {
        width: 90% !important
    }

    .BigSliderBlock {
        height: 530px
    }

    .media-banner-content {
        width: 85%
    }

    .QuickLinksWrapper .QuickLinks {
        padding: 0 25px 15px
    }

    .QuickLinksWrapper .QuickLinks #quicklinks-showonmobile {
        width: 90%
    }

    .QuickLinksWrapper .QuickLinks .QuickLinkItem a {
        width: 160px;
        margin-left: 0
    }

    .ipadwrapper {
        margin-top: -32%;
        padding-right: 20px;
        margin-left: 3%;
        margin-right: 0;
        z-index: 1000
    }

    .ipadtextblock {
        padding-top: 0;
        padding-right: 0
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 40px !important;
        line-height: 114%
    }

    .SearchBannerWrapper .words {
        width: 60%
    }

    .search-input-banner-rotateText {
        font-size: 16px;
        line-height: 22px
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 51px !important
    }
}

@media(max-width:430px) {
    .cardBlock_5.sectionInv_8.inv-section .imgsWrap {
        height: 633px
    }

    .Section-Button-padding {
        margin-bottom: 0 !important
    }

    #AppointmedForm.IndividualDoctors .NetCarePlus {
        margin-top: 0 !important
    }

    #AppointmedForm.IndividualDoctors section .SectionButtons {
        bottom: 0 !important
    }

    #AppointmedForm>.content>.body .select2-container--default .select2-selection--single,
    #AppointmedForm>.content>.body input,
    #AppointmedForm>.content>.body select {
        padding-left: 5px !important
    }

    .additional-qualification-container .accordin-title {
        padding-left: 45px
    }

    .NetcarePlusBannerText {
        top: -45px
    }

    .NetcarePlusBannerText p {
        font-size: 16px !important
    }

    .NetcarePlusBannerText h2 {
        width: 100% !important
    }

    .InfoCard1,
    .InfoCard2 {
        width: 85%;
        margin: 30px;
        height: 230px;
        padding-top: 25px
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 35px
    }

    .InfoCard1 h3,
    .InfoCard2 h3 {
        font-size: 24px !important
    }

    .InfoCard1 .InfocardText,
    .InfoCard2 .InfocardText {
        font-size: 14px !important
    }

    .AppointmedSignUp .BannerTitleAppointMed,
    .AppointmedSignUp .BannerTitleAppointMed h1 {
        font-size: 45px !important
    }

    .AppointmedForm .LiveForm.Default .Thank-you h1 {
        font-size: 36px
    }

    .DoctorBioHeading h2 {
        font-size: 30px
    }

    .CovidRefresh .InfoCard1 h3,
    .CovidRefresh .InfoCard2 h3,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 h3,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
        font-size: 25px !important
    }

    .CovidPage.StatsBlock .WebsiteWrapper .StatsLogo {
        width: 75%
    }

    .BigSliderBlock .Slider .Wrap .inner h3,
    .SmallSliderBlock .Slider .Wrap .inner h3 {
        font-size: 18px;
        line-height: 22px
    }

    .BigSliderBlock .Slider .Wrap .inner .BlueArrowLink,
    .SmallSliderBlock .Slider .Wrap .inner .BlueArrowLink {
        font-size: 14px
    }

    .BigSliderBlock {
        height: 550px
    }

    .BigSliderBlock .Slider {
        max-height: 400px
    }

    .SmallSliderBlock {
        max-height: 280px
    }

    .media-banner-content {
        width: 90%
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 35px !important
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 46px !important
    }
}

@media(max-width:415px) {
    .AppointmentBannerText {
        margin-top: -152px
    }

    .additional-qualification-container .accordin-title {
        padding-left: 30px;
        font-size: 30px
    }

    .AppointmedBanner .DesktopImage {
        display: none
    }

    .AppointmedBanner .MobileImage {
        display: block
    }

    div#dnn_LiveForm .LiveForm.Default h2 {
        font-size: 30px;
        width: 100%
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 32px !important;
        line-height: 45px !important
    }

    .HeaderFAQ {
        width: 100%
    }

    .CovidFAQTitle p,
    .FAQTitle p {
        font-size: 12px
    }

    .GridOne .GridContainer {
        padding-top: 6%
    }

    .QuickLinksWrapper .QuickLinks {
        padding: 0 5px
    }

    .QuickLinksWrapper .QuickLinks .QuickLinkItem {
        width: 165px
    }

    .ipadtextblock p {
        font-size: 14px
    }

    .ReuseBanner .CopyContainer h2,
    .ReuseBanner .CopyContainer-1 h2 {
        font-size: 24px;
        line-height: 117%
    }
}

@media (max-width:420px) {
    #dnn_BottomFullBanner .inv-section .imgsWrap {
        height: 700px
    }

    .DoctorProfile .HeadingWrapper .Heading {
        color: #1d3443;
        opacity: .5;
        font-weight: 600;
        cursor: pointer;
        font-size: 18px;
        position: relative
    }

    #AppointmedForm.IndividualDoctors .VoucherBlock {
        font-family: 'Open Sans';
        border: 2px solid #1d3443;
        border-radius: 5px;
        padding: 15px 30px 15px 20px;
        position: relative;
        background-color: #f8f6f4 !important;
        color: #1d3443 !important;
        font-size: 14px;
        width: 100%;
        margin: auto
    }

    div#Bio,
    div#OtherPractices,
    div#SpecialInterest {
        display: inline-block
    }

    .DoctorProfile .HeadingWrapper.nav.nav-tabs {
        margin-left: 0;
        width: max-content;
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        justify-content: space-between;
        overflow-x: scroll
    }

    div#publicationsSliderNavWrapper {
        margin-top: -5px;
        margin-bottom: 5px
    }
}

@media (max-width:400px) {
    .DocumentListLabel {
        max-width: 65% !important
    }

    #NetcareSlider {
        background-position-y: 115px
    }

    .SpecialistPlusWrapper table td label {
        min-width: 300px !important;
        margin-left: 0 !important
    }

    .NetcarePlusWrapper .IconWrapper .ValueItem:not(:last-child):after {
        height: 90px;
        right: 0
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        margin-bottom: 5px;
        font-size: 9px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        font-size: 11px;
        margin: 0 5px
    }

    .AppointmentHours p,
    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 17px
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 8px
    }

    #AppointmedForm>.content>.body label.inputLabels {
        margin: 13px 5px 15px 10px !important;
        width: 50%
    }

    #AppointmedForm>.content>.body .select2-container--default .select2-selection--single,
    #AppointmedForm>.content>.body input,
    #AppointmedForm>.content>.body select {
        padding-left: 0 !important
    }

    #AppointmedForm>.content>.body {
        padding: 15px !important
    }

    #AppointmedForm.IndividualDoctors.IndividualDoctors>.content>.body {
        padding: 20px !important
    }

    #AppointmedForm p,
    #AppointmedForm.IndividualDoctors p {
        font-size: 13px;
        margin-right: 10px
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 80px;
        height: 80px
    }

    .AppointmentBoxes .box3 {
        width: 82px;
        height: 80px
    }

    .AppointmentHours p:first-child {
        font-size: 13px
    }

    .AppoinmentCall,
    .AppointmedLink,
    .FindHealthCare {
        margin-left: 5%
    }

    .AppointmentBannerText h2,
    .BookAppointmentBannerText h2,
    .NetcarePlusBannerText h2 {
        margin-bottom: 20px;
        width: 100%
    }

    .AppointmentBannerText p,
    .BookAppointmentBannerText p {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 22px
    }

    #AppointMedSlider .SlideText p,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText p,
    .CustomerFeedbackSlider .SlideText p {
        padding: 0 30px
    }

    #AppointMedSlider .SlideText,
    #AppointMedSlider.NetcarePlusReviewSlider .SlideText,
    .CustomerFeedbackSlider .SlideText {
        padding: 1px 25px 8px;
        margin: 5px
    }

    .CustomerFeedbackSlider .SlideText {
        padding: 30px 25px 8px
    }

    #AppointMedSlider,
    #AppointMedSlider.NetcarePlusReviewSlider,
    .CustomerFeedbackSlider {
        height: 400px;
        margin: 50px 5px 5px
    }

    .AppointmentCarouselHeading h2 {
        font-size: 35px;
        margin-bottom: 15px
    }

    .AppointmentImg img {
        margin-top: -55px
    }

    .GridTitle {
        font-size: 25px
    }

    #HealthcareGrid .GridText p,
    .AppointmedSignUp .BannerTextAppointMed li,
    .AppointmedSignUp .BannerTextAppointMed p,
    .GridText p {
        font-size: 16px !important
    }

    #LandingPageGrid .GridFive .GridText,
    .GridOne .GridText {
        width: 100% !important
    }

    .GridFive .GridContainer,
    .GridOne .GridContainer {
        padding-top: 15%
    }

    .SquareOne,
    .SquareThree,
    .SquareTwo {
        height: 340px
    }

    .InfoCard1,
    .InfoCard2 {
        height: 200px
    }

    .NetcarePlusBannerText {
        top: 8px;
        margin-top: -80%
    }

    div#DoctorInformation .InfoBlock .DoctorName {
        font-size: 35px;
        line-height: 40px
    }

    .HeadingWrapper.nav.nav-tabs {
        padding: 5px 0
    }

    .btn-primary.FindMore {
        margin-top: 25px
    }

    .AppointmedSignUp .BannerTitleAppointMed,
    .AppointmedSignUp .BannerTitleAppointMed h1 {
        font-size: 40px !important
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 28px !important;
        line-height: 38px !important
    }

    .AppointmedSignUp .GridContainer p {
        font-size: 14px !important
    }

    .AppointmedForm .LiveForm.Default .Thank-you h1,
    .slick-dots li button:before {
        font-size: 36px
    }

    .DoctorProfile #watermark #bg-text {
        font-size: 200px !important
    }

    div#DoctorInformation .InfoBlock .ProfileImage img {
        width: 30%
    }

    .CovidPage.StatsBlock .StatsDetails {
        padding: 25px
    }

    #SplitBanner .Content {
        padding: 30px 20px
    }

    #SplitBanner .Content .TextWrapper .btn-primary.mythBtn {
        padding: .84rem 2px;
        font-size: 15px
    }

    .CovidRefresh .InfoSectionLeft h1,
    .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        width: 60%
    }

    .CovidRefresh .InfoCard1 h3,
    .CovidRefresh .InfoCard2 h3,
    .InfoSectionRight,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 h3,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
        margin-top: 0
    }

    .CovidRefresh .peachblock,
    .InfoSectionRight.HealthcareFAQ .peachblock {
        height: 17px;
        top: 60%;
        width: 100%
    }

    .CovidPage.StatsBlock .WebsiteWrapper .StatsLogo {
        width: 90%
    }

    .WhiteGoldBlock:first-child .DownloadLink {
        display: table;
        width: 85%
    }

    .BigSliderBlock {
        height: 650px
    }

    .media-banner-content {
        width: 95%
    }

    .ipadtextblock h2 {
        font-size: 35px
    }

    .QuickLinksWrapper .QuickLinks .QuickLinkItem {
        width: auto
    }

    .QuickLinksWrapper .QuickLinks .QuickLinkItem a {
        width: 100%
    }

    .imgsWrap {
        height: 615px
    }

    #dnn_BottomFullBanner .sectionInv_8 .imgsWrap {
        height: 690px;
        background-color: #eae1db
    }

    .errorMsg .innerErrorMsg {
        padding: 40px;
        background: #fff
    }

    footer .netcareplus-ribbon-bottom .text-right {
        padding-left: 30px;
        text-align: left !important;
        width: 80%
    }
}

@media (max-width:390px) {
    #AppointmedForm.IndividualDoctors #ConsultationTypeRadioButtons .radio-toolbar {
        display: inline-table;
        width: 105%;
        margin-left: -6px
    }

    #AppointmedForm.IndividualDoctors .AppointmedFormRadioButtons label {
        font-size: 14px
    }
}

@media(max-width:387px) {
    #AppointmedForm.IndividualDoctors>.content>.body .BookAnotherAppointmedBtn {
        width: 100%;
        margin: 0 auto;
        display: block;
        padding: 15px 20px
    }

    .NetcarePlusBannerText {
        top: 35px;
        margin-top: -95%
    }

    .CovidRefresh .InfoSectionLeft h1,
    .InfoSectionLeft.HealthcareFAQ .HealthcareFAQTitle {
        width: 70%
    }

    div#Bio,
    div#OtherPractices,
    div#SpecialInterest {
        display: inline-block
    }

    .additional-qualification-container .accordin-title {
        padding-left: 45px
    }

    .NewsBanner .media-banner-content {
        width: calc(100% - 150px)
    }
}

@media(max-width:375px) {
    #dnn_BottomFullBanner .inv-section .imgsWrap {
        height: 673px
    }

    ​​​​ .QoC-section .imgsWrap {
        height: 630px
    }

    #AppointmedForm .FinalDetail {
        margin-top: 0
    }

    #AppointmedForm.IndividualDoctors .VoucherBlock {
        padding: 10px 10px 10px 14px !important
    }

    #AppointmedForm .NetCarePlus a {
        font-size: 13px
    }

    .additional-qualification-container .accordin-title {
        padding-left: 30px;
        font-size: 30px
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(2) {
        margin-right: 15px !important
    }

    div#Bio,
    div#OtherPractices,
    div#SpecialInterest {
        display: inline-block
    }

    .InfoCard1 h3,
    .InfoCard2 h3 {
        font-size: 21px !important
    }

    .AppointmedSignUp .BannerTextAppointMed li,
    .AppointmedSignUp .BannerTextAppointMed p,
    .InfoCard1 .InfocardText,
    .InfoCard2 .InfocardText {
        font-size: 14px !important
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 261px;
        padding: 15px
    }

    .AppointmedSignUp .AppointmedLink {
        margin-left: 20%
    }

    .AppointmedSignUp .BannerTitleAppointMed,
    .AppointmedSignUp .BannerTitleAppointMed h1 {
        font-size: 38px !important
    }

    .AppointmedForm .LiveForm.Default .Thank-you h1 {
        font-size: 32px
    }

    #DoctorProfileSection .HeadingWrapper .Heading:first-child,
    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading:first-child {
        margin-left: 2px
    }

    .DoctorProfile .HeadingWrapper .Heading,
    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        margin-left: 15px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock #Languages {
        margin: 0 -80px 10px 20px !important
    }

    .CovidPage.InfoBlock {
        margin-top: -45%;
        padding: 35px
    }

    #BigSlider.BannerContent .BigSlide .Content {
        padding: 20px 25px
    }

    #HealthcareGrid .GridThree .GridTitle {
        width: 75% !important
    }

    .media-banner-content {
        width: 95%;
        position: relative;
        height: auto
    }

    .HeadingWrapper #PP {
        margin: 0 8px 0 -10px;
        font-size: 15px
    }

    .HeadingWrapper #preAd {
        font-size: 15px;
        margin: 0 0 0 10px
    }

    footer .footermiddle .legal-links.linkslist2 .legalLink:last-child {
        padding-right: 0
    }

    .SearchBannerWrapper .words {
        width: 65%
    }

    .collapseBIOBlock .bio-conferences-body,
    .collapseBIOBlock .bio-publications-body {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    div#publicationsSliderNavWrapper {
        margin-top: -15px;
        margin-bottom: 0
    }

    #publicationsSliderNav {
        margin-right: 5%
    }
}

@media(max-width:370px) {
    .QoC-section .imgsWrap {
        height: 620px
    }
}

@media (max-width:360px) {

    #HealthcareGrid .GridTitle,
    #LandingPageGrid .GridTitle,
    .third-nr-box,
    ​​​​ .blue-icon-box {
        width: 100% !important
    }

    .blue-icon-box h2 {
        font-size: 36px !important
    }

    .blue-icon-box p {
        font-size: 20px
    }

    .blue-icon-box .icon img {
        float: right;
        padding: 2px;
        width: 100%;
        height: auto
    }

    .CoverAIRContainer img {
        width: 80%
    }

    h4.AIRSsubHeading {
        width: 75%
    }

    .LineHeader {
        height: 70px
    }

    .videoHeading h2.PeachPlus.HeadingMiddle {
        padding-right: 5%
    }

    .LiveForm .Radiobutton table td label {
        padding: 13px 45px !important;
        font-size: 14px !important
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 41%;
        padding: 4px 23px
    }

    .SpecialistPlusWrapper table td label {
        font-size: 13px !important;
        min-width: 135px !important
    }

    .SpecialistPlusWrapper table tr td:nth-child(2) {
        padding-left: 18px !important
    }

    .FindHealthCare,
    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        margin: 0
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 55px;
        height: 55px
    }

    .AppointmentBoxes .box3 {
        width: 53px;
        height: 55px;
        margin-left: 57%
    }

    .autocomplete-box li,
    .btn-primary.btnAppointment,
    .btn-primary.btnBuyVoucher,
    .search-bar-banner::after {
        font-size: 14px
    }

    .AppoinmentCall,
    .AppointmedLink {
        margin: 0;
        padding-left: 25px
    }

    .AppointmentCarouselHeading h2,
    .CovidPage.InfoBlock .InfoBlockTitle,
    .CustomerFeedbackCarouselHeading h2,
    .InfoSectionLeft .LightbluePlus,
    .NetcarePlusCarouselHeading h2 {
        font-size: 32px
    }

    #AppointMedSlider,
    #AppointMedSlider.NetcarePlusReviewSlider,
    .CustomerFeedbackSlider {
        height: 435px;
        margin: 50px 5px 15px
    }

    .CustomerFeedbackSlider {
        height: 400px
    }

    .AppointmentImg img {
        margin-top: -38px
    }

    .NetcarePlusBannerText h2,
    .NewsBanner .media-banner-content .media-banner-text {
        font-size: 30px
    }

    .NetcarePlusBannerText {
        top: 20px;
        margin-top: -92%
    }

    .SecondContainer {
        padding-left: 5%
    }

    .GridOne .GridContainer {
        padding-top: 5%
    }

    .InfoCard1,
    .InfoCard2 {
        height: 185px;
        margin: 25px
    }

    .InfoSectionLeft {
        width: 100%
    }

    div#DoctorInformation .ContactInfoBlock .RightBlock {
        padding: 20px 15px 50px
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock #Availability,
    div#DoctorInformation .ContactInfoBlock .LeftBlock #Languages,
    div#DoctorInformation .ContactInfoBlock .LeftBlock #PracticeHeading {
        font-size: 13px !important
    }

    div#DoctorInformation .InfoBlock {
        margin-top: -150px
    }

    .GridFive .AppointmedSignUp .GridContainer,
    .GridThree .AppointmedSignUp .GridContainer {
        padding-top: 2%
    }

    .AppointmedSignUp .AppointmedLink {
        margin-left: 22%
    }

    .AppointmedSignUp .GridContainer .GridTitle {
        font-size: 25px !important;
        line-height: 32px !important
    }

    div#DoctorInformation .ContactInfoBlock .CallDoctor,
    div#DoctorInformation .ContactInfoBlock .CallNetcare {
        width: 160px !important;
        padding: 13px 8px !important
    }

    div#DoctorInformation .ContactInfoBlock .CallDoctor {
        width: 130px !important
    }

    .DoctorProfile .HeadingWrapper .Heading {
        font-size: 17px
    }

    .DoctorProfile #watermark {
        right: -5px !important
    }

    #HealthcareGrid .GridText p,
    #LandingPageGrid .GridText p,
    #searchModal .modal-dialog .modal-content .modal-body>div input {
        font-size: 14px !important
    }

    .CovidPage.InfoBlock {
        padding: 20px
    }

    .search-bar::after {
        content: attr(data-content);
        position: absolute;
        right: 65px;
        z-index: 2;
        top: 15px;
        color: #80898f;
        font-family: "Open Sans";
        font-size: 14px
    }

    .SearchBannerWrapper .words {
        width: 70%
    }

    SmartSearch .SearchResults .link-text {
        font-size: 14px;
        line-height: 125%
    }

    .governance-structure-header {
        font-size: 35px;
        line-height: 114%
    }

    #StrategicPillarsSlider .StrategicPillarsSlide .circle {
        box-shadow: none
    }

    .QoC-section .imgsWrap {
        height: 630px
    }

    #dnn_BottomFullBanner .inv-section .imgsWrap {
        height: 745px
    }
}

#Availability,
#Contact {
    margin: 5px 10px
}

@media (max-width:350px) {
    #dnn_BottomFullBanner .sectionInv_8 .imgsWrap {
        height: 801px;
        background-color: #eae1db
    }

    #responsiveSafari .imgsWrap {
        height: 925px
    }

    #dnn_BottomFullBanner .inv-section .imgsWrap {
        height: 780px
    }

    .errorMsg .innerErrorMsg {
        padding: 30px 12px
    }

    footer .footermiddle .legal-links.linkslist2 .legalLink {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width:340px) {
    ​​​​ #dnn_BottomFullBanner .inv-section .imgsWrap {
        height: 745px
    }

    .DoctorProfile .HeadingWrapper .Heading {
        color: #1d3443;
        opacity: .5;
        font-weight: 600;
        cursor: pointer;
        font-size: 18px;
        text-transform: lowercase;
        position: relative
    }
}

@media(max-width:330px) {
    ​​​​ .DoctorProfile .HeadingWrapper .Heading {
        color: #1d3443;
        opacity: .5;
        font-weight: 600;
        cursor: pointer;
        font-size: 18px;
        text-transform: lowercase;
        position: relative
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 8px
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        margin: 0;
        font-size: 10px
    }

    .NetcarePlusWrapper p {
        padding-right: 10% !important
    }

    #AppointmedForm .NetCarePlus a {
        font-size: 12px
    }

    .AppointmentBoxes .box3 {
        width: 53px
    }

    .AppointBlockTwo,
    .NetcarePlusBlockTwo {
        margin-top: 25px
    }

    .GridOne .GridContainer {
        padding-top: 3%
    }

    .GridFive .GridContainer {
        padding-top: 10%
    }

    #HealthcareGrid .GridText p,
    #dnn_bottomFullWidthBanner_6 .sectionInv_6_2 a.click-link,
    .GridText p {
        font-size: 13px !important
    }

    .NetcarePlusBannerText p {
        line-height: 22px
    }

    .GridThree .AppointmedSignUp .GridText {
        width: 99% !important
    }

    .AppointmedSignUp .BannerTitleAppointMed,
    .AppointmedSignUp .BannerTitleAppointMed h1 {
        font-size: 34px !important
    }

    .CovidRefresh .InfoCard1 h3,
    .CovidRefresh .InfoCard2 h3,
    .InfoSectionRight.HealthcareFAQ .InfoCard1 h3,
    .InfoSectionRight.HealthcareFAQ .InfoCard2 h3 {
        font-size: 24px !important
    }

    #HealthcareGrid .GridFive,
    #HealthcareGrid .GridOne,
    #HealthcareGrid .GridThree {
        padding: 9%
    }

    .BigSliderBlock {
        height: 660px
    }

    .SmallSliderBlock {
        max-height: 290px
    }

    #modalSearchTextbox::placeholder {
        background: url("../images/search_modal_blue.svg") 97% center no-repeat
    }

    #bannerSearchTextbox::placeholder {
        background: url("../images/search_modal_blue.svg") 97% center no-repeat
    }

    .SearchBannerWrapper .words {
        width: 65%
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 30px !important;
        line-height: 114%
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 40px !important
    }

    .NewsBanner .media-banner-content {
        margin-left: 16px
    }

    .NewsBanner .media-banner-content .media-banner-text {
        font-size: 26px
    }

    .imgsWrap {
        height: 700px
    }

    #dnn_bottomFullWidthBanner_6 .cardBlock_5 .thumbnailCard h5 {
        font-size: 30px
    }

    #dnn_bottomFullWidthBanner_6 .cardBlock_5 .thumbnailCard p {
        font-size: 14px
    }

    #dnn_bottomFullWidthBanner_6 .sectionInv_8 .imgsWrap {
        height: 605px
    }

    footer .footermiddle .legal-links.linkslist2 a,
    footer .footermiddle .legal-links.linkslist2 span {
        font-size: 11px
    }

    #AppointmedForm.IndividualDoctors>.content>.body .BookAnotherAppointmedBtn {
        padding: 15px 10px
    }
}

@media screen and (max-width:275px) {
    .third-nr-box {
        word-wrap: break-word
    }

    .PageTitle {
        word-break: break-word
    }
}

@media (max-width:794px) {
    .arrow-right {
        bottom: 10px !important
    }

    .value-one-desc {
        width: 46.5%
    }

    AppointmedForm.IndividualDoctors>.content>.body .BookAnotherAppointmedBtn {
        width: 50%;
        margin: 0 auto;
        display: block
    }
}

@media (max-width:790px) {
    .desktop-only {
        display: none
    }

    .mobile-only {
        display: block
    }
}

@media (min-width:791px) {
    .desktop-only {
        display: block
    }

    .mobile-only {
        display: none
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    #BigSlider .BigSlide .Content,
    #BigSlider .BigSlide .Image,
    .NetcarePlusSlider#BigSlider .BigSlide .Image .DesktopImage {
        height: auto
    }
}

.cookiealert {
    position: fixed;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: .5s ease-out;
    color: #ecf0f1;
    background: #1d3443;
    bottom: 5px;
    top: auto;
    width: calc(100% - 60px);
    left: 30px;
    padding: 0;
    border-radius: 5px
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 1s
}

.cookiealert a {
    text-decoration: underline;
    color: #fff
}

.cookiealert .alertContent {
    padding: 26px 200px 26px 50px;
    position: relative
}

.cookiealert .description {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin: 0
}

.TopHeader .top-header-links a.emergency-services:hover .es-fullword,
.cookiealert .description>a:hover {
    color: #3da9d1
}

.cookiealert .acceptcookies {
    padding: 15px 36px;
    background-color: #3da9d1;
    color: #1d3443;
    text-transform: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 0 10px;
    position: absolute;
    right: 57px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: baseline;
    min-height: initial;
    border-radius: 10px
}

.cookiealert .acceptcookies:hover {
    background-color: #7ec6e0
}

@media only screen and (max-width:600px) {
    .cookiealert {
        width: calc(100% - 30px);
        left: 15px
    }

    .cookiealert .alertContent {
        padding: 20px 5px 0
    }

    .cookiealert .description {
        margin-bottom: 20px;
        text-align: center
    }

    .cookiealert .btn {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        position: relative;
        right: auto;
        transform: none;
        margin-left: 0
    }
}

.videoBlurContainer {
    position: relative;
    flex-wrap: wrap;
    width: 100%;
    height: 800px;
    box-shadow: 4px 4px 20px 14px rgba(0, 0, 0, .05);
    display: flex;
    overflow: hidden;
    justify-content: center;
    margin-top: 100px
}

.videoBlurContainer .textContainer {
    padding: 50px;
    width: 90%;
    margin-top: 7%
}

.videoBlurContainer .textContainer .row {
    align-items: center
}

.videoBlurContainer .textContainer .row .tighter {
    padding: 97px
}

.videoBlurContainer .textContainer .row .tighter a::before {
    content: "";
    background-image: url("../images/play-in-circle.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    position: absolute;
    left: 24px;
    top: 18px;
    width: 20px;
    height: 20px
}

.videoBlurContainer .textContainer .row .tighter a {
    cursor: pointer;
    background-color: #1d3443;
    width: 100%;
    position: relative;
    border-radius: 3px;
    max-width: 274px;
    display: inline-block;
    height: 57px;
    text-align: center;
    color: #fff;
    padding-top: 15px;
    padding-left: 24px;
    font-size: 18px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin-top: 25px
}

.videoBlurContainer .textContainer .row .tighter a:hover {
    background-color: #d5bfac;
    color: #fff
}

.videoBlurContainer .textContainer h3 {
    color: #fff;
    font-family: Open Sans;
    font-weight: 700;
    font-size: 70px;
    line-height: 90px
}

.videoBlurContainer .textContainer p {
    font-size: 18px;
    color: #fff
}

.videoBlurContainer .videoContainerSection {
    position: absolute;
    z-index: -1;
    overflow: hidden;
    background-color: #fff;
    left: 0
}

.videoBlurContainer #videoBG {
    min-width: 1431px;
    -webkit-filter: blur(80px);
    -moz-filter: blur(80px);
    -o-filter: blur(80px);
    -ms-filter: blur(80px);
    filter: blur(80px)
}

.videoHalfSection {
    background-color: #f4ede6;
    height: 600px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -5;
    margin-top: -100px
}

#mega-menu.mega-menu-desktop .top-level .link-text,
.searchBoxHeader {
    position: relative
}

@media only screen and (max-width:1300px) {
    .videoBlurContainer .textContainer h3 {
        font-size: 55px
    }

    .videoBlurContainer .textContainer .row .tighter {
        padding: 45px
    }
}

@media only screen and (max-width:991px) {
    .videoHalfSection {
        height: 290px;
        margin-top: -50px
    }

    .videoBlurContainer .textContainer .row .tighter a,
    .videoBlurContainer .videoContainerSection {
        display: none
    }

    .videoBlurContainer .textContainer .row .tighter {
        padding: 15px
    }

    .videoBlurContainer #iframeVideoSwitch {
        display: block
    }

    .videoBlurContainer .textContainer {
        padding: initial;
        margin-top: 0
    }

    .videoBlurContainer {
        margin-top: 30px;
        box-shadow: none;
        overflow: hidden;
        height: auto
    }

    .videoBlurContainer .textContainer h3 {
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 42px;
        letter-spacing: -.03em;
        color: #57656e
    }

    .facilities-info-icon {
        background: url("../images/info.svg") 0 no-repeat
    }

    .facilities-par-text {
        font-size: 18px;
        line-height: 130%;
        color: #57656e;
        margin: 9px 40px 0
    }

    .videoBlurContainer .textContainer p {
        font-style: normal;
        font-size: 18px;
        line-height: 130%;
        color: #1d3443
    }

    .videoBlurContainer .textContainer p:first-of-type {
        font-weight: 600
    }

    div#DoctorInformation .InfoBlock {
        margin-left: 0
    }

    .doctor-avail-label,
    .doctor-lan-label {
        margin-bottom: 20px
    }

    div#DoctorInformation .ContactInfoBlock .RightBlock {
        width: 70%
    }

    .strat-pill-content-card {
        background-color: #fff;
        padding: 60px 30px;
        margin-top: 50px;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
        box-shadow: none;
        border-radius: 0;
        max-width: 100%;
        min-height: 200px
    }
}

.covidVideoImage {
    z-index: 2
}

.ContactUsDivider {
    border-bottom: 1px solid grey
}

.ContactUsDivider ul {
    margin-bottom: 35px
}

.subsiteHeader h4,
.subsiteHeaderNetcare {
    margin-bottom: 4px
}

div#DoctorInformation .ContactInfoBlock .RightBlock {
    background: #1d3443;
    padding: 30px 30px 100px;
    width: 100%;
    overflow-y: hidden
}

div#DoctorInformation .ContactInfoBlock .TopBlock {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #3d4f5b;
    opacity: 1;
    width: 30%;
    padding: 60px 0
}

.RightBlock .HeadingWrapper.nav.nav-tabs {
    background: #344856;
    border-radius: 5px;
    padding: 0
}

#Availability,
#Contact {
    padding: 17px 0;
    text-align: center;
    height: 58px;
    min-width: 280px;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    cursor: pointer
}

#Availability {
    padding: 18px 0
}

.RightBlock .Heading.active {
    border: 1.5px solid #fff;
    box-sizing: border-box;
    border-radius: 5px
}

#doctorSlider .BigSlide {
    margin-top: 20px;
    height: auto
}

#doctorSlider .doctorWrapper {
    border: 2px solid #80898f;
    margin: 10px 5px;
    border-radius: 5px;
    padding: 25px
}

#doctorSlider .HospLink,
#doctorSlider .HospName {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    display: flex;
    align-items: center;
    letter-spacing: -.03em;
    color: #e4d7cc;
    margin-bottom: 20px;
    background: url("../images/rightGoldArrow.svg") center right no-repeat;
    overflow-wrap: break-word
}

#doctorSlider .HospLink {
    background: 0 0;
    cursor: auto
}

#doctorSlider .DateTimeHeading h6,
#doctorSlider .NoDateTimeHeading {
    margin-bottom: 2px;
    padding-left: 25px;
    background: url("../images/greyClock.svg") center left no-repeat
}

#doctorSlider .DateTimeHeading h6 {
    font-family: Open Sans;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f
}

#doctorSlider .DateTimeHeading p {
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding-left: 25px;
    color: #fff
}

div#DoctorInformation .RightBlock .nav.nav-tabs {
    display: flex;
    justify-content: space-between;
    margin: -10px 5px
}

#DoctorInformation .slick-dots li.slick-active button:before {
    color: #fff !important;
    font-size: 40px
}

#DoctorInformation .slick-dots li button:before,
#DoctorInformation .slick-dots li.slick-active button:after {
    color: #80898f !important;
    font-size: 40px
}

#DoctorInformation .slick-dots li {
    width: 25px;
    height: 30px
}

#doctorSliderNav .prev-arrow.slick-arrow {
    left: -10px
}

#doctorSliderNav .next-arrow.slick-arrow {
    right: -10px
}

#DoctorInformation #doctorSliderNav .prev-arrow.slick-arrow {
    background: url("../images/whiteArrowLeft.svg") center center no-repeat
}

#DoctorInformation #doctorSliderNav .next-arrow.slick-arrow {
    background: url("../images/whiteArrowRight.svg") center center no-repeat
}

#DoctorInformation #ContactMenu {
    padding: 30px 20px
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Landline a {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 20px;
    background: url("../images/phone.svg") no-repeat;
    padding-left: 45px;
    font-weight: 300;
    overflow-wrap: break-word
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Landline {
    margin-bottom: 20px;
    overflow-wrap: break-word
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Website {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 20px;
    background: url("../images/monitor.svg") no-repeat;
    padding-left: 45px;
    overflow-wrap: break-word;
    text-decoration: underline
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Telephone {
    background: url("../images/smartphone_1.svg") no-repeat;
    margin-bottom: 20px;
    overflow-wrap: break-word;
    font-size: 16px
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Email {
    font-family: "Open Sans";
    line-height: 22px;
    color: #fff;
    margin-bottom: 20px;
    background: url("../images/mail.svg") 0 1px no-repeat;
    padding-left: 45px;
    overflow-wrap: break-word
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Email a {
    color: #fff;
    font-weight: 300;
    font-size: 16px
}

div#DoctorInformation .ContactInfoBlock .RightBlock .Email a:hover,
div#DoctorInformation .ContactInfoBlock .RightBlock .Landline a:hover,
div#DoctorInformation .ContactInfoBlock .RightBlock .Telephone a:hover,
div#DoctorInformation .ContactInfoBlock .RightBlock .Website:hover {
    color: #e4d7cc
}

div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
    left: 0;
    bottom: 30px;
    width: 90%;
    margin-left: 33px;
    display: block !important
}

div#doctorSliderNav .dots {
    bottom: 30px !important
}

@media(max-width:1400px) {

    #Availability,
    #Contact {
        min-width: 260px
    }
}

@media(max-width:1300px) {

    #Availability,
    #Contact {
        min-width: 200px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 90% !important
    }
}

@media(max-width:1100px) {

    #Availability,
    #Contact {
        min-width: 180px;
        margin: 5px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 89% !important
    }
}

@media(max-width:61.95em) {
    div#DoctorInformation {
        display: block
    }

    div#DoctorInformation .ContactInfoBlock {
        width: 100%;
        margin-left: 0
    }

    #Availability,
    #Contact {
        min-width: 200px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        width: 93% !important
    }
}

@media (max-width:768px) {
    .doctor-appoint-news-container {
        padding-top: 60px
    }

    .DocumentListLabel {
        max-width: 80% !important
    }

    .BannerWrapper {
        padding-bottom: 20%
    }

    .BannerWrapper .overlay {
        top: 45%
    }

    .BannerWrapper .words {
        top: 50% !important
    }

    .SearchBannerWrapper .words .big-heading {
        font-size: 60px
    }

    .SearchBannerWrapper .words .highlighted-you-underlined {
        padding-bottom: 78px
    }

    .SmartSearch .SeeAllLink,
    .health-care-information-container,
    .ipadtextblock .btn {
        display: block
    }

    .ipadtextblock .btn-primary {
        margin-right: 0
    }

    .space-above-footer {
        padding-top: 30px
    }

    div#DoctorInformation .ContactInfoBlock .RightBlock {
        border-radius: 10px
    }

    div#DoctorInformation .ContactInfoBlock .BookAppointmedBtn {
        position: absolute;
        width: 90% !important;
        margin-right: auto;
        margin-left: auto
    }

    div#doctorSliderNav {
        display: block;
        margin-top: 30px;
        margin-bottom: 20px
    }

    #doctorSlider.slick-dotted.slick-slider {
        margin-bottom: 45px
    }

    #DoctorInformation #doctorSliderNav .next-arrow.slick-arrow,
    #DoctorInformation #doctorSliderNav .prev-arrow.slick-arrow {
        background: 0 0
    }

    div#DoctorInformation .ContactInfoBlock {
        height: 630px
    }

    div#DoctorInformation .RightBlock .nav.nav-tabs {
        width: 100%
    }

    #Availability,
    #Contact {
        min-width: 270px
    }

    div#DoctorInformation .DateTimeHeading .row .col-md-6 {
        width: 50%
    }

    #DoctorInformation #ContactMenu {
        margin-top: 20px
    }
}

@media (max-width:650px) {

    #Availability,
    #Contact {
        min-width: 245px
    }
}

@media (max-width:600px) {

    #DoctorInformation #doctorSliderNav .next-arrow.slick-arrow,
    #DoctorInformation #doctorSliderNav .prev-arrow.slick-arrow {
        background: 0 0
    }

    div#DoctorInformation .nav.nav-tabs {
        padding-bottom: 0 !important
    }

    #Availability,
    #Contact {
        min-width: 205px;
        font-weight: 300
    }

    div#DoctorInformation .ContactInfoBlock .RightBlock {
        padding: 30px 20px;
        min-height: -webkit-fill-available;
        height: auto
    }

    #doctorSlider .DateTimeHeading p,
    #doctorSlider .HospName {
        font-size: 14px
    }

    div#BigSliderNav .dots {
        bottom: 30px !important
    }

    .RightBlock .HeadingWrapper.nav.nav-tabs {
        margin: 0
    }

    #DoctorInformation #ContactMenu {
        padding: 30px 5px;
        margin-top: 15px
    }

    #doctorSlider .NoDateTimeHeading {
        margin-top: -15px
    }

    #doctorSlider .NoDateTimeHeading p {
        padding-top: 15px
    }

    #doctorSlider,
    #doctorSlider .BigSlide {
        height: auto
    }

    div#DoctorInformation .DateTimeHeading .row .col-md-6 {
        width: 100%
    }

    div#BigSliderNav {
        height: 80px
    }

    div#DoctorInformation {
        margin-bottom: 40%
    }

    div#DoctorInformation .ContactInfoBlock #ContactMenu {
        height: 100%
    }

    #AppointmedForm.IndividualDoctors>.content>.body .confirmationMsg h2 {
        margin-bottom: 40px;
        font-family: 'Open Sans Bold';
        font-size: 35px;
        line-height: 114%;
        text-align: center;
        letter-spacing: -.03em;
        color: #fff
    }

    #AppointmedForm.IndividualDoctors>.content>.body .confirmationMsg p {
        margin-bottom: 40px !important;
        font-family: 'Open Sans Light';
        font-size: 20px !important;
        line-height: 114%
    }

    #AppointmedForm.IndividualDoctors>.content>.body .confirmationMsg p.medical-assistance {
        margin-bottom: 40px !important;
        font-family: 'Open Sans Bold';
        font-size: 20px !important
    }
}

.bio-experience-heading-icon {
    background: url("../images/specialist.svg") center no-repeat !important;
    padding: 25px 25px 25px 20px;
    margin-right: 10px
}

.doctor-bio-experience-heading {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #1d3443;
    padding-bottom: 15px
}

.doctor-bio-experience-institute {
    font-family: 'Open Sans Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #80898f;
    padding-bottom: 15px
}

.doctor-bio-experience-list {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #1d3443;
    padding-bottom: 8px
}

.TopHeader {
    background: #f8f6f4;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px 0 40px
}

.TopHeader .top-header-links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 100%
}

.TopHeader .top-header-links a {
    color: #7f6f64;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 167%;
    padding-left: 10px;
    padding-right: 40px;
    margin-right: 30px
}

.TopHeader .top-header-links a.emergency-services {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    letter-spacing: -.42px;
    color: #1d3443;
    height: 35px;
    min-width: 200px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0
}

.TopHeader .top-header-links a.emergency-services .es-fullword {
    display: block;
    padding-left: 10px;
    color: #1d3443
}

.TopHeader .top-header-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    width: 100%
}

.searchBoxHeader {
    width: 70vw;
    height: 48px;
    display: flex;
    align-items: center
}

.TopHeader .top-header-buttons a.search-button {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 143%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    letter-spacing: -.03em;
    color: #1d3443;
    height: 35px;
    position: absolute;
    right: 0;
    z-index: 999
}

.TopHeader .top-header-buttons .login-button img,
.TopHeader .top-header-buttons a.search-button div.container img.search-netcare {
    margin-right: 14px
}

.TopHeader .top-header-buttons a.search-button div.container .search-netcare-text {
    padding-top: 6px;
    padding-right: 15px;
    height: 35px
}

.TopHeader .top-header-buttons a.search-button div.container .search-netcare-text.searchbar {
    font-family: 'Open Sans';
    color: #bec2c6;
    font-weight: 400
}

.TopHeader .top-header-buttons a.search-button div.container .search-netcare-small-text {
    font-family: 'Open Sans';
    color: #bec2c6;
    font-weight: 400;
    display: none
}

.TopHeader .top-header-buttons a.search-button div.container .search-netcare-text-none {
    padding-top: 6px;
    height: 35px;
    display: none
}

.TopHeader .top-header-buttons a.search-button img.search-netcare-icon-close {
    display: none;
    padding-right: 30px
}

.TopHeader .top-header-buttons .login-button {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-right: 0;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.03em;
    color: #1d3443;
    min-width: 240px
}

.TopHeader .top-header-buttons .login-button .menu-vertical {
    padding-left: 14px;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0
}

.TopHeader .top-header-buttons .login-button .login-button-profile-pic {
    border-radius: 50%;
    overflow: hidden;
    margin: 2px;
    background-size: contain;
    width: 34px;
    height: 34px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1.5px solid #3da9d1
}

.TopHeader .top-header-buttons .login-button .login-button-profile-pic .loggedin-profilepic {
    width: 28px;
    height: auto;
    border-radius: 50%;
    margin-right: 0
}

.TopHeader .top-header-buttons .login-button:before {
    height: 35px;
    content: '';
    background: #bec2c6;
    width: 1px;
    opacity: .4;
    margin-right: 30px
}

.TopHeader.subSite {
    background: 0 0;
    padding-left: 30px
}

.subsiteHeader::before,
.subsiteHeaderNetcare::before {
    content: "";
    background-color: #bec2c6;
    position: absolute;
    width: 1px
}

.TopHeader.subSite .top-header-links a.reverseArrow {
    margin-left: -35px;
    transform: scale(.8);
    margin-right: -20px;
    background: url("../images/left-full_blue.svg") left no-repeat
}

.TopHeader.subSite .top-header-links a.reverseArrow:hover {
    background: url("../images/left-long-blue.svg") left no-repeat
}

.TopHeader.subSite .top-header-links a.reverseArrow img {
    margin-left: 30px;
    width: 75px
}

@media (max-width:859px) {
    .TopHeader {
        padding: 0 20px
    }

    .TopHeader .top-header-buttons .login-button {
        min-width: auto
    }

    .TopHeader .top-header-buttons .login-button .login-button-text,
    .TopHeader .top-header-buttons a.search-button div.container .search-netcare-text,
    .TopHeader .top-header-buttons a.search-button div.container .search-netcare-text.searchbar,
    .TopHeader .top-header-links a.emergency-services .es-fullword {
        display: none
    }

    .TopHeader .top-header-buttons .login-button .login-button-text-xs,
    .TopHeader .top-header-buttons a.search-button div.container .search-netcare-small-text.searchbar,
    .TopHeader .top-header-links a.emergency-services .es-sos {
        display: block
    }

    .TopHeader .top-header-buttons .login-button:before {
        margin-right: 15px;
        opacity: 1
    }

    .TopHeader .top-header-buttons .login-button img,
    .TopHeader .top-header-buttons a.search-button div.container img.search-netcare {
        margin-right: 0
    }

    .SearchResults .suggestion-text-new {
        font-size: 14px
    }

    .TopHeader .top-header-buttons a.search-button img.search-netcare-icon-close {
        padding-right: 15px
    }

    .TopHeader .top-header-links a.emergency-services {
        min-width: auto;
        padding-left: 0
    }

    .TopHeader .top-header-buttons .login-button .menu-vertical {
        padding-left: 5px
    }

    .search-progress {
        position: fixed;
        top: 48px
    }

    .autocomplete-box {
        position: fixed;
        top: 50px;
        left: 0;
        width: 100%
    }

    .search-input.active .autocomplete-box {
        border-radius: 5px;
        padding: 20px;
        background: #f5f5f5
    }
}

.subsiteHeader::before {
    height: 20px;
    margin-left: -8px
}

.subsiteHeader h4 {
    font-weight: 300;
    margin-left: 5px;
    font-size: 25px;
    line-height: 20px;
    font-family: Montserrat;
    text-transform: lowercase;
    letter-spacing: -.07em
}

.subsiteHeaderNetcare::before {
    height: 30px;
    top: 25px
}

#emergencyModal.modal {
    background-color: rgba(0, 0, 0, .4)
}

#emergencyModal .modal-dialog {
    max-width: 374px
}

#emergencyModal .modal-dialog .modal-content {
    border-radius: 5px;
    background-color: #f7f7f7
}

#emergencyModal .modal-dialog .modal-content .modal-header .close {
    opacity: 1;
    padding: 5px 5px 1rem 1rem;
    min-width: auto
}

#emergencyModal .modal-dialog .modal-content .modal-body {
    padding: 2px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-header {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 133%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -.03em;
    color: #1d3443;
    margin: 0;
    justify-content: center;
    padding-bottom: 20px
}

#emergencyModal .modal-dialog .modal-content .modal-body img.emergency-modal-header {
    display: block;
    margin: auto
}

#emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 50% 50% 5px 5px/10% 10% 5px 5px;
    background-color: #fff
}

#emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content .emergency-links-container,
#emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content .emergency-links-container a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content .emergency-links-container .es-desktop {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e8e9ea;
    width: 80%
}

#loginMenuModal .modal-dialog {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 350px;
    border-radius: 5px
}

#loginMenuModal .modal-dialog .modal-content {
    border-radius: 5px
}

#loginMenuModal .modal-dialog .modal-body {
    padding: 30px;
    border-radius: 5px
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .user-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .user-details .login-modal-profile-pic {
    border-radius: 50%;
    overflow: hidden;
    margin: 2px 2px 12px;
    background-size: contain;
    width: 74px;
    height: 74px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1.5px solid #3da9d1
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .user-details .login-modal-profile-pic .loggedin-profilepic {
    width: 64px;
    height: auto;
    border-radius: 50%
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .user-details span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #80898f
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links-mobile {
    display: none;
    flex-direction: column;
    align-items: stretch;
    border-top: 1px solid #e8e9ea;
    border-bottom: 1px solid #e8e9ea;
    padding: 30px 0
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links-mobile .icon-link-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links-mobile .icon-container {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 58px;
    width: 58px;
    background: #f7f7f7;
    border-radius: 3px;
    margin-right: 15px
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links-mobile .icon-container img {
    height: 28px;
    width: 28px
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links-mobile .icon-container .icon-link-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    display: flex;
    align-items: center;
    letter-spacing: -.03em;
    color: #1d3443
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    height: 60px;
    background: #f7f7f7;
    border-radius: 5px
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links a {
    border-right: 1px solid #bec2c6;
    padding: 0 15px;
    opacity: .5
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links img {
    height: 24px;
    width: 24px;
    margin: 8px
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-hovertext {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 40px;
    border-bottom: 1px solid #e8e9ea;
    color: #80898f
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .text-links {
    padding-top: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e8e9ea
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .text-links a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 143%;
    display: flex;
    align-items: center;
    letter-spacing: -.03em;
    color: #1d3443
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .logout-links,
#mega-menu.mega-menu-desktop .top-level .link-text {
    font-family: Open Sans;
    align-items: center;
    color: #1d3443;
    display: flex;
    line-height: 143%;
    letter-spacing: -.03em;
    font-size: 14px;
    font-weight: 600;
    font-style: normal
}

#loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .logout-links {
    padding-top: 25px;
    cursor: pointer
}

#modal-placeholder .modal-backdrop,
#modal-placeholder .modal-backdrop.fade,
#modal-placeholder .modal-backdrop.show,
.fade-enter,
.fade-leave-to {
    opacity: 0
}

.TopHeader a>span.TM {
    font-size: 8px;
    vertical-align: top;
    line-height: 10px
}

.loginmenu-modal-content a>span.TM {
    font-size: 8px;
    vertical-align: top;
    margin-top: -4px;
    margin-left: 1px
}

#mega-menu-container .link-item span.TM,
#mega-menu-container .menu-sublink span.TM {
    font-size: 8px;
    vertical-align: top;
    line-height: 10px;
    margin-top: -4px;
    margin-left: 1px
}

#mega-menu.mega-menu-desktop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 30px;
    position: fixed;
    width: 100%;
    height: 90px;
    background: #fff;
    box-shadow: 0 3px 20px rgba(30, 53, 68, .12);
    z-index: 2
}

#mega-menu.mega-menu-desktop .top-level {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 30px;
    width: auto;
    flex-grow: 1
}

#mega-menu.mega-menu-desktop .top-level-no-padding {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    width: auto;
    flex-grow: 1
}

#mega-menu.mega-menu-desktop .top-level .link-item,
#mega-menu.mega-menu-desktop .top-level-no-padding .link-item {
    cursor: pointer;
    border-bottom: 1.5px solid transparent;
    margin-right: 30px
}

#mega-menu.mega-menu-desktop .top-level .link-item.has-items:hover {
    background: url("../images/arrow-down-gold.svg") right center no-repeat
}

#mega-menu.mega-menu-desktop .top-level .link-item.has-items.menu-active {
    background: url("../images/arrow-up-gold.svg") right center no-repeat
}

#mega-menu.mega-menu-desktop .top-level .link-item.has-items {
    background: url("../images/arrow-down-blue.svg") right center no-repeat;
    padding-right: 25px
}

#mega-menu.mega-menu-desktop .top-level .link-item.active-page .link-text:after,
#mega-menu.mega-menu-desktop .top-level .link-item.item-underline .link-text:after {
    content: '';
    width: 100%;
    height: 1.8px;
    background: #7f6f64;
    display: block;
    position: absolute;
    bottom: -10px
}

#mega-menu.mega-menu-desktop a.btn {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
    max-width: 254px;
    height: 56px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#mega-menu.mega-menu-desktop .subSite .link-item.has-items {
    background: url("../images/BlueArrowDown.svg") right center no-repeat;
    padding-right: 25px
}

#mega-menu.mega-menu-desktop .subSite .link-item.has-items.menu-active {
    background: url("../images/BlueArrowUp.svg") right center no-repeat;
    padding-top: 10px
}

#mega-menu .btn-primary {
    text-align: center;
    border-radius: 10px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.48px
}

#mega-menu .btn-primary:hover {
    background: #3da9d1 !important;
    color: #1d3443 !important
}

#mega-menu.mega-menu-mobile {
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    position: fixed;
    width: 100%;
    height: 60px;
    background: #fff;
    box-shadow: none;
    z-index: 2
}

#mega-menu.mega-menu-mobile a.mega-menu-logo img {
    width: 47px
}

#mega-menu.mega-menu-mobile .mega-menu-mobile-button {
    background: url("../images/menu.svg") center center;
    width: 24px;
    height: 24px;
    cursor: pointer
}

#mega-menu.mega-menu-mobile .mega-menu-mobile-button-close {
    background: url("../images/modal-exit.svg") center center;
    width: 24px;
    height: 24px;
    cursor: pointer
}

#mega-menu.mega-menu-mobile .top-level {
    position: fixed;
    top: 110px;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: calc(100% - 110px);
    flex-grow: 1;
    padding: 20px;
    background: linear-gradient(360deg, rgba(247, 247, 247, 0) 95.37%, rgba(29, 52, 67, .08) 101.3%), #f7f7f7;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .06)
}

#mega-menu.mega-menu-mobile .top-level .mobile-text-links {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    flex-grow: 1
}

#mega-menu.mega-menu-mobile .top-level .mobile-text-links .top-header-links {
    width: 100%;
    border-bottom: 1px solid #e8e9ea;
    margin-top: 2px;
    padding-bottom: 17px
}

#mega-menu.mega-menu-mobile .top-level .mobile-text-links .top-header-links .top-header-link-item {
    margin-top: 2px;
    padding-bottom: 17px
}

#mega-menu.mega-menu-mobile .top-level .mobile-text-links .top-header-links .top-header-link-item div {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 143%;
    display: flex;
    align-items: center;
    letter-spacing: -.03em;
    color: #7f6f64;
    background: url("../images/right-full-sml.svg") right center/34px no-repeat
}

#mega-menu.mega-menu-mobile .top-level a.btn {
    flex-grow: 0;
    width: 100%
}

#mega-menu.mega-menu-mobile .top-level .link-item {
    cursor: pointer;
    border-bottom: 1px solid #e8e9ea;
    width: 100%;
    margin-top: 15px;
    padding-bottom: 20px
}

#mega-menu.mega-menu-mobile .top-level .link-item .link-text,
#mega-menu.mega-menu-mobile .top-level .link-item.has-items .link-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: -.03em;
    color: #1d3443;
    background: url("../images/ThinRightArrowBlue.svg") right center no-repeat;
    margin-right: 12px
}

#mega-menu.mega-menu-mobile .top-level .mobile-text-links .menu-back-link {
    width: 100%;
    border-bottom: 1px solid #e8e9ea
}

#mega-menu.mega-menu-mobile .top-level .mobile-text-links .menu-back-link .menu-back-link-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-bottom: 20px
}

#mega-menu.mega-menu-mobile .top-level .mobile-text-links .menu-back-link .menu-back-link-item div {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: -.03em;
    color: #1d3443;
    cursor: pointer
}

#mega-menu.mega-menu-mobile .top-level .mobile-text-links .menu-back-link .menu-back-link-item img {
    transform: rotate(180deg);
    width: 24px;
    height: 24px;
    margin-right: 10px
}

#mega-menu.mega-menu-desktop .top-level .link-item#NetcarePlusForBusiness {
    margin-left: 45px
}

#mega-menu.mega-menu-desktop .top-level .link-item#NetcarePlusForBusiness .link-text {
    color: #388ea2
}

#mega-menu.mega-menu-desktop .top-level .link-item#NetcarePlusForBusiness.active-page .link-text:after {
    background: #388ea2
}

#mega-menu.mega-menu-desktop .top-level .link-item#NetcarePlusForBusiness .link-text:before {
    content: '';
    width: 1px;
    height: 35px;
    background: #bec2c6;
    display: block;
    position: absolute;
    bottom: -7px;
    left: -35px;
    opacity: .4
}

#mega-menu.mega-menu-mobile .top-level .link-item#NetcarePlusForBusiness {
    border-bottom-color: #388ea2
}

#mega-menu.mega-menu-mobile .top-level .link-item#NetcarePlusForBusiness .link-text {
    background: 0 0;
    color: #388ea2
}

#mega-menu-container .mega-menu-flyout-desktop {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 539px;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 140px;
    z-index: 1;
    background: #f7f7f7;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .06)
}

#mega-menu-container .mega-menu-flyout-desktop .menu-sublinks {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 60px 115px 0 126px;
    width: 80%;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    background: #fff
}

#mega-menu-container .mega-menu-flyout-desktop .menu-sublinks.subsite-flyout {
    padding: 60px 115px 0 170px
}

#mega-menu-container .mega-menu-flyout-desktop .menu-sublinks::-webkit-scrollbar {
    width: 8px
}

#mega-menu-container .mega-menu-flyout-desktop .menu-sublinks::-webkit-scrollbar-thumb {
    background: #bec2c6;
    border: 2px solid #fff
}

#mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink {
    border-bottom: 1px solid #e8e9ea;
    padding-bottom: 15px;
    padding-top: 15px
}

#mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink h6 {
    background: url("../images/right-simple-mm-blue.svg") right center/15px no-repeat
}

#mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink h6:hover {
    background: url("../images/right-simple-mm-gold.svg") right center/15px no-repeat;
    color: #7f6f64;
    padding-right: 40px;
    transition: none;
    cursor: pointer
}

#mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink h6 a:hover,
#mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink h6:hover a {
    color: #7f6f64;
    cursor: pointer
}

#mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink h6,
#mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink h6 a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 1px
}

#mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink .sublink-description {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    display: flex;
    align-items: center;
    color: #1d3443
}

#mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
    margin-left: 50px
}

#mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-back-arrow {
    background: url("../images/ThinLeftArrowBlue.svg") left no-repeat;
    width: 20px;
    height: 20px;
    margin-top: -1px;
    margin-left: -50px
}

#mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-back-arrow:hover {
    background: url("../images/ThinLeftArrowGold.svg") left no-repeat;
    cursor: pointer
}

#mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-title {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: .15em;
    color: #1d3443;
    margin-left: 30px
}

#mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-view-all {
    background: url("../images/right-full_gold.svg") right no-repeat;
    margin-left: auto;
    padding-right: 40px
}

#mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-view-all a {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -.03em;
    color: #7f6f64
}

#mega-menu-container .mega-menu-flyout-desktop.subflyout .sub-flyout-view-all:hover {
    background: url("../images/right-long-blue.svg") right no-repeat;
    color: #1d3443;
    cursor: pointer
}

#mega-menu-container .mega-menu-flyout-desktop .menu-banner,
#mega-menu-container .mega-menu-mobile .menu-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    width: 602px;
    position: relative;
    height: 100%;
    flex-shrink: 0
}

#mega-menu-container .mega-menu-flyout-desktop .menu-banner img,
#mega-menu-container .mega-menu-mobile .menu-banner img {
    width: 100%;
    object-fit: cover;
    max-height: 600px;
    height: 100%
}

#mega-menu-container .mega-menu-flyout-desktop .menu-banner .menu-banner-copy,
#mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy {
    position: absolute;
    width: 55%;
    margin-left: 60px
}

#mega-menu-container .mega-menu-flyout-desktop .menu-banner h6,
#mega-menu-container .mega-menu-mobile .menu-banner h6 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .15em;
    color: #1d3443
}

#mega-menu-container .mega-menu-flyout-desktop .menu-banner .menu-banner-bigheading,
#mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-bigheading {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 111%;
    letter-spacing: -.03em;
    color: #1d3443;
    margin-bottom: 20px
}

#mega-menu-container .mega-menu-flyout-desktop .menu-banner .menu-banner-descripton,
#mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-descripton {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    display: flex;
    align-items: center;
    color: #1d3443;
    margin-bottom: 30px
}

#mega-menu-container .mega-menu-flyout-desktop .MenuOverlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    background: url("../images/FrostedGlass.png") left top #152734 !important;
    opacity: .4;
    z-index: -1
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

#mega-menu-container .menu-back-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-items: center;
    align-items: center
}

#mega-menu-container .menu-back-item:hover .sub-flyout-back-arrow {
    background: url("../images/ThinLeftArrowGold.svg") left no-repeat
}

@media (max-width:1300px) {

    #mega-menu-container .mega-menu-flyout-desktop .menu-banner .menu-banner-bigheading,
    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-bigheading {
        font-size: 35px;
        margin-bottom: 20px
    }
}

@media (max-width:1200px) {

    #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks .menu-sublink .sublink-description,
    .subsiteHeaderNetcare img {
        display: none
    }

    #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks.subsite-flyout {
        padding: 60px 60px 0
    }
}

@media (max-width:1160px) {
    #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks {
        padding: 60px 60px 0
    }

    #mega-menu-container .menubar-button {
        font-size: 14px;
        min-width: 150px
    }

    #mega-menu.mega-menu-desktop .top-level {
        padding-left: 20px;
        padding-right: 0
    }
}

@media (max-width:1024px) {
    #mega-menu-container .mega-menu-flyout-desktop .menu-sublinks {
        padding: 60px 30px 0
    }

    #mega-menu.mega-menu-desktop .top-level .link-item,
    #mega-menu.mega-menu-desktop .top-level-no-padding .link-item {
        margin-right: 20px
    }
}

@media (max-width:61.95em),
(max-width:991px) {

    #mega-menu.mega-menu-desktop,
    .TopHeader .top-header-buttons a.emergency-services .es-fullword {
        display: none
    }

    .TopHeader .top-header-buttons a.emergency-services .es-sos {
        display: block
    }

    .subsiteHeader,
    .subsiteHeaderNetcare {
        margin-right: auto;
        margin-left: 25px
    }

    .subsiteHeader h4 {
        font-size: 16px;
        margin-bottom: 0
    }

    .subsiteHeaderNetcare img {
        margin-right: auto;
        margin-left: 0 !important;
        width: 130px !important;
        display: block
    }

    .subsiteHeaderNetcare::before {
        content: "";
        height: 30px;
        width: 1px;
        background-color: #bec2c6;
        position: absolute;
        margin-left: -8px;
        top: 15px
    }

    #mega-menu.mega-menu-mobile .subsiteHeaderNetcare.link-item.has-items {
        background: url("../images/BlueArrowDown.svg") right center no-repeat;
        padding-right: 15px
    }

    #mega-menu.mega-menu-mobile .subsiteHeaderNetcare.link-item.has-items.menu-active {
        background: url("../images/BlueArrowUp.svg") right center no-repeat
    }

    #mega-menu.mega-menu-mobile {
        display: flex
    }

    .TopHeader.subSite .top-header-links a.reverseArrow {
        margin-right: -50px
    }

    #mega-menu-container .mega-menu-mobile .top-level {
        padding: 0;
        overflow-y: scroll
    }

    #mega-menu-container .mega-menu-mobile .top-level a.top-level-button {
        margin-bottom: 10px;
        width: 90%;
        display: flex;
        justify-content: center;
        border-color: transparent;
        align-items: center
    }

    #mega-menu-container .mega-menu-mobile .mobile-text-links {
        padding: 20px
    }

    #mega-menu-container .mega-menu-mobile .menu-banner {
        width: 100%;
        height: auto
    }

    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy {
        margin-left: 40px;
        width: 68%
    }

    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy h6 {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: .15em
    }

    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy .menu-banner-bigheading {
        font-family: 'Open Sans Light';
        font-style: normal;
        font-weight: 300;
        font-size: 45px;
        line-height: 111%;
        letter-spacing: -.03em;
        margin-bottom: 20px
    }

    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy a.mega-menu-banner-button {
        background: #1d3443;
        border-radius: 3px;
        padding: 18px 36px;
        height: 56px;
        width: max-content;
        white-space: nowrap
    }

    #emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content .emergency-modal-header {
        margin-top: 40px;
        margin-bottom: 25px
    }

    #mega-menu-container .mega-menu-flyout-desktop .menu-banner img,
    #mega-menu-container .mega-menu-mobile .menu-banner img {
        height: auto
    }
}

@media (max-width:767px) {

    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-hovertext,
    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links,
    .TopHeader .SACorononaLink {
        display: none
    }

    .TopHeader .Covid19Link {
        padding-left: 0 !important
    }

    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links-mobile {
        display: flex
    }
}

@media (max-width:576px) {
    .modal-dialog {
        margin: 0 auto
    }
}

@media (max-width:570px) {
    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy h6 {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: .15em
    }

    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy .menu-banner-bigheading {
        font-family: 'Open Sans Light';
        font-style: normal;
        font-weight: 300;
        font-size: 35px;
        line-height: 111%;
        letter-spacing: -.03em;
        margin-bottom: 20px
    }
}

@media (max-width:460px) {

    footer .dividerLine,
    footer .footerbottom,
    footer .footermiddle,
    footer .footertop {
        margin-left: 20px;
        margin-right: 20px
    }

    footer .netcareplus-ribbon-bottom {
        padding: 0 20px
    }

    #AppointmedForm.IndividualDoctors #ConsultationTypeRadioButtons .radio-toolbar label {
        min-width: 44% !important
    }

    #Availability,
    #Contact {
        min-width: 150px
    }

    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy .menu-banner-bigheading {
        font-size: 30px;
        margin-bottom: 20px
    }
}

@media (max-width:430px) {
    .TopHeader .top-header-buttons {
        justify-content: space-between
    }

    .TopHeader .top-header-buttons a.emergency-services .es-sos {
        width: 34px;
        height: 34px
    }

    .TopHeader .top-header-buttons a.emergency-services .es-sos .es-sos-text {
        display: none
    }
}

@media (max-width:415px) {
    #mega-menu-container .mega-menu-mobile .menu-banner {
        width: 100%;
        height: auto;
        max-height: 50%
    }

    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy {
        margin-left: 20px;
        width: 251px
    }

    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy h6 {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        line-height: 15px;
        display: flex;
        align-items: center;
        letter-spacing: .15em;
        color: #1d3443
    }

    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy .menu-banner-bigheading {
        font-family: 'Open Sans Light';
        font-style: normal;
        font-weight: 300;
        font-size: 24px;
        line-height: 125%;
        display: flex;
        align-items: center;
        letter-spacing: -.03em;
        color: #1d3443;
        margin-bottom: 20px
    }

    #emergencyModal .modal-dialog .modal-content .modal-header .close img.exit-outline,
    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy .menu-banner-descripton {
        display: none
    }

    #mega-menu-container .mega-menu-mobile .menu-banner .menu-banner-copy a.mega-menu-banner-button {
        background: #1d3443;
        border-radius: 3px;
        padding: 18px 36px;
        height: 56px;
        width: fit-content;
        white-space: nowrap
    }

    #emergencyModal .modal-dialog {
        max-width: none;
        height: 100%;
        align-items: flex-start
    }

    #emergencyModal .modal-dialog .modal-content {
        height: calc(100% - 10px);
        margin-top: -20px
    }

    #emergencyModal .modal-dialog .modal-content .modal-header .close {
        margin: 1rem 0 -4rem auto;
        padding: 11.25px 11.25px 0 0;
        z-index: 999
    }

    #emergencyModal .modal-dialog .modal-content .modal-header .close img.exit {
        display: block
    }

    #emergencyModal .modal-dialog .modal-content .modal-body {
        height: 100%;
        padding-top: 40px
    }

    #emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content {
        height: 100%;
        justify-content: flex-start;
        border-top-left-radius: 50% 5%;
        border-top-right-radius: 50% 5%
    }

    #emergencyModal .modal-dialog .modal-content .modal-body .emergency-modal-content .emergency-links-container {
        margin-top: 10px
    }

    #loginMenuModal .modal-dialog {
        margin: 0;
        position: absolute;
        right: 0;
        top: 50px;
        width: 100%;
        height: calc(100% - 50px);
        border-radius: 0
    }

    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links {
        justify-content: space-evenly
    }

    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links a {
        padding: 0 10px 0 0
    }

    #loginMenuModal .modal-dialog .modal-body .loginmenu-modal-content .icon-links a:last-child {
        padding: 0
    }

    #loginMenuModal .modal-dialog .modal-content {
        height: 100%
    }
}

.MobileAppBanner {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.MobileAppHomeBanner.MobileAppBanner {
    background: url("../images/NetcareAppHomeDesktop.jpg") bottom/contain no-repeat;
    margin-top: 85px;
    position: relative
}

.MobileAppBanner .content {
    padding-left: 81px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 60%;
    height: 100%;
    margin-top: 100px
}

.MobileAppBanner .content h3 {
    color: #fff;
    font-family: 'Open Sans Light';
    font-size: 40px;
    line-height: 125%;
    width: 65%;
    margin-bottom: 40px;
    margin-top: 0
}

.MobileAppBanner .content .text>p {
    margin-bottom: 40px;
    color: #bec2c6
}

.MobileAppBanner .content .slogan {
    color: #3da9d1;
    font-size: 24px;
    line-height: 18px;
    margin-bottom: 40px
}

.MobileAppBanner .linksWrapper {
    background: #fff;
    display: flex;
    width: 100%;
    height: 78px;
    align-items: center;
    justify-content: flex-start;
    padding: 0 40px;
    border-radius: 5px 0 0 5px
}

.MobileAppBanner .imageWrapper>img {
    max-width: 100%;
    width: 100%
}

.MobileAppBanner .linksWrapper p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 140%;
    color: #1d3443;
    font-family: 'Open Sans';
    font-weight: 700;
    margin-right: 20px
}

.MobileAppBanner .linksWrapper .mobileAppLinks img.appLogo {
    margin-right: 15px;
    height: 34px
}

.MobileAppSPBanner.MobileAppBanner {
    background: url("../images/sp_NetcareAppDesktop.png") bottom/cover no-repeat;
    position: relative
}

.MobileAppSPBanner .linksWrapper {
    border-radius: 5px;
    height: 132.22px;
    display: block;
    width: auto;
    padding: 0 15px
}

.MobileAppSPBanner .content {
    margin-top: 0;
    width: 50%
}

.MobileAppSPBanner .content h3 {
    font-size: 60px;
    line-height: 120%
}

.MobileAppSPBanner .content p {
    font-size: 18px;
    line-height: 130%;
    margin-top: 20px
}

.MobileAppSPBanner .linksWrapper p {
    font-size: 16px;
    line-height: 140%
}

.MobileAppSPBanner .imageWrapper {
    margin-left: 8%;
    padding-top: 80px
}

@media (max-width:1480px) {
    .MobileAppSPBanner .MobileAppBanner {
        padding-right: 15%
    }

    .MobileAppSPBanner .content {
        padding-bottom: 20px;
        margin-right: 10px;
        padding-left: 0
    }

    .MobileAppSPBanner .content h3 {
        font-size: 44px
    }

    .MobileAppSPBanner .content .text>p {
        width: 90%
    }

    .MobileAppSPBanner .content .slogan {
        font-size: 26px
    }

    .MobileAppSPBanner .linksWrapper {
        border-radius: 5px;
        height: 122.22px;
        display: block;
        padding: 0 15px
    }

    .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
        margin-right: 10px;
        height: 40px
    }

    .MobileAppSPBanner .imageWrapper {
        margin-left: 4%
    }
}

@media (max-width:1200px) {
    .MobileAppBanner .content {
        margin-top: 130px
    }

    .MobileAppBanner .content h3 {
        width: 90%;
        font-size: 32px
    }

    .MobileAppBanner .content .text>p {
        margin-bottom: 20px;
        width: 90%
    }

    .MobileAppBanner .content .slogan,
    .MobileAppBanner .content h3,
    .MobileAppSPBanner .content .text>p {
        margin-bottom: 30px
    }

    .MobileAppBanner .linksWrapper {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0 20px
    }

    .MobileAppBanner .linksWrapper p {
        margin-bottom: 10px
    }

    .MobileAppSPBanner .content .slogan {
        font-size: 24px
    }
}

@media (max-width:61.95em),
(max-width:991px) {

    .MobileAppHomeBanner.MobileAppBanner,
    .MobileAppSPBanner.MobileAppBanner {
        background: url("../images/NetcareAppHomeMobile.png") bottom/cover no-repeat;
        position: relative;
        margin-top: 0;
        flex-direction: column-reverse;
        justify-content: inherit;
        align-items: center
    }

    .MobileAppHomeBanner.MobileAppBanner,
    .MobileAppSPBanner .linksWrapper p {
        border-radius: 5px
    }

    .MobileAppBanner .content {
        margin: 40px 0 30px;
        text-align: center;
        width: 100%;
        align-items: center;
        position: relative;
        padding-left: 0
    }

    .MobileAppBanner .content .text {
        padding: 0 30px;
        width: 100%
    }

    .MobileAppBanner .content h3 {
        font-size: 30px;
        line-height: 140%;
        width: 100%
    }

    .MobileAppBanner .content .text>p {
        font-size: 14px;
        line-height: 130%;
        width: 100%
    }

    .MobileAppBanner .content .slogan {
        font-size: 20px;
        margin-bottom: 30px
    }

    .MobileAppBanner .imageWrapper {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .MobileAppBanner .imageWrapper>img {
        width: 76%;
        margin-left: -25px
    }

    .MobileAppBanner .linksWrapper {
        background: 0 0;
        padding: 0 0 0 30px;
        align-items: center;
        height: auto
    }

    .MobileAppBanner .linksWrapper p {
        display: flex;
        background: #fff;
        width: 100%;
        justify-content: center;
        height: 48px;
        border-radius: 5px 0 0 5px;
        align-items: center;
        margin-bottom: 30px;
        margin-right: 0;
        font-size: 14px
    }

    .MobileAppBanner .linksWrapper .mobileAppLinks {
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin-left: -30px;
        width: 100%
    }

    .MobileAppBanner .linksWrapper .mobileAppLinks img.appLogo {
        margin-bottom: 15px;
        height: auto;
        margin-right: 0;
        width: 140px
    }

    .MobileAppBanner .content .text>p,
    .MobileAppBanner .content h3 {
        margin-bottom: 25px
    }

    .MobileAppSPBanner .linksWrapper {
        padding-right: 30px
    }

    .MobileAppSPBanner .linksWrapper .mobileAppLinks {
        margin-left: -15px
    }

    .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
        width: 110%
    }

    .MobileAppSPBanner.MobileAppBanner {
        padding-top: 0
    }

    .MobileAppSPBanner .imageWrapper {
        justify-content: normal;
        padding-left: 9%;
        padding-top: 0;
        margin-top: -20px
    }

    .MobileAppSPBanner .imageWrapper>img {
        width: 90%;
        margin-left: -25px
    }
}

@media (max-width:600px) {
    .MobileAppBanner .linksWrapper p {
        justify-content: left;
        padding-left: 20px
    }

    .MobileAppBanner .content {
        text-align: left
    }

    .MobileAppSPBanner .linksWrapper p {
        justify-content: center;
        padding-left: 0
    }

    .MobileAppSPBanner .content {
        text-align: center
    }

    .MobileAppSPBanner .imageWrapper>img {
        margin-left: -20px
    }

    .MobileAppBanner .linksWrapper .mobileAppLinks img.appLogo {
        margin-right: 15px
    }

    .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
        margin-right: auto
    }
}

@media (max-width:530px) {
    .MobileAppSPBanner .linksWrapper {
        padding-right: 0
    }

    .MobileAppSPBanner .linksWrapper p {
        border-radius: 5px 0 0 5px;
        justify-content: left;
        padding-left: 20px
    }

    .MobileAppSPBanner .content {
        text-align: left
    }
}

@media (max-width:500px) {
    .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
        width: 105%
    }
}

@media (max-width:449px) {

    .MobileAppSPBanner .content .text,
    .MobileAppSPBanner .linksWrapper {
        padding-left: 20px
    }

    .MobileAppSPBanner .linksWrapper p {
        justify-content: left;
        padding-left: 20px
    }

    .MobileAppSPBanner .content {
        text-align: left
    }

    .MobileAppSPBanner .linksWrapper .mobileAppLinks {
        margin-left: 0
    }

    .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
        width: 95%
    }

    .MobileAppSPBanner .imageWrapper>img {
        margin-left: -10px
    }
}

@media (max-width:400px) {

    #Availability,
    #Contact {
        min-width: 115px;
        height: 50px
    }

    #doctorSlider .doctorWrapper {
        padding: 15px 10px
    }

    div#BigSliderNav .dots {
        bottom: 45px !important
    }

    .TopHeader {
        padding: 0 20px
    }

    .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
        width: 90%
    }
}

@media (max-width:360px) {
    .MobileAppSPBanner .linksWrapper .mobileAppLinks img.appLogo {
        margin-right: -5px
    }
}

@charset "UTF-8";

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.8);
    animation-duration: calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@media screen and (min-width: 1921px) {
    body {
        background: -o-radial-gradient(114.3% 124.5%, 243.89% 70.1%, rgba(61, 169, 209, 0.2) 0%, rgba(61, 169, 209, 0.12) 59.97%, rgba(61, 169, 209, 0) 100%), -o-radial-gradient(9.95% 120.7%, 134.12% 53.5%, rgba(61, 169, 209, 0.5) 0%, rgba(216, 238, 246, 0.5) 100%), -o-radial-gradient(4.74% 12.6%, 79.06% 36.12%, rgba(61, 169, 209, 0.3) 0%, rgba(190, 226, 240, 0) 100%), #eaf5fa;
        background: radial-gradient(243.89% 70.1% at 114.3% 124.5%, rgba(61, 169, 209, 0.2) 0%, rgba(61, 169, 209, 0.12) 59.97%, rgba(61, 169, 209, 0) 100%), radial-gradient(134.12% 53.5% at 9.95% 120.7%, rgba(61, 169, 209, 0.5) 0%, rgba(216, 238, 246, 0.5) 100%), radial-gradient(79.06% 36.12% at 4.74% 12.6%, rgba(61, 169, 209, 0.3) 0%, rgba(190, 226, 240, 0) 100%), #eaf5fa;
        background-blend-mode: multiply, normal, multiply, normal
    }
}

.netcare-home .position-relative {
    position: relative
}

.netcare-home .position-absolute {
    position: absolute
}

.netcare-home .top-left {
    top: 0;
    left: 0
}

.netcare-home .top-right {
    top: 0;
    right: 0
}

.netcare-home .top-center {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.netcare-home .bottom-left {
    bottom: 0;
    left: 0
}

.netcare-home .bottom-right {
    bottom: 0;
    right: 0
}

.netcare-home .bottom-center {
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.netcare-home .right-center {
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.netcare-home .left-center {
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.netcare-home h1,
.netcare-home h2,
.netcare-home h3,
.netcare-home p,
.netcare-home a {
    font-family: Open Sans;
    font-style: normal;
    margin: 0;
    padding: 0
}

.netcare-home h2 {
    font-size: 45px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1.35px
}

.netcare-home h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%
}

.netcare-home p.text01 {
    font-size: 16px;
    line-height: 140%;
    font-weight: 400
}

.netcare-home p.text01 span {
    font-weight: 600
}

.netcare-home p.text02 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: -0.6px
}

.netcare-home p.text02 span {
    font-weight: 600
}

.netcare-home .text-white {
    color: #fff
}

.netcare-home .text-navy {
    color: #1d3443
}

.netcare-home .text-gray {
    color: #e8e9ea
}

.netcare-home .pc-only {
    display: block
}

.netcare-home .mb-only {
    display: none
}

.netcare-home .custom-mb-only {
    display: none
}

.netcare-home .btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 20px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.netcare-home .btn-container a {
    padding: 18px 36px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.48px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0);
    text-align: center
}

.netcare-home .btn-container a.acqua {
    background: #3da9d1;
    color: #1d3443;
    border: 1px solid #3da9d1
}

.netcare-home .btn-container a.acqua:hover {
    background: #7ec6e0;
    border: 1px solid #7ec6e0
}

.netcare-home .btn-container a.navy {
    background: #1d3443;
    color: #fff;
    border: 1px solid #1d3443
}

.netcare-home .btn-container a.navy:hover {
    background: #3da9d1;
    color: #1d3443;
    border: 1px solid #3da9d1
}

.netcare-home .btn-container a.clear {
    background: rgba(0, 0, 0, 0);
    border: 1.5px solid #bec2c6
}

.netcare-home .btn-container a.clear:hover {
    background: #1d3443;
    color: #fff;
    border: 1px solid #1d3443
}

.netcare-home .link-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 10px
}

.netcare-home .link-container a {
    display: block;
    position: relative;
    padding-right: 35px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.48px;
    color: #3da9d1
}

.netcare-home .link-container a svg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.netcare-home .link-container a svg path {
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s
}

.netcare-home .link-container a svg .lp,
.netcare-home .link-container a svg .rp {
    opacity: 0
}

.netcare-home .link-container a:hover {
    color: #1d3443
}

.netcare-home .link-container a:hover svg path {
    stroke: #1d3443;
    opacity: 0
}

.netcare-home .link-container a:hover svg .lp,
.netcare-home .link-container a:hover svg .rp {
    opacity: 1
}

.netcare-home .link-container a:hover svg .lp {
    d: path("M2 12H23")
}

.netcare-home .link-container a:hover svg .rp {
    d: path("M15 5L23 12L15 19")
}

.netcare-home .you-underline {
    position: relative
}

.netcare-home .you-underline img {
    position: absolute;
    left: 4px;
    bottom: -18px
}

.netcare-home .you-underline.white-underline img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.netcare-home [data-animate] {
    opacity: 0
}

.netcare-home .section01 {
    background: #1d3443;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 290px 0 80px;
    position: relative
}

@media screen and (min-width: 1921px) {
    .netcare-home .section01 {
        min-height: unset;
        background: rgba(0, 0, 0, 0)
    }

    .netcare-home .section01 .slider-container img {
        width: 100% !important;
        top: 30% !important;
        -webkit-transform: translate(50%, -30%) !important;
        -ms-transform: translate(50%, -30%) !important;
        transform: translate(50%, -30%) !important
    }
}

.netcare-home .section01 h1 {
    font-size: 45px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1.35px;
    color: #fff;
    text-align: center;
    min-height: 127px;
    margin-bottom: 30px
}

.netcare-home .section01 #appSearch {
    position: relative;
    z-index: 2
}

.netcare-home .section01 .video-container .play-toggle {
    display: none
}

.netcare-home .section01 .slider-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.netcare-home .section01 .slider-container img {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 1920px;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    opacity: 0;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease
}

.netcare-home .section01 .slider-container img:nth-child(1) {
    opacity: 1
}

.netcare-home .section01 .overlay {
    position: absolute;
    background: -o-linear-gradient(89deg, rgba(21, 39, 52, 0.4) 0.28%, rgba(21, 39, 52, 0.36) 17.29%, rgba(21, 39, 52, 0) 54.27%), rgba(29, 52, 67, .3);
    background: linear-gradient(1deg, rgba(21, 39, 52, 0.4) 0.28%, rgba(21, 39, 52, 0.36) 17.29%, rgba(21, 39, 52, 0) 54.27%), rgba(29, 52, 67, .3);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.netcare-home .section01 .search-field {
    background: #fff;
    position: relative;
    max-width: 679px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 6px 100px 0px rgba(29, 52, 67, .2);
    box-shadow: 0px 6px 100px 0px rgba(29, 52, 67, .2);
    margin: auto
}

.netcare-home .section01 .search-field .placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 122%;
    letter-spacing: -0.48px;
    color: #61717b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 10px 10px 20px
}

.netcare-home .section01 .search-field .placeholder span {
    cursor: pointer;
    width: 100%
}

.netcare-home .section01 .search-field .placeholder img {
    cursor: pointer;
    margin: 0 20px
}

.netcare-home .section01 .search-field .search-btn {
    display: inline-block;
    background: #1d3443;
    padding: 10px;
    border-radius: 10px
}

.netcare-home .section01 .search-field .search-btn:hover {
    background: #3da9d1
}

.netcare-home .section01 .search-field .options {
    background: #fff;
    border-top: 4px solid #3da9d1;
    padding: 3px 20px 10px;
    border-radius: 0 0 10px 10px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.netcare-home .section01 .search-field .options a {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    padding: 10px 0;
    color: #1d3443
}

.netcare-home .section01 .search-field .options a:hover {
    color: #3da9d1
}

.netcare-home .section01 .wrapper {
    position: relative;
    z-index: 3;
    max-width: 1414px;
    padding: 0 20px;
    margin: auto
}

.netcare-home .section01 .form-container {
    position: relative;
    margin-bottom: 30px
}

.netcare-home .section01 .card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 30px
}

.netcare-home .section01 .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    max-width: 321px;
    padding: 40px 20px;
    border-radius: 10px;
    border: 1px solid rgba(235, 237, 237, .4);
    background: rgba(159, 158, 158, .28);
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
    color: #fff
}

.netcare-home .section01 .card .circle {
    width: 50px;
    height: 50px;
    padding: 10px;
    background: #fff;
    border-radius: 40px;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(29, 52, 67, .1);
    box-shadow: 0px 8px 30px 0px rgba(29, 52, 67, .1);
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s
}

.netcare-home .section01 .card .circle img {
    width: 100%;
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s
}

.netcare-home .section01 .card .text {
    width: 208px
}

.netcare-home .section01 .card:hover {
    background: #1d3443;
    border: 1px solid #1d3443;
    color: #fff
}

.netcare-home .section01 .card:hover .circle {
    background: #3da9d1
}

.netcare-home .section01 .card:hover .circle img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.netcare-home .section01 .video-mb {
    display: none
}

.netcare-home .section01 .video-mb iframe {
    -webkit-transform: translateX(-50%) translateY(-40%) !important;
    -ms-transform: translateX(-50%) translateY(-40%) !important;
    transform: translateX(-50%) translateY(-40%) !important
}

@media screen and (max-width: 446px) {
    .netcare-home .section01 .video-pc {
        display: none
    }
}

.netcare-home .section02 {
    background: -o-radial-gradient(114.3% 124.5%, 243.89% 70.1%, rgba(61, 169, 209, 0.2) 0%, rgba(61, 169, 209, 0.12) 59.97%, rgba(61, 169, 209, 0) 100%), -o-radial-gradient(9.95% 120.7%, 134.12% 53.5%, rgba(61, 169, 209, 0.5) 0%, rgba(216, 238, 246, 0.5) 100%), -o-radial-gradient(4.74% 12.6%, 79.06% 36.12%, rgba(61, 169, 209, 0.3) 0%, rgba(190, 226, 240, 0) 100%), #eaf5fa;
    background: radial-gradient(243.89% 70.1% at 114.3% 124.5%, rgba(61, 169, 209, 0.2) 0%, rgba(61, 169, 209, 0.12) 59.97%, rgba(61, 169, 209, 0) 100%), radial-gradient(134.12% 53.5% at 9.95% 120.7%, rgba(61, 169, 209, 0.5) 0%, rgba(216, 238, 246, 0.5) 100%), radial-gradient(79.06% 36.12% at 4.74% 12.6%, rgba(61, 169, 209, 0.3) 0%, rgba(190, 226, 240, 0) 100%), #eaf5fa;
    background-blend-mode: multiply, normal, multiply, normal;
    min-height: 1030px;
    overflow: hidden;
    position: relative
}

.netcare-home .section02 .wrapper {
    position: relative;
    max-width: 1640px;
    height: 100%;
    padding: 0 20px;
    margin: auto;
    z-index: 2
}

.netcare-home .section02 .left-container {
    position: absolute;
    top: 348px;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 477px;
    padding-right: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 30px
}

.netcare-home .section02 .left-container .min-height {
    min-height: 176px
}

.netcare-home .section02 .left-container .line {
    width: 81px;
    border: .5px solid #1d3443
}

.netcare-home .section02 .left-container .your-health {
    font-size: 24px;
    line-height: 18.391px;
    font-weight: 400;
    letter-spacing: -0.72px;
    color: #3da9d1
}

.netcare-home .section02 .left-container .your-health span {
    font-style: italic;
    font-weight: 700
}

.netcare-home .section02 .left-container .app-container {
    width: calc(100% + 64px);
    background: rgba(255, 255, 255, .4);
    text-align: center;
    border-radius: 10px;
    padding: 30px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

@media not all and (-webkit-min-device-pixel-ratio: 0),
not all and (-o-min-device-pixel-ratio: 0/1),
not all and (min-resolution: 0.001dpcm) {
    @supports(-webkit-appearance: none) {
        .netcare-home .section02 .left-container .app-container {
            width: calc(100% + 64px)
        }
    }
}

@supports(-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
    .netcare-home .section02 .left-container .app-container {
        width: calc(100% + 64px)
    }
}

@media not all and (-webkit-min-device-pixel-ratio: 0),
not all and (-o-min-device-pixel-ratio: 0/1),
not all and (min-resolution: 0.001dpcm) {
    @supports(-webkit-appearance: none) and (stroke-color: transparent) {
        .netcare-home .section02 .left-container .app-container {
            width: calc(100% + 64px)
        }
    }
}

.netcare-home .section02 .left-container .app-container .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 5px;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px
}

.netcare-home .section02 .image-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 130px;
    bottom: 0;
    margin: auto;
    max-width: 25.202%;
    z-index: 2
}

.netcare-home .section02 .image-container img {
    position: absolute;
    top: 0;
    width: 100%
}

.netcare-home .section02 .right-container {
    position: absolute;
    top: 356px;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 411px;
    min-height: 612px
}

.netcare-home .section02 .right-container ul {
    list-style: none;
    margin: 0
}

.netcare-home .section02 .right-container ul li {
    padding: 30px 0;
    border-top: .5px solid #bec2c6;
    cursor: pointer
}

.netcare-home .section02 .right-container ul li:first-child {
    padding: 0 0 30px;
    border: none
}

.netcare-home .section02 .right-container ul li .icon-info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    overflow: hidden;
    height: 0;
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s;
    opacity: 0
}

.netcare-home .section02 .right-container ul li .icon-info-container .label {
    margin-bottom: 10px
}

.netcare-home .section02 .right-container ul li .icon-info-container img {
    width: 60px
}

.netcare-home .section02 .right-container ul li .title {
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s
}

.netcare-home .section02 .right-container ul li.active .icon-info-container {
    height: 102px;
    opacity: 1
}

.netcare-home .section02 .right-container ul li.active .title {
    display: none
}

.netcare-home .section02 .right-container ul li:hover .title {
    color: #3da9d1
}

.netcare-home .section02 .bg-white-circle {
    position: absolute;
    bottom: -160px;
    width: 100%;
    height: 400px;
    background: #fff;
    border-radius: 100%/100%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.netcare-home .sectionBg01 {
    position: relative;
    overflow: hidden;
    background: #fff
}

.netcare-home .sectionBg01 .spiral {
    bottom: -320px;
    left: -385px;
    z-index: 1
}

.netcare-home .section03 {
    position: relative;
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    padding: 0 0 290px;
    z-index: 1
}

.netcare-home .section03 .wrapper {
    position: relative;
    max-width: 1640px;
    padding: 0 20px;
    margin: auto;
    z-index: 2
}

.netcare-home .section03 .wrap_inner {
    max-width: 931px;
    margin: auto;
    text-align: center
}

.netcare-home .section03 h2 {
    margin-bottom: 85px
}

.netcare-home .section03 .card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 30px
}

.netcare-home .section03 .card {
    background: #fff;
    width: 217.75px;
    min-height: 205px;
    border-radius: 10px;
    border: 1px solid #e8e9ea;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(29, 52, 67, .1);
    box-shadow: 0px 8px 30px 0px rgba(29, 52, 67, .1);
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s
}

.netcare-home .section03 .card a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 15px
}

.netcare-home .section03 .card img {
    width: 44px;
    height: 44px;
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s
}

.netcare-home .section03 .card p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: -0.42px
}

.netcare-home .section03 .card .img-container {
    padding: 10px;
    border-radius: 50%;
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s
}

.netcare-home .section03 .card:hover {
    -webkit-box-shadow: 0px 8px 30px 0px rgba(29, 52, 67, .2);
    box-shadow: 0px 8px 30px 0px rgba(29, 52, 67, .2)
}

.netcare-home .section03 .card:hover .img-container {
    background: #3ca9d1;
    padding: 14.5px
}

.netcare-home .section03 .card:hover .img-container img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    width: 35px;
    height: 35px
}

.netcare-home .section03 .badge-container {
    background: #d8eef6;
    border-radius: 10px;
    padding: 40px
}

.netcare-home .section03 .badge-container .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 10px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin-top: 17px
}

.netcare-home .section03 .badge-container .badges {
    padding: 15px 30px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #bec2c6;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: -0.42px;
    color: #1d3443
}

.netcare-home .section03 .badge-container .badges:hover {
    background: #7ec6e0;
    border: 1px solid #7ec6e0
}

.netcare-home .section03 .bg-image:nth-child(1) {
    bottom: -250px;
    left: -90px
}

.netcare-home .section03 .bg-image:nth-child(2) {
    width: 1280px
}

.netcare-home .section03 .bg-image:nth-child(3) {
    width: 600px;
    bottom: -150px;
    right: 170px
}

.netcare-home .section04 {
    background: #1d3443;
    padding: 120px 0
}

.netcare-home .section04 .wrapper {
    position: relative;
    overflow: hidden;
    max-width: 1644px;
    margin: auto;
    z-index: 1;
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s
}

.netcare-home .section04 .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.netcare-home .section04 .left-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 30px;
    width: 100%;
    max-width: 804px;
    padding: 0 100px
}

.netcare-home .section04 .left-container .line {
    display: block;
    width: 81px;
    border: .5px solid #fff
}

.netcare-home .section04 .right-container .finger-print {
    background: url("../images/ico_fingerPrint.svg") no-repeat;
    background-size: 215px 300px;
    background-position: center;
    width: 800px;
    height: 800px;
    position: relative
}

.netcare-home .section04 .right-container .finger-print .icon-container {
    position: absolute;
    width: 222px;
    height: 222px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 15px
}

.netcare-home .section04 .right-container .finger-print .icon-container .icon {
    padding: 20px;
    border-radius: 100px;
    cursor: pointer;
    -webkit-transition: ease .5s;
    -o-transition: ease .5s;
    transition: ease .5s
}

.netcare-home .section04 .right-container .finger-print .icon-container p {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: #fff;
    text-align: center
}

.netcare-home .section04 .popup-banner {
    overflow: hidden;
    position: fixed;
    top: 145px;
    left: 50px;
    right: 50px;
    bottom: 20px;
    margin: auto;
    border-radius: 10px;
    max-height: 957px;
    background-color: #e8e5e3;
    background-image: url("../images/img_section04_renal.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    -webkit-box-shadow: 0px 30px 70px 0px rgba(29, 52, 67, .15), 2px -15px 25px 0px rgba(29, 52, 67, .03), 1px 10px 10px 0px rgba(29, 52, 67, .06);
    box-shadow: 0px 30px 70px 0px rgba(29, 52, 67, .15), 2px -15px 25px 0px rgba(29, 52, 67, .03), 1px 10px 10px 0px rgba(29, 52, 67, .06);
    z-index: 9999999
}

.netcare-home .section04 .popup-banner .position-relative {
    overflow: auto;
    overflow-x: hidden;
    padding: 50px 120px 20px;
    max-height: 100%;
    z-index: 1
}

.netcare-home .section04 .popup-banner h2 {
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 72px;
    letter-spacing: -1.8px
}

.netcare-home .section04 .popup-banner .eclipse {
    position: fixed;
    width: 959px;
    height: 100%
}

.netcare-home .section04 .popup-banner .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 90px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    z-index: 2;
    padding: 0
}

.netcare-home .section04 .popup-banner .wrap-inner {
    max-width: 1000px
}

.netcare-home .section04 .popup-banner .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 30px;
    max-width: 579px
}

.netcare-home .section04 .popup-banner .btn-container a {
    min-width: 251px
}

.netcare-home .section04 .popup-banner .btn-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #1d3443;
    z-index: 3
}

.netcare-home .section04 .popup-banner .stats-parent {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.netcare-home .section04 .popup-banner .stats-container {
    border-radius: 10px;
    background: rgba(255, 255, 255, .6);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 20px;
    width: 100%;
    max-width: 1024px
}

.netcare-home .section04 .popup-banner .stats-container .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: unset;
    row-gap: unset
}

.netcare-home .section04 .popup-banner .stats-container svg {
    cursor: pointer
}

.netcare-home .section04 .popup-banner .stats-container svg path {
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s
}

.netcare-home .section04 .popup-banner .stats-container svg .hover {
    opacity: 0
}

.netcare-home .section04 .popup-banner .stats-container svg:hover path {
    opacity: 0
}

.netcare-home .section04 .popup-banner .stats-container svg:hover .hover {
    opacity: 1
}

.netcare-home .section04 .popup-banner .stats-container .stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.netcare-home .section04 .popup-banner .stats-container .stats div {
    position: relative;
    max-width: 442px;
    width: 100%;
    min-height: 132px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 20px
}

.netcare-home .section04 .popup-banner .stats-container .stats div::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 53px;
    border: 1px solid #1d3443
}

.netcare-home .section04 .popup-banner .stats-container .stats div:last-child::after {
    height: 0;
    border: none
}

.netcare-home .section04 .popup-banner .stats-container .stats .number {
    font-family: Montserrat;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    width: 100%;
    word-wrap: break-word
}

.netcare-home .section04 .popup-banner .stats-container .stats .label {
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    width: 100%
}

.netcare-home .section04 .popup-banner .dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.netcare-home .section04 .popup-banner .dots .dot {
    display: block;
    color: #61717b
}

.netcare-home .section04 .popup-banner .dots .dot::after {
    content: "•";
    font-size: 34px;
    line-height: 0
}

.netcare-home .section04 .popup-banner .dots .dot.active {
    margin-top: -2px
}

.netcare-home .section04 .popup-banner .dots .dot.active::after {
    content: "";
    display: block;
    width: 84px;
    border: 2px solid #1d3443;
    border-radius: 10px
}

.netcare-home .section04 #appDivisions {
    display: none
}

.netcare-home .section04 #appDivisionsAnimation {
    width: 800px;
    height: 800px;
    position: relative;
    left: 9px
}

.netcare-home .section05 {
    background: #d7ecf6;
    padding: 93px 0;
    position: relative
}

.netcare-home .section05 .wrapper {
    position: relative;
    max-width: 1640px;
    padding: 0 20px;
    margin: auto;
    z-index: 1
}

.netcare-home .section05 .sectionBg {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.netcare-home .section05 .sectionBg img {
    position: absolute
}

.netcare-home .section05 .sectionBg .bg-circle {
    position: absolute;
    bottom: -50px;
    left: 11%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 405px;
    width: 870px;
    border-radius: 607.5px 607.5px 0 0;
    background-color: #7ec6e0
}

@media screen and (max-width: 1800px) {
    .netcare-home .section05 .sectionBg .bg-circle {
        left: 2%
    }
}

@media screen and (max-width: 1400px) {
    .netcare-home .section05 .sectionBg .bg-circle {
        left: 4%;
        height: 300px;
        width: 50%;
        border-radius: 450px 450px 0 0
    }
}

@media screen and (max-width: 991px) {
    .netcare-home .section05 .sectionBg .bg-circle {
        bottom: unset;
        left: -11%;
        right: 0;
        top: -18%;
        width: 120%;
        height: 79%;
        -webkit-transform: unset;
        -ms-transform: unset;
        border-radius: 49%
    }
}

@media screen and (max-width: 661px) {
    .netcare-home .section05 .sectionBg .bg-circle {
        top: -32%;
        left: -21%;
        width: 140%
    }
}

.netcare-home .section05 .sectionBg .blur {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 38%;
    height: 536.11px;
    left: -69px;
    bottom: -79px;
    background: #7ec6e0;
    -webkit-filter: blur(250px);
    filter: blur(250px)
}

.netcare-home .section05 .line {
    display: block;
    width: 81px;
    border: .5px solid #1d3443
}

.netcare-home .section05 .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px
}

.netcare-home .section05 .left-container {
    overflow: hidden;
    position: absolute;
    left: -1%;
    top: -220px;
    width: 60.659%
}

.netcare-home .section05 .left-container img {
    width: 105%
}

.netcare-home .section05 .left-container .laptop {
    position: relative;
    z-index: 2
}

.netcare-home .section05 .right-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 40px;
    max-width: 558px
}

.netcare-home .section05 .right-container .btn-container a {
    min-width: 200px
}

.netcare-home .section06 {
    overflow: hidden;
    padding: 120px 0 140px;
    background: #f7f7f7;
    min-height: 1079px
}

.netcare-home .section06 .wrapper {
    position: relative;
    max-width: 1648px;
    padding: 0 20px;
    margin: auto;
    z-index: 1
}

.netcare-home .section06 h2 {
    margin-bottom: 60px;
    text-align: center
}

.netcare-home .section06 h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.72px
}

.netcare-home .section06 .text01 {
    min-height: 102px
}

.netcare-home .section06 .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 180px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.netcare-home .section06 .flex-container .custom-card {
    width: 100%;
    max-width: 516px;
    height: 598px;
    padding: 0 28px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-position: center top !important;
    background-size: 100% !important
}

.netcare-home .section06 .flex-container .custom-card:nth-child(1) {
    background: url("../images/img_section06_01.jpg") no-repeat
}

.netcare-home .section06 .flex-container .custom-card:nth-child(2) {
    background: url("../images/img_section06_02.jpg") no-repeat
}

.netcare-home .section06 .flex-container .custom-card:nth-child(3) {
    background: url("../images/img_section06_03.jpg") no-repeat
}

.netcare-home .section06 .flex-container .white-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 20px;
    padding: 30px;
    margin-bottom: -125px;
    min-height: 380px;
    background: #fff;
    border-radius: 10px
}

.netcare-home .section06 .flex-container .white-container .badge-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px
}

.netcare-home .section06 .flex-container .white-container .badge-container .badge {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.95px;
    text-transform: uppercase;
    color: #61717b !important;
    border-radius: 25px;
    background: rgba(239, 241, 242, .6);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    -webkit-box-shadow: none;
    box-shadow: none
}

@media not all and (-webkit-min-device-pixel-ratio: 0),
not all and (-o-min-device-pixel-ratio: 0/1),
not all and (min-resolution: 0.001dpcm) {
    @supports(-webkit-appearance: none) {
        .netcare-home .section06 .flex-container .white-container .badge-container .badge {
            padding: 10px 15px
        }
    }
}

@supports(-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
    .netcare-home .section06 .flex-container .white-container .badge-container .badge {
        padding: 10px 15px
    }
}

@media not all and (-webkit-min-device-pixel-ratio: 0),
not all and (-o-min-device-pixel-ratio: 0/1),
not all and (min-resolution: 0.001dpcm) {
    @supports(-webkit-appearance: none) and (stroke-color: transparent) {
        .netcare-home .section06 .flex-container .white-container .badge-container .badge {
            padding: 10px 15px
        }
    }
}

.netcare-home .section06 .flex-container .white-container .link-container {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 78px
}

.netcare-home .section07 {
    overflow: hidden;
    padding: 115px 0;
    background: #d8eef6 url("../images/img_section07_bg.png") no-repeat;
    background-position: right;
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s
}

@media screen and (max-width: 1800px) {
    .netcare-home .section07 {
        background-position: right -200px top
    }
}

.netcare-home .section07 .wrapper {
    position: relative;
    max-width: 1640px;
    padding: 0 20px;
    margin: auto;
    z-index: 1
}

.netcare-home .section07 .line {
    display: block;
    width: 81px;
    border: .5px solid #1d3443
}

.netcare-home .section07 .left-container {
    max-width: 540px;
    margin-left: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 30px
}

.netcare-home .section07 .left-container .icon {
    width: 134px
}

.netcare-home .section07 .left-container .btn-container a {
    width: 100%;
    max-width: 200px
}

.netcare-home .section07 .left-container .white-container {
    overflow: hidden;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    height: auto;
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s
}

.netcare-home .section07 .left-container .white-container .podcast-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.netcare-home .section07 .left-container .white-container .podcast-and-loader {
    position: relative
}

.netcare-home .section07 .left-container .white-container .podcast-and-loader .spinner-border {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 25px
}

.netcare-home .section07 .left-container .white-container #podcast {
    position: relative
}

.netcare-home .section07 .left-container .white-container iframe {
    margin-top: 20px
}

.netcare-home .section07 .left-container .white-container .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 10px;
    width: 100%
}

.netcare-home .section07 .left-container .white-container .date-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.netcare-home .section07 .left-container .white-container .date-container .custom-badge {
    padding: 10px 20px;
    border-radius: 25px;
    background: #f7f7f7;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.95px;
    text-transform: uppercase;
    color: #61717b
}

.netcare-home .section07 .left-container .white-container .date-container .date {
    color: #1d3443;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%
}

.netcare-home .section07 .left-container .white-container h3 {
    font-weight: 400;
    letter-spacing: -0.6px
}

.netcare-home .section07 .left-container .white-container .play-btn svg {
    cursor: pointer
}

.netcare-home .section07 .left-container .white-container .play-btn svg:hover .bg {
    fill: #7ec6e0
}

.netcare-home .section0809 {
    overflow: hidden;
    position: relative;
    padding: 40px 0 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 120px;
    width: 100%;
    background: #f7f7f7
}

.netcare-home .section0809 .wrapper {
    position: relative;
    max-width: 1622px;
    padding: 0 20px;
    margin: auto;
    z-index: 1
}

.netcare-home .section08 h2 {
    margin-bottom: 60px
}

.netcare-home .section08 h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.72px
}

.netcare-home .section08 .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.netcare-home .section08 .badge-date-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.netcare-home .section08 .badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px
}

.netcare-home .section08 .badges p {
    border-radius: 25px;
    background: rgba(239, 241, 242, .6);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.95px;
    text-transform: uppercase;
    padding: 10px 20px;
    color: #61717b
}

.netcare-home .section08 .date {
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    color: #1d3443
}

.netcare-home .section08 .latest-media {
    background: url("../images/img_section08_01.jpg") no-repeat;
    width: 100%;
    max-width: 864px;
    min-height: 852px;
    padding: 28px;
    background-size: cover;
    border-radius: 5px 0 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.netcare-home .section08 .latest-media .white-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 30px;
    background: #fff;
    min-height: 336px;
    padding: 60px 50px;
    border-radius: 10px
}

.netcare-home .section08 .latest-media .white-container .btn-container a {
    width: 100%;
    max-width: 260px;
    padding: 18px 5px;
    text-align: center
}

.netcare-home .section08 .right-container {
    max-width: 718px;
    width: 100%;
    background-color: #fff;
    border-radius: 0 10px 10px 0
}

.netcare-home .section08 .right-container h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%
}

.netcare-home .section08 .right-container .text01 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.netcare-home .section08 .right-container .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 24px;
    padding: 30px 60px
}

.netcare-home .section08 .right-container .block.line {
    border-top: .5px solid #bfc4c7;
    padding: 29.5px 60px
}

.netcare-home .section08 .right-container .link-container a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px
}

.netcare-home .section08 .right-container .link-container a svg {
    position: static;
    margin: unset
}

.netcare-home .section09 .bg-container {
    background: url("../images/img_section09_bg.png") no-repeat, #f2ece7;
    background-position: right;
    border-radius: 10px;
    min-height: 582px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.netcare-home .section09 .wrap-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    row-gap: 30px;
    max-width: 587px;
    padding-left: 100px
}

.netcare-home .section09 .line {
    display: block;
    width: 81px;
    border: .5px solid #1d3443
}

@media screen and (max-width: 1750px) {
    .netcare-home .section04 .popup-banner {
        background-position: right -400px top;
        background-size: cover
    }
}

@media screen and (max-width: 1600px) {
    .netcare-home .section03 .bg-image:nth-child(1) {
        width: 620px
    }

    .netcare-home .section03 .bg-image:nth-child(2) {
        width: 890px
    }

    .netcare-home .section03 .bg-image:nth-child(3) {
        right: -50px
    }

    .netcare-home .section07 {
        background-position: right -400px top
    }

    .netcare-home .section09 .bg-container {
        background-position: right -300px top
    }
}

@media screen and (max-width: 1440px) {
    .netcare-home .section01 .card-container .card {
        padding: 30px 15px;
        font-size: 16px
    }

    .netcare-home .section01 .card-container .card .circle {
        width: 37.5px;
        height: auto;
        min-width: 37.5px
    }
}

@media screen and (max-width: 1400px) {
    .netcare-home .section02 .left-container {
        max-width: 35.735%
    }

    .netcare-home .section02 .right-container {
        max-width: 31.76%
    }

    .netcare-home .section02 .right-container ul li.active .icon-info-container {
        height: 104px
    }

    .netcare-home .section04 .left-container {
        padding-right: 40px
    }

    .netcare-home .section04 .right-container .finger-print,
    .netcare-home .section04 .right-container #appDivisionsAnimation {
        width: 700px;
        height: 800px
    }

    .netcare-home .section04 .popup-banner {
        background-position: right -750px top;
        background-size: cover
    }

    .netcare-home .section05 .left-container {
        top: -150px
    }

    .netcare-home .section05 .left-container img {
        width: 93%
    }

    .netcare-home .section07 {
        background-position: right -500px top
    }
}

@media screen and (max-width: 1200px) {
    .netcare-home .section04 .flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .netcare-home .section04 .left-container {
        width: 100%;
        padding: 0
    }

    .netcare-home .section04 .wrapper {
        padding: 0 20px
    }

    .netcare-home .section04 .right-container .finger-print,
    .netcare-home .section04 .right-container #appDivisionsAnimation {
        width: 800px;
        margin: auto
    }

    .netcare-home .section04 .popup-banner {
        background-position: right -700px top
    }

    .netcare-home .section05 .left-container {
        left: -20px
    }

    .netcare-home .section05 .left-container img {
        width: 93%
    }

    .netcare-home .section05 .right-container {
        position: relative;
        max-width: 430px;
        z-index: 2
    }

    .netcare-home .section07 {
        background-position: right -700px top
    }

    .netcare-home .section07 .left-container {
        margin: 0
    }

    .netcare-home .section09 .bg-container {
        background-position: right -400px top
    }
}

@media screen and (max-width: 991px) {
    .netcare-home .pc-only {
        display: none
    }

    .netcare-home .mb-only {
        display: block
    }

    .netcare-home .you-underline img {
        width: 67px;
        height: 21px;
        bottom: -12px
    }

    .netcare-home h2 {
        font-size: 35px;
        line-height: 40px;
        letter-spacing: -1.05px
    }

    .netcare-home h3 {
        font-size: 16px;
        line-height: 140%
    }

    .netcare-home p.text01 {
        font-size: 14px;
        line-height: 130%
    }

    .netcare-home p.text02 {
        font-size: 16px;
        line-height: normal
    }

    .netcare-home .btn-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .netcare-home .btn-container a {
        width: 100%
    }

    .netcare-home .link-container a {
        font-size: 14px;
        line-height: 20px
    }

    .netcare-home .section01 {
        padding: 30px 0 30px;
        min-height: unset
    }

    .netcare-home .section01 .you-underline img {
        bottom: -10px
    }

    .netcare-home .section01 h1 {
        min-height: unset;
        font-size: 35px;
        line-height: 40px;
        letter-spacing: -1.05px
    }

    .netcare-home .section01 .card-container {
        row-gap: 14px;
        -webkit-column-gap: 14px;
        -moz-column-gap: 14px;
        column-gap: 14px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .netcare-home .section01 .card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        text-align: center;
        padding: 20px;
        row-gap: 20px;
        font-size: 14px;
        line-height: 130%;
        max-width: unset;
        width: 47.5%
    }

    .netcare-home .section01 .card .circle {
        width: 38px;
        height: 38px;
        padding: 7.6px
    }

    .netcare-home .section01 .card .text {
        width: 100%;
        font-size: 14px;
        line-height: 130%
    }

    .netcare-home .sectionBg01 .spiral {
        bottom: -560px
    }

    .netcare-home .section02 {
        min-height: auto;
        padding: 40px 0;
        text-align: center
    }

    .netcare-home .section02 h2 {
        min-height: 120px
    }

    .netcare-home .section02 .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        row-gap: 30px;
        height: auto
    }

    .netcare-home .section02 .left-container,
    .netcare-home .section02 .right-container,
    .netcare-home .section02 .image-container {
        position: static;
        max-width: 100%;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        min-height: unset
    }

    .netcare-home .section02 .left-container {
        row-gap: 20px;
        padding: 0
    }

    .netcare-home .section02 .left-container .line {
        display: block;
        margin: auto
    }

    .netcare-home .section02 .left-container .min-height {
        min-height: unset
    }

    .netcare-home .section02 .left-container .your-health {
        font-size: 18px;
        line-height: 18.391px;
        letter-spacing: -0.54px
    }

    .netcare-home .section02 .left-container .app-container {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        row-gap: 10px;
        padding: 20px
    }

    .netcare-home .section02 .right-container ul li {
        padding: 20px 0
    }

    .netcare-home .section02 .right-container ul li:first-child {
        padding: 0 0 20px
    }

    .netcare-home .section02 .right-container ul li .icon-info-container {
        text-align: left
    }

    .netcare-home .section02 .right-container ul li .icon-info-container img {
        width: 35.9px;
        height: 35.9px
    }

    .netcare-home .section02 .right-container ul li.active .icon-info-container {
        height: 110px
    }

    .netcare-home .section02 .image-container {
        margin-top: 20px;
        max-width: 80%
    }

    .netcare-home .section02 .image-container img {
        position: static
    }

    .netcare-home .section03 {
        padding: 40px 0
    }

    .netcare-home .section03 h2 {
        margin-bottom: 50px
    }

    .netcare-home .section03 .card-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 14px;
        -webkit-column-gap: 14px;
        -moz-column-gap: 14px;
        column-gap: 14px
    }

    .netcare-home .section03 .bg-image:nth-child(3) {
        right: -50%
    }

    .netcare-home .section04 {
        padding: 40px 0 4px
    }

    .netcare-home .section04 .right-container {
        width: 100%
    }

    .netcare-home .section04 .right-container #lottie {
        height: auto
    }

    .netcare-home .section04 .right-container .finger-print {
        opacity: 0
    }

    .netcare-home .section04 .right-container .finger-print,
    .netcare-home .section04 .right-container #appDivisionsAnimation {
        max-width: 615px;
        width: 100%;
        height: 640px;
        background-size: 150px
    }

    .netcare-home .section04 .right-container .finger-print .blur-bg,
    .netcare-home .section04 .right-container #appDivisionsAnimation .blur-bg {
        position: absolute;
        left: -20px;
        right: -20px;
        bottom: 0;
        height: 468px;
        border-radius: 438px 438px 0 0;
        background: url("../images/ico_fingerPrint_mb.svg") no-repeat;
        background-size: 149px;
        background-position: top 40px center;
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .netcare-home .section04 .right-container .finger-print .blur-bg .indicator,
    .netcare-home .section04 .right-container #appDivisionsAnimation .blur-bg .indicator {
        position: absolute;
        bottom: 80px;
        width: 100%;
        min-height: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 40px
    }

    .netcare-home .section04 .right-container .finger-print .blur-bg .indicator .dot,
    .netcare-home .section04 .right-container #appDivisionsAnimation .blur-bg .indicator .dot {
        display: block;
        color: #bec2c6
    }

    .netcare-home .section04 .right-container .finger-print .blur-bg .indicator .dot::after,
    .netcare-home .section04 .right-container #appDivisionsAnimation .blur-bg .indicator .dot::after {
        content: "•";
        font-size: 20px;
        line-height: 0
    }

    .netcare-home .section04 .right-container .finger-print .blur-bg .indicator .dot.active,
    .netcare-home .section04 .right-container #appDivisionsAnimation .blur-bg .indicator .dot.active {
        margin-top: -8px;
        color: #fff
    }

    .netcare-home .section04 .right-container .finger-print .blur-bg .indicator .dot.active::after,
    .netcare-home .section04 .right-container #appDivisionsAnimation .blur-bg .indicator .dot.active::after {
        content: "";
        display: block;
        width: 29px;
        border: 2px solid #fff;
        margin-top: 8px;
        border-radius: 10px
    }

    .netcare-home .section04 .right-container .finger-print .blur-bg .indicator svg,
    .netcare-home .section04 .right-container #appDivisionsAnimation .blur-bg .indicator svg {
        width: 57px;
        height: 57px;
        min-width: 48px;
        cursor: pointer
    }

    .netcare-home .section04 .right-container .finger-print .icon-container,
    .netcare-home .section04 .right-container #appDivisionsAnimation .icon-container {
        opacity: 0;
        left: 0;
        right: 0;
        padding: 15px;
        width: 42%;
        row-gap: 10px;
        -webkit-transition: ease .5s;
        -o-transition: ease .5s;
        transition: ease .5s
    }

    .netcare-home .section04 .right-container .finger-print .icon-container .icon,
    .netcare-home .section04 .right-container #appDivisionsAnimation .icon-container .icon {
        padding: 14px;
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
        z-index: 2;
        border: 0 !important;
        padding: 0
    }

    .netcare-home .section04 .right-container .finger-print .icon-container img,
    .netcare-home .section04 .right-container #appDivisionsAnimation .icon-container img {
        width: 53px;
        height: 53px
    }

    .netcare-home .section04 .right-container .finger-print .icon-container p,
    .netcare-home .section04 .right-container #appDivisionsAnimation .icon-container p {
        font-size: 12px;
        text-wrap: nowrap
    }

    .netcare-home .section04 .popup-banner {
        background-image: none !important;
        max-height: unset;
        left: 20px;
        right: 20px
    }

    .netcare-home .section04 .popup-banner .position-relative {
        padding: 20px 20px 10px
    }

    .netcare-home .section04 .popup-banner h2 {
        font-size: 35px;
        line-height: 40px;
        letter-spacing: -1.05px
    }

    .netcare-home .section04 .popup-banner .eclipse {
        width: 100%;
        height: 417px;
        z-index: 1
    }

    .netcare-home .section04 .popup-banner .container {
        row-gap: 30px
    }

    .netcare-home .section04 .popup-banner .flex-container {
        max-width: unset;
        row-gap: 20px
    }

    .netcare-home .section04 .popup-banner .btn-container {
        width: 100%
    }

    .netcare-home .section04 .popup-banner .bg-circle {
        margin-top: -240px;
        width: 105%;
        margin-left: -3%;
        height: 250px;
        border-radius: 100%/30%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .netcare-home .section04 .popup-banner .stats-parent {
        display: block
    }

    .netcare-home .section04 .popup-banner .stats-container {
        min-width: unset;
        padding: 20px 14px
    }

    .netcare-home .section04 .popup-banner .stats-container .stats {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: 20px
    }

    .netcare-home .section04 .popup-banner .stats-container .stats div {
        padding: 0 0 25px;
        min-width: unset
    }

    .netcare-home .section04 .popup-banner .stats-container .stats div:last-child {
        padding: 0
    }

    .netcare-home .section04 .popup-banner .stats-container .stats div::after {
        width: 53px;
        height: 0;
        top: unset;
        bottom: 0;
        left: 0;
        right: 0
    }

    .netcare-home .section04 .popup-banner .stats-container .stats .number {
        font-size: 50px
    }

    .netcare-home .section04 .popup-banner .stats-container .stats .label {
        font-size: 16px
    }

    .netcare-home .section04 .popup-banner .stats-container svg path {
        opacity: 1 !important
    }

    .netcare-home .section04 .popup-banner .stats-container svg.left {
        margin-right: 10px
    }

    .netcare-home .section04 .popup-banner .stats-container svg.right {
        margin-left: 10px
    }

    .netcare-home .section04 .popup-banner .dots {
        width: 100%;
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
        column-gap: 5px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .netcare-home .section04 .popup-banner .dots .dot::after {
        font-size: 28px
    }

    .netcare-home .section04 .popup-banner .dots .dot.active::after {
        width: 14px;
        margin-top: 3px
    }

    .netcare-home .section04 #appDivisions {
        display: block
    }

    .netcare-home .section05 {
        padding: 0 0 40px
    }

    .netcare-home .section05 .wrapper {
        padding: 0
    }

    .netcare-home .section05 .flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .netcare-home .section05 .left-container,
    .netcare-home .section05 .right-container {
        width: 100%;
        max-width: unset
    }

    .netcare-home .section05 .left-container {
        position: relative;
        top: -75px;
        left: 0;
        right: 0
    }

    .netcare-home .section05 .left-container img {
        width: 130%;
        margin-left: -14.8%
    }

    .netcare-home .section05 .right-container {
        padding: 0 20px;
        margin-top: -75px
    }

    .netcare-home .section06 .text01 {
        min-height: unset
    }

    .netcare-home .section06 .flex-container .custom-card {
        height: 460px;
        background-position: top left !important;
        background-size: cover !important
    }

    .netcare-home .section06 .flex-container .custom-card:nth-child(1) {
        background: url("../images/img_section06_01_mb.jpg") no-repeat
    }

    .netcare-home .section06 .flex-container .custom-card:nth-child(2) {
        background: url("../images/img_section06_02_mb.jpg") no-repeat
    }

    .netcare-home .section06 .flex-container .custom-card:nth-child(3) {
        background: url("../images/img_section06_03_mb.jpg") no-repeat;
        border-radius: 10px 10px 15px 15px
    }

    .netcare-home .section06 .flex-container .white-container {
        min-height: unset
    }

    .netcare-home .section06 .flex-container .white-container .link-container {
        min-height: unset
    }

    .netcare-home .section07 {
        background-image: none !important;
        background-position: center bottom;
        padding: 40px 0 0
    }

    .netcare-home .section07 .left-container {
        max-width: unset;
        row-gap: 20px
    }

    .netcare-home .section07 .left-container .icon {
        width: 80px
    }

    .netcare-home .section07 .left-container .btn-container a {
        max-width: unset
    }

    .netcare-home .section07 .img-container {
        width: calc(100% + 40px);
        margin-left: -20px
    }

    .netcare-home .section07 .img-container img {
        width: 100%
    }

    .netcare-home .section07 h3 {
        font-size: 16px;
        line-height: normal;
        letter-spacing: -0.48px
    }

    .netcare-home .section0809 {
        row-gap: 40px;
        padding-top: 40px
    }

    .netcare-home .section08 h3 {
        font-size: 20px;
        line-height: normal
    }

    .netcare-home .section08 .badge-date-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        row-gap: 10px
    }

    .netcare-home .section08 .badges {
        width: 100%
    }

    .netcare-home .section08 .badges p {
        width: 100%;
        text-align: center
    }

    .netcare-home .section08 .latest-media {
        background: url("../images/img_section08_01_mb.jpg") no-repeat;
        background-size: cover;
        max-width: unset;
        min-height: unset;
        padding: 140px 20px 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-radius: 0
    }

    .netcare-home .section08 .latest-media .white-container {
        padding: 30px 20px
    }

    .netcare-home .section08 .latest-media .white-container .btn-container a {
        max-width: unset
    }

    .netcare-home .section08 .right-container {
        max-width: unset;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        row-gap: 20px;
        padding: 30px 0;
        border-radius: 0 0 10px 10px
    }

    .netcare-home .section08 .right-container .block {
        padding: 10px 20px
    }

    .netcare-home .section08 .right-container .block.line {
        padding: 29px 20px 10px
    }

    .netcare-home .section08 .right-container .link-container a {
        font-size: 16px;
        line-height: 20px;
        padding: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .netcare-home .section08 .flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .netcare-home .section09 .bg-container {
        background-image: url("../images/img_section09_bg_mb.png");
        background-position: right bottom;
        min-height: 734px;
        padding: 40px 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .netcare-home .section09 .wrap-inner {
        padding: 0
    }
}

@media screen and (max-width: 800px) {
    .netcare-home .sectionBg01 .spiral {
        bottom: -230px;
        left: -330px
    }

    .netcare-home .section04 .right-container .finger-print,
    .netcare-home .section04 .right-container #appDivisionsAnimation {
        width: 100%
    }
}

@media screen and (max-width: 660px) {
    .netcare-home .section04 {
        padding: 40px 0 4px
    }

    .netcare-home .section04 .right-container .finger-print,
    .netcare-home .section04 .right-container #appDivisionsAnimation {
        max-width: 335px;
        width: auto;
        height: 640px;
        background-size: 120px;
        background-position: center 42%
    }

    .netcare-home .section04 .right-container .finger-print .icon-container,
    .netcare-home .section04 .right-container #appDivisionsAnimation .icon-container {
        left: 0;
        right: 0;
        padding: 15px;
        width: 20%;
        row-gap: 10px;
        -webkit-transition: ease .5s;
        -o-transition: ease .5s;
        transition: ease .5s
    }

    .netcare-home .section04 .right-container .finger-print .icon-container .icon,
    .netcare-home .section04 .right-container #appDivisionsAnimation .icon-container .icon {
        padding: 14px;
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
        z-index: 2;
        border: 0 !important;
        padding: 0
    }

    .netcare-home .section04 .right-container .finger-print .icon-container img,
    .netcare-home .section04 .right-container #appDivisionsAnimation .icon-container img {
        width: 50px;
        height: 50px
    }

    .netcare-home .section04 .right-container .finger-print .icon-container p,
    .netcare-home .section04 .right-container #appDivisionsAnimation .icon-container p {
        font-size: 12px;
        text-wrap: nowrap
    }
}

@media screen and (max-width: 600px) {
    .netcare-home .custom-mb-only {
        display: block
    }

    .netcare-home .custom-pc-only {
        display: none
    }

    .netcare-home .section01 {
        padding: 30px 0 30px
    }

    .netcare-home .section01 .slider-container img {
        width: 100%;
        height: auto;
        top: unset;
        right: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .netcare-home .section01 .card-container .card {
        padding: 15px 10px
    }

    .netcare-home .section02 .bg-white-circle {
        border-radius: 100%/70%
    }

    .netcare-home .section03 .card {
        width: 47.9%;
        min-height: 153px;
        row-gap: 15px
    }

    .netcare-home .section03 .card a {
        padding: 20px 15px;
        row-gap: 10px
    }

    .netcare-home .section03 .badge-container {
        padding: 30px 20px
    }

    .netcare-home .section03 .badge-container .flex-container {
        row-gap: 10px;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .netcare-home .section03 .badge-container .badges {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 48%;
        padding: 15px
    }

    .netcare-home .section03 .badge-container .badges:last-child {
        width: 99%
    }

    .netcare-home .section06 {
        padding: 40px 0 120px
    }

    .netcare-home .section06 h3 {
        font-size: 20px
    }

    .netcare-home .section06 .flex-container {
        row-gap: 100px
    }

    .netcare-home .section06 .flex-container .custom-card {
        padding: 0 18px
    }

    .netcare-home .section06 .flex-container .white-container {
        width: 100%;
        margin-bottom: -80px;
        padding: 20px
    }

    .netcare-home .section06 .flex-container .white-container .badge-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 7px
    }

    .netcare-home .section07 .play-btn {
        display: none
    }

    .netcare-home .section07 .custom-mb-only {
        display: block;
        width: 50px
    }

    .netcare-home .section07 h3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}