@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loader,
.loader-block {
    position: fixed;
    z-index: 9999
}

.loader-block {
    bottom: 0;
    right: 0;
    background-color: #fff;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.loader {
    left: 46%;
    top: 46%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    border: 2px solid #f3f3f3;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-top: 2px solid #E71C24;
    border-bottom: 2px solid #E71C24;
    width: 50px;
    height: 50px
}
@media (max-width:768px) {
    .loader {
        left: 44%;
        top: 44%;
    }
}

[data-icon]:before {
    content: attr(data-icon)
}

[class*=" icon-"]:before,
[class^=icon-]:before,
[data-icon]:before {
    font-family: "homelane" !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-facebook-logo:before {
    content: "\61"
}

.icon-google-plus:before {
    content: "\62"
}

.icon-linkedin:before {
    content: "\63"
}

.icon-pinterest-logo:before {
    content: "\64"
}

.icon-twitter:before {
    content: "\65"
}

.icon-envelope:before {
    content: "\66"
}

.icon-call:before {
    content: "\67"
}

.icon-heart:before {
    content: "\68";
}

.icon-music-player-play:before {
    content: "\69"
}

.icon-down-arrow:before {
    content: "\6a"
}

.icon-next:before {
    content: "\6c"
}

.icon-previous:before {
    content: "\6d"
}

.icon-5-year-warranty:before {
    content: "\73"
}

.icon-45day:before {
    content: "\74"
}

.icon-300expert:before {
    content: "\75"
}

.icon-post-install:before {
    content: "\76"
}
.icon-kolkata:before {
    content: "\78";
}
.icon-pune:before {
content: "\79";
}
.icon-mumbai:before {
    content: "\6b"
}

.icon-hyderabad:before {
    content: "\6e"
}

.icon-delhi:before {
    content: "\6f"
}

.icon-chennai:before {
    content: "\70"
}

.icon-bangalore:before {
    content: "\71"
}
.our-branches a.kolkata{margin-right: 11px;}


html {
    font-family: Lato,sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block
}

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

progress,
sub,
sup {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

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

optgroup {
    font-weight: 700
}

button,
hr,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

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

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

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

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

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

/*!
 * Bootstrap v4.0.0-beta.2 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 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: #f89e1c;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #868e96;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #868e96;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #f89e1c;
    --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, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .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 #ddd !important
    }
}

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

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

@-ms-viewport {
    width: device-width
}

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

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

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

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

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

dl,
ol,
p,
ul {
    margin-bottom: 1rem
}

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

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

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

dt {
    font-weight: 700
}

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

blockquote,
figure {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

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;
    -webkit-text-decoration-skip: objects
}

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

a:not([href]):not([tabindex]) {
    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
}

samp {
    font-size: 1em
}

pre {
    overflow: auto;
    -ms-overflow-style: scrollbar
}

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

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

[role=button],
a,
area,
button,
input:not([type=range]),
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

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

th {
    text-align: inherit
}

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

button {
    -webkit-border-radius: 0;
    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
}

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

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

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    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-cancel-button,
[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
}

template {
    display: none
}

[hidden] {
    display: none !important
}

code,
kbd,
pre,
samp {
    font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

code,
kbd {
    padding: .2rem .4rem
}

code {
    color: #bd4147;
    background-color: #f8f9fa;
    -webkit-border-radius: .25rem;
    border-radius: .25rem
}

a>code,
pre code {
    padding: 0;
    color: inherit;
    background-color: inherit
}

code,
kbd,
pre {
    font-size: 90%
}

kbd {
    background-color: #474a50bd;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    color: #fff
}

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

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    color: #474a50bd
}

pre code {
    font-size: inherit;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0
}

.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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -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 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-auto {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.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%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

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

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

.col-1,
.col-2,
.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2,
.col-3 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

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

.col-4,
.col-5,
.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5,
.col-6 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

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

.col-7,
.col-8,
.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8,
.col-9 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

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

.col-10,
.col-11,
.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11,
.col-12 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

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

.order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

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

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

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

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

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

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

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

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

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

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

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

.order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1,
    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3,
    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5,
    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7,
    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-10,
    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11,
    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:768px) {
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1,
    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3,
    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5,
    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7,
    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-md-10,
    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11,
    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1,
    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3,
    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5,
    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7,
    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-10,
    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11,
    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1,
    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xl-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-3,
    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xl-5,
    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xl-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7,
    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xl-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xl-10,
    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xl-11,
    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xl-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

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

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

.btn.focus,
.btn:focus {
    outline: 0
}

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

.btn-link,
.btn-link:hover {
    background-color: transparent
}

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

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

.btn-link.focus,
.btn-link:focus {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
    color: #868e96
}

.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 {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.show {
    display: block
}

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

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

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

.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -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: #868e96
}

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

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

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

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

.nav-tabs .nav-link.disabled {
    color: #868e96;
    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: #ddd #ddd #fff
}

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

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

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

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

.nav-justified .nav-item {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content {
    padding-bottom: 8rem
}

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

.slick-slide img,
.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    padding: .5rem 1rem
}

.navbar,
.navbar>.container,
.navbar>.container-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -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;
    margin-left:13px;
}

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

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

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

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

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

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

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

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

.button:focus,
.navbar-toggler-icon:focus {
    outline: 0 !important
}

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

@media (min-width:576px) {
    .navbar-expand-sm,
    .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
    .navbar-expand-sm {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
    .navbar-expand-sm .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
}

@media (max-width:767px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
    .our-branches a.kolkata{margin-right: 11px;}
}

@media (min-width:768px) {
    .navbar-expand-md,
    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
    .navbar-expand-md {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
    .navbar-expand-md .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
}

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

@media (min-width:992px) {
    .navbar-expand-lg,
    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
    .navbar-expand-lg {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
    .navbar-expand-lg .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
}

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

@media (min-width:1200px) {
    .navbar-expand-xl,
    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
    .navbar-expand-xl {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
    .navbar-expand-xl .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
}

.navbar-expand,
.navbar-expand .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.navbar-expand {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -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 {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

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

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

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

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

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

.navbar-expand .navbar-toggler,
.slick-slide.slick-loading img {
    display: none
}

.navbar-expand .dropup .dropdown-menu {
    top: auto;
    bottom: 100%
}

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

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a: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,
.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

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

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

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

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a: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,
.navbar-dark .navbar-text a {
    color: #fff
}

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

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

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

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

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

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

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.figure {
    display: inline-block
}

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

.figure-caption {
    font-size: 90%;
    color: #868e96
}

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

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

.list-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    position: static;
    right: 0;
    width: 22%;
    overflow: hidden !important
}

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

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

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

.list-group-item {
    position: relative;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease;
    margin: 0 3rem;
    color: rgba(10, 31, 68, .7);
    font-size: 14px;
    padding: 1.25rem 2rem !important;
    background-color: transparent
}

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

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

.list-group-item:focus,
.list-group-item:hover {
    text-decoration: none
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #868e96;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(10, 31, 68, .05);
    color: #0a1f44;
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease
}

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

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

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

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

a.list-group-item-primary,
button.list-group-item-primary {
    color: #004085
}

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

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

.list-group-item-secondary {
    color: #464a4e;
    background-color: #dddfe2
}

a.list-group-item-secondary,
button.list-group-item-secondary {
    color: #464a4e
}

a.list-group-item-secondary:focus,
a.list-group-item-secondary:hover,
button.list-group-item-secondary:focus,
button.list-group-item-secondary:hover {
    color: #464a4e;
    background-color: #cfd2d6
}

a.list-group-item-secondary.active,
button.list-group-item-secondary.active {
    color: #fff;
    background-color: #464a4e;
    border-color: #464a4e
}

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

a.list-group-item-success,
button.list-group-item-success {
    color: #155724
}

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

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

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

a.list-group-item-info,
button.list-group-item-info {
    color: #0c5460
}

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

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

.list-group-item-warning {
    color: #81520f;
    background-color: #fde4bf
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #81520f
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: #81520f;
    background-color: #fcdaa6
}

a.list-group-item-warning.active,
button.list-group-item-warning.active {
    color: #fff;
    background-color: #81520f;
    border-color: #81520f
}

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

a.list-group-item-danger,
button.list-group-item-danger {
    color: #721c24
}

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

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

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

a.list-group-item-light,
button.list-group-item-light {
    color: #818182
}

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

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

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

a.list-group-item-dark,
button.list-group-item-dark {
    color: #1b1e21
}

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

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

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}
@media(max-width:768px){
    .close {
        color: #000;
    } 
}

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

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

.modal,
.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    outline: 0
}
.modal.dark{background-color:#000000a3;}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

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

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

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

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    outline: 0
}

@media (max-width:767px) {
    .modal-content {
        background-color: #fff;
        width: 100% !important;
        display: block;
        position: relative;
        border: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        outline: 0;
        margin-bottom: 35px;
        -webkit-box-shadow: 0 -3px 11px rgba(0, 0, 0, .09);
        box-shadow: 0 -3px 11px rgba(0, 0, 0, .09)
    }
}

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

.modal-backdrop.fade {
    opacity: 0
}

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

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

.modal-header .close {
    padding: 15px;
    margin: -15px -15px -15px auto
}

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

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px
}

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

.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
}
.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}
#imgZoomModal .modal-content{background: transparent;}
@media (min-width:576px) {
    .modal-dialog {
        max-width: 700px;
        margin: 30px auto
    }
    .modal-sm {
        max-width: 300px
    }
    #imgZoomModal .modal-dialog {
        max-width: 100%;
        padding-top: 0;
        margin-top: 0;
    }
}
@media (max-width:768px) {
#imgZoomModal .modal-dialog{max-width: 100%;    padding: 0;
    margin: 0;
    background: transparent;}
#imgZoomModal .modal-body{padding:0;}

#imgZoomModal img{margin: 0 auto;}
/* #imgZoomModal img.projectImgZoom{width:1110px;height:650px;}
#imgZoomModal img.galleryImgZoom{width:1110px;height:auto;} */
}
@media (min-width:768px) {
#imgZoomModal img{  margin: 0 auto;}

}
#imgZoomModal img.highlightImgZoom{width:300px;}
/* #imgZoomModal  .modal-content{background:transparent;border:none;} */
 #imgZoomModal ul.img-slider li{margin-left:0;}
 #imgZoomModal ul.img-slider .slick-arrow{bottom:0;}
 #imgZoomModal .arrows-info .slick-disabled,#imgZoomModal .arrows-info .slick-disabled .ic-arrows__next, #imgZoomModal .arrows-info .slick-disabled .slick-data,#imgZoomModal .arrows-info .slickArrow-prev .slick-data,#imgZoomModal .ic-arrows,#imgZoomModal .ic-arrows__next{
    color: #FFF;
}
#imgZoomModal .slick-next .slick-data:before {background-color: #FFF;}
@media (min-width:992px) {
    .modal-lg {
        max-width: 920px
    }
}

.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 {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #868e96 !important
}

a.bg-secondary:focus,
a.bg-secondary:hover {
    background-color: #6c757d !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #1e7e34 !important
}

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

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

.bg-warning {
    background-color: #f89e1c !important
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #da8407 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #bd2130 !important
}

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

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

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

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

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

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #e9ecef !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: #868e96 !important
}

.border-success {
    border-color: #28a745 !important
}

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

.border-warning {
    border-color: #f89e1c !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 {
    -webkit-border-radius: .25rem !important;
    border-radius: .25rem !important
}

.rounded-right,
.rounded-top {
    -webkit-border-top-right-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-top {
    -webkit-border-top-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.rounded-right {
    -webkit-border-bottom-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-left {
    -webkit-border-bottom-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-bottom {
    -webkit-border-bottom-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-left {
    -webkit-border-top-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.rounded-circle {
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important
}

.rounded-0 {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important
}

.clearfix::after {
    clear: both
}

.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: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    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: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        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: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        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: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        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: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.d-print-block {
    display: none !important
}

@media print {
    .d-print-block {
        display: block !important
    }
}

.d-print-inline {
    display: none !important
}

@media print {
    .d-print-inline {
        display: inline !important
    }
}

.d-print-inline-block {
    display: none !important
}

@media print {
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-none {
        display: none !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.clearfix::after,
.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.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-column,
.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-column-reverse,
.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

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

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

.justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

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

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

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

.align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-column,
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-sm-column-reverse,
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-sm-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-sm-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-sm-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-sm-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-sm-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-sm-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-sm-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-sm-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-column,
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-md-column-reverse,
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-md-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-md-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-md-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-md-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-md-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-md-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-md-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-md-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-md-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-md-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-column,
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-lg-column-reverse,
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-lg-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-lg-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-lg-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-lg-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-lg-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-lg-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-lg-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-lg-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-column,
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-xl-column-reverse,
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-xl-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-xl-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-xl-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-xl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-xl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-xl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-xl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-xl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (max-width:767px) {
    .justify-content-end {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !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
    }
}

.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-bottom,
.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-top {
    top: 0
}

.fixed-bottom {
    bottom: 0
}

@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;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}
@media (max-width:767px) {
    .w-101 {
        width: 100% !important
    }
}
.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.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;
    text-align:center;
    
}

.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-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-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-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-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-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-justify {
    text-align: justify !important;
    word-spacing  :-1px;
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    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-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !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: #0062cc !important
}

.text-secondary {
    color: #868e96 !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #6c757d !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #1e7e34 !important
}

.text-info {
    color: #17a2b8 !important
}

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

.text-warning {
    color: #f89e1c !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #da8407 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #bd2130 !important
}

.text-light {
    color: #f8f9fa !important
}

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

.text-dark {
    color: #343a40 !important
}

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

.text-muted {
    color: #868e96 !important
}

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

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    -webkit-box-sizing: border-box;
    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-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-slide,
.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.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

[data-aos][data-aos][data-aos-duration='50'],
body[data-aos-duration='50'] [data-aos] {
    -webkit-transition-duration: 50ms;
    -o-transition-duration: 50ms;
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay='50'],
body[data-aos-delay='50'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='50'].aos-animate,
body[data-aos-delay='50'] [data-aos].aos-animate {
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration='100'],
body[data-aos-duration='100'] [data-aos] {
    -webkit-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    transition-duration: 100ms
}

[data-aos][data-aos][data-aos-delay='100'],
body[data-aos-delay='100'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='100'].aos-animate,
body[data-aos-delay='100'] [data-aos].aos-animate {
    -webkit-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms
}

[data-aos][data-aos][data-aos-duration='150'],
body[data-aos-duration='150'] [data-aos] {
    -webkit-transition-duration: 150ms;
    -o-transition-duration: 150ms;
    transition-duration: 150ms
}

[data-aos][data-aos][data-aos-delay='150'],
body[data-aos-delay='150'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='150'].aos-animate,
body[data-aos-delay='150'] [data-aos].aos-animate {
    -webkit-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms
}

[data-aos][data-aos][data-aos-duration='200'],
body[data-aos-duration='200'] [data-aos] {
    -webkit-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms
}

[data-aos][data-aos][data-aos-delay='200'],
body[data-aos-delay='200'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='200'].aos-animate,
body[data-aos-delay='200'] [data-aos].aos-animate {
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms
}

[data-aos][data-aos][data-aos-duration='250'],
body[data-aos-duration='250'] [data-aos] {
    -webkit-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms
}

[data-aos][data-aos][data-aos-delay='250'],
body[data-aos-delay='250'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='250'].aos-animate,
body[data-aos-delay='250'] [data-aos].aos-animate {
    -webkit-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms
}

[data-aos][data-aos][data-aos-duration='300'],
body[data-aos-duration='300'] [data-aos] {
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms
}

[data-aos][data-aos][data-aos-delay='300'],
body[data-aos-delay='300'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='300'].aos-animate,
body[data-aos-delay='300'] [data-aos].aos-animate {
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms
}

[data-aos][data-aos][data-aos-duration='350'],
body[data-aos-duration='350'] [data-aos] {
    -webkit-transition-duration: 350ms;
    -o-transition-duration: 350ms;
    transition-duration: 350ms
}

[data-aos][data-aos][data-aos-delay='350'],
body[data-aos-delay='350'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='350'].aos-animate,
body[data-aos-delay='350'] [data-aos].aos-animate {
    -webkit-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms
}

[data-aos][data-aos][data-aos-duration='400'],
body[data-aos-duration='400'] [data-aos] {
    -webkit-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms
}

[data-aos][data-aos][data-aos-delay='400'],
body[data-aos-delay='400'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='400'].aos-animate,
body[data-aos-delay='400'] [data-aos].aos-animate {
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms
}

[data-aos][data-aos][data-aos-duration='450'],
body[data-aos-duration='450'] [data-aos] {
    -webkit-transition-duration: 450ms;
    -o-transition-duration: 450ms;
    transition-duration: 450ms
}

[data-aos][data-aos][data-aos-delay='450'],
body[data-aos-delay='450'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='450'].aos-animate,
body[data-aos-delay='450'] [data-aos].aos-animate {
    -webkit-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms
}

[data-aos][data-aos][data-aos-duration='500'],
body[data-aos-duration='500'] [data-aos] {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms
}

[data-aos][data-aos][data-aos-delay='500'],
body[data-aos-delay='500'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='500'].aos-animate,
body[data-aos-delay='500'] [data-aos].aos-animate {
    -webkit-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms
}

[data-aos][data-aos][data-aos-duration='550'],
body[data-aos-duration='550'] [data-aos] {
    -webkit-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms
}

[data-aos][data-aos][data-aos-delay='550'],
body[data-aos-delay='550'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='550'].aos-animate,
body[data-aos-delay='550'] [data-aos].aos-animate {
    -webkit-transition-delay: 550ms;
    -o-transition-delay: 550ms;
    transition-delay: 550ms
}

[data-aos][data-aos][data-aos-duration='600'],
body[data-aos-duration='600'] [data-aos] {
    -webkit-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    transition-duration: 600ms
}

[data-aos][data-aos][data-aos-delay='600'],
body[data-aos-delay='600'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='600'].aos-animate,
body[data-aos-delay='600'] [data-aos].aos-animate {
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms
}

[data-aos][data-aos][data-aos-duration='650'],
body[data-aos-duration='650'] [data-aos] {
    -webkit-transition-duration: 650ms;
    -o-transition-duration: 650ms;
    transition-duration: 650ms
}

[data-aos][data-aos][data-aos-delay='650'],
body[data-aos-delay='650'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='650'].aos-animate,
body[data-aos-delay='650'] [data-aos].aos-animate {
    -webkit-transition-delay: 650ms;
    -o-transition-delay: 650ms;
    transition-delay: 650ms
}

[data-aos][data-aos][data-aos-duration='700'],
body[data-aos-duration='700'] [data-aos] {
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay='700'],
body[data-aos-delay='700'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='700'].aos-animate,
body[data-aos-delay='700'] [data-aos].aos-animate {
    -webkit-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms
}

[data-aos][data-aos][data-aos-duration='750'],
body[data-aos-duration='750'] [data-aos] {
    -webkit-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    transition-duration: 750ms
}

[data-aos][data-aos][data-aos-delay='750'],
body[data-aos-delay='750'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='750'].aos-animate,
body[data-aos-delay='750'] [data-aos].aos-animate {
    -webkit-transition-delay: 750ms;
    -o-transition-delay: 750ms;
    transition-delay: 750ms
}

[data-aos][data-aos][data-aos-duration='800'],
body[data-aos-duration='800'] [data-aos] {
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms
}

[data-aos][data-aos][data-aos-delay='800'],
body[data-aos-delay='800'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='800'].aos-animate,
body[data-aos-delay='800'] [data-aos].aos-animate {
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms
}

[data-aos][data-aos][data-aos-duration='850'],
body[data-aos-duration='850'] [data-aos] {
    -webkit-transition-duration: 850ms;
    -o-transition-duration: 850ms;
    transition-duration: 850ms
}

[data-aos][data-aos][data-aos-delay='850'],
body[data-aos-delay='850'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='850'].aos-animate,
body[data-aos-delay='850'] [data-aos].aos-animate {
    -webkit-transition-delay: 850ms;
    -o-transition-delay: 850ms;
    transition-delay: 850ms
}

[data-aos][data-aos][data-aos-duration='900'],
body[data-aos-duration='900'] [data-aos] {
    -webkit-transition-duration: 900ms;
    -o-transition-duration: 900ms;
    transition-duration: 900ms
}

[data-aos][data-aos][data-aos-delay='900'],
body[data-aos-delay='900'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='900'].aos-animate,
body[data-aos-delay='900'] [data-aos].aos-animate {
    -webkit-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms
}

[data-aos][data-aos][data-aos-duration='950'],
body[data-aos-duration='950'] [data-aos] {
    -webkit-transition-duration: 950ms;
    -o-transition-duration: 950ms;
    transition-duration: 950ms
}

[data-aos][data-aos][data-aos-delay='950'],
body[data-aos-delay='950'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='950'].aos-animate,
body[data-aos-delay='950'] [data-aos].aos-animate {
    -webkit-transition-delay: 950ms;
    -o-transition-delay: 950ms;
    transition-delay: 950ms
}

[data-aos][data-aos][data-aos-duration='1000'],
body[data-aos-duration='1000'] [data-aos] {
    -webkit-transition-duration: 1000ms;
    -o-transition-duration: 1000ms;
    transition-duration: 1000ms
}

[data-aos][data-aos][data-aos-delay='1000'],
body[data-aos-delay='1000'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1000'].aos-animate,
body[data-aos-delay='1000'] [data-aos].aos-animate {
    -webkit-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms
}

[data-aos][data-aos][data-aos-duration='1050'],
body[data-aos-duration='1050'] [data-aos] {
    -webkit-transition-duration: 1050ms;
    -o-transition-duration: 1050ms;
    transition-duration: 1050ms
}

[data-aos][data-aos][data-aos-delay='1050'],
body[data-aos-delay='1050'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1050'].aos-animate,
body[data-aos-delay='1050'] [data-aos].aos-animate {
    -webkit-transition-delay: 1050ms;
    -o-transition-delay: 1050ms;
    transition-delay: 1050ms
}

[data-aos][data-aos][data-aos-duration='1100'],
body[data-aos-duration='1100'] [data-aos] {
    -webkit-transition-duration: 1100ms;
    -o-transition-duration: 1100ms;
    transition-duration: 1100ms
}

[data-aos][data-aos][data-aos-delay='1100'],
body[data-aos-delay='1100'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1100'].aos-animate,
body[data-aos-delay='1100'] [data-aos].aos-animate {
    -webkit-transition-delay: 1100ms;
    -o-transition-delay: 1100ms;
    transition-delay: 1100ms
}

[data-aos][data-aos][data-aos-duration='1150'],
body[data-aos-duration='1150'] [data-aos] {
    -webkit-transition-duration: 1150ms;
    -o-transition-duration: 1150ms;
    transition-duration: 1150ms
}

[data-aos][data-aos][data-aos-delay='1150'],
body[data-aos-delay='1150'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1150'].aos-animate,
body[data-aos-delay='1150'] [data-aos].aos-animate {
    -webkit-transition-delay: 1150ms;
    -o-transition-delay: 1150ms;
    transition-delay: 1150ms
}

[data-aos][data-aos][data-aos-duration='1200'],
body[data-aos-duration='1200'] [data-aos] {
    -webkit-transition-duration: 1200ms;
    -o-transition-duration: 1200ms;
    transition-duration: 1200ms
}

[data-aos][data-aos][data-aos-delay='1200'],
body[data-aos-delay='1200'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1200'].aos-animate,
body[data-aos-delay='1200'] [data-aos].aos-animate {
    -webkit-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms
}

[data-aos][data-aos][data-aos-duration='1250'],
body[data-aos-duration='1250'] [data-aos] {
    -webkit-transition-duration: 1250ms;
    -o-transition-duration: 1250ms;
    transition-duration: 1250ms
}

[data-aos][data-aos][data-aos-delay='1250'],
body[data-aos-delay='1250'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1250'].aos-animate,
body[data-aos-delay='1250'] [data-aos].aos-animate {
    -webkit-transition-delay: 1250ms;
    -o-transition-delay: 1250ms;
    transition-delay: 1250ms
}

[data-aos][data-aos][data-aos-duration='1300'],
body[data-aos-duration='1300'] [data-aos] {
    -webkit-transition-duration: 1300ms;
    -o-transition-duration: 1300ms;
    transition-duration: 1300ms
}

[data-aos][data-aos][data-aos-delay='1300'],
body[data-aos-delay='1300'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1300'].aos-animate,
body[data-aos-delay='1300'] [data-aos].aos-animate {
    -webkit-transition-delay: 1300ms;
    -o-transition-delay: 1300ms;
    transition-delay: 1300ms
}

[data-aos][data-aos][data-aos-duration='1350'],
body[data-aos-duration='1350'] [data-aos] {
    -webkit-transition-duration: 1350ms;
    -o-transition-duration: 1350ms;
    transition-duration: 1350ms
}

[data-aos][data-aos][data-aos-delay='1350'],
body[data-aos-delay='1350'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1350'].aos-animate,
body[data-aos-delay='1350'] [data-aos].aos-animate {
    -webkit-transition-delay: 1350ms;
    -o-transition-delay: 1350ms;
    transition-delay: 1350ms
}

[data-aos][data-aos][data-aos-duration='1400'],
body[data-aos-duration='1400'] [data-aos] {
    -webkit-transition-duration: 1400ms;
    -o-transition-duration: 1400ms;
    transition-duration: 1400ms
}

[data-aos][data-aos][data-aos-delay='1400'],
body[data-aos-delay='1400'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1400'].aos-animate,
body[data-aos-delay='1400'] [data-aos].aos-animate {
    -webkit-transition-delay: 1400ms;
    -o-transition-delay: 1400ms;
    transition-delay: 1400ms
}

[data-aos][data-aos][data-aos-duration='1450'],
body[data-aos-duration='1450'] [data-aos] {
    -webkit-transition-duration: 1450ms;
    -o-transition-duration: 1450ms;
    transition-duration: 1450ms
}

[data-aos][data-aos][data-aos-delay='1450'],
body[data-aos-delay='1450'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1450'].aos-animate,
body[data-aos-delay='1450'] [data-aos].aos-animate {
    -webkit-transition-delay: 1450ms;
    -o-transition-delay: 1450ms;
    transition-delay: 1450ms
}

[data-aos][data-aos][data-aos-duration='1500'],
body[data-aos-duration='1500'] [data-aos] {
    -webkit-transition-duration: 1500ms;
    -o-transition-duration: 1500ms;
    transition-duration: 1500ms
}

[data-aos][data-aos][data-aos-delay='1500'],
body[data-aos-delay='1500'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1500'].aos-animate,
body[data-aos-delay='1500'] [data-aos].aos-animate {
    -webkit-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms
}

[data-aos][data-aos][data-aos-duration='1550'],
body[data-aos-duration='1550'] [data-aos] {
    -webkit-transition-duration: 1550ms;
    -o-transition-duration: 1550ms;
    transition-duration: 1550ms
}

[data-aos][data-aos][data-aos-delay='1550'],
body[data-aos-delay='1550'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1550'].aos-animate,
body[data-aos-delay='1550'] [data-aos].aos-animate {
    -webkit-transition-delay: 1550ms;
    -o-transition-delay: 1550ms;
    transition-delay: 1550ms
}

[data-aos][data-aos][data-aos-duration='1600'],
body[data-aos-duration='1600'] [data-aos] {
    -webkit-transition-duration: 1600ms;
    -o-transition-duration: 1600ms;
    transition-duration: 1600ms
}

[data-aos][data-aos][data-aos-delay='1600'],
body[data-aos-delay='1600'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1600'].aos-animate,
body[data-aos-delay='1600'] [data-aos].aos-animate {
    -webkit-transition-delay: 1600ms;
    -o-transition-delay: 1600ms;
    transition-delay: 1600ms
}

[data-aos][data-aos][data-aos-duration='1650'],
body[data-aos-duration='1650'] [data-aos] {
    -webkit-transition-duration: 1650ms;
    -o-transition-duration: 1650ms;
    transition-duration: 1650ms
}

[data-aos][data-aos][data-aos-delay='1650'],
body[data-aos-delay='1650'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1650'].aos-animate,
body[data-aos-delay='1650'] [data-aos].aos-animate {
    -webkit-transition-delay: 1650ms;
    -o-transition-delay: 1650ms;
    transition-delay: 1650ms
}

[data-aos][data-aos][data-aos-duration='1700'],
body[data-aos-duration='1700'] [data-aos] {
    -webkit-transition-duration: 1700ms;
    -o-transition-duration: 1700ms;
    transition-duration: 1700ms
}

[data-aos][data-aos][data-aos-delay='1700'],
body[data-aos-delay='1700'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1700'].aos-animate,
body[data-aos-delay='1700'] [data-aos].aos-animate {
    -webkit-transition-delay: 1700ms;
    -o-transition-delay: 1700ms;
    transition-delay: 1700ms
}

[data-aos][data-aos][data-aos-duration='1750'],
body[data-aos-duration='1750'] [data-aos] {
    -webkit-transition-duration: 1750ms;
    -o-transition-duration: 1750ms;
    transition-duration: 1750ms
}

[data-aos][data-aos][data-aos-delay='1750'],
body[data-aos-delay='1750'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1750'].aos-animate,
body[data-aos-delay='1750'] [data-aos].aos-animate {
    -webkit-transition-delay: 1750ms;
    -o-transition-delay: 1750ms;
    transition-delay: 1750ms
}

[data-aos][data-aos][data-aos-duration='1800'],
body[data-aos-duration='1800'] [data-aos] {
    -webkit-transition-duration: 1800ms;
    -o-transition-duration: 1800ms;
    transition-duration: 1800ms
}

[data-aos][data-aos][data-aos-delay='1800'],
body[data-aos-delay='1800'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1800'].aos-animate,
body[data-aos-delay='1800'] [data-aos].aos-animate {
    -webkit-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms
}

[data-aos][data-aos][data-aos-duration='1850'],
body[data-aos-duration='1850'] [data-aos] {
    -webkit-transition-duration: 1850ms;
    -o-transition-duration: 1850ms;
    transition-duration: 1850ms
}

[data-aos][data-aos][data-aos-delay='1850'],
body[data-aos-delay='1850'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1850'].aos-animate,
body[data-aos-delay='1850'] [data-aos].aos-animate {
    -webkit-transition-delay: 1850ms;
    -o-transition-delay: 1850ms;
    transition-delay: 1850ms
}

[data-aos][data-aos][data-aos-duration='1900'],
body[data-aos-duration='1900'] [data-aos] {
    -webkit-transition-duration: 1900ms;
    -o-transition-duration: 1900ms;
    transition-duration: 1900ms
}

[data-aos][data-aos][data-aos-delay='1900'],
body[data-aos-delay='1900'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1900'].aos-animate,
body[data-aos-delay='1900'] [data-aos].aos-animate {
    -webkit-transition-delay: 1900ms;
    -o-transition-delay: 1900ms;
    transition-delay: 1900ms
}

[data-aos][data-aos][data-aos-duration='1950'],
body[data-aos-duration='1950'] [data-aos] {
    -webkit-transition-duration: 1950ms;
    -o-transition-duration: 1950ms;
    transition-duration: 1950ms
}

[data-aos][data-aos][data-aos-delay='1950'],
body[data-aos-delay='1950'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1950'].aos-animate,
body[data-aos-delay='1950'] [data-aos].aos-animate {
    -webkit-transition-delay: 1950ms;
    -o-transition-delay: 1950ms;
    transition-delay: 1950ms
}

[data-aos][data-aos][data-aos-duration='2000'],
body[data-aos-duration='2000'] [data-aos] {
    -webkit-transition-duration: 2000ms;
    -o-transition-duration: 2000ms;
    transition-duration: 2000ms
}

[data-aos][data-aos][data-aos-delay='2000'],
body[data-aos-delay='2000'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2000'].aos-animate,
body[data-aos-delay='2000'] [data-aos].aos-animate {
    -webkit-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    transition-delay: 2000ms
}

[data-aos][data-aos][data-aos-duration='2050'],
body[data-aos-duration='2050'] [data-aos] {
    -webkit-transition-duration: 2050ms;
    -o-transition-duration: 2050ms;
    transition-duration: 2050ms
}

[data-aos][data-aos][data-aos-delay='2050'],
body[data-aos-delay='2050'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2050'].aos-animate,
body[data-aos-delay='2050'] [data-aos].aos-animate {
    -webkit-transition-delay: 2050ms;
    -o-transition-delay: 2050ms;
    transition-delay: 2050ms
}

[data-aos][data-aos][data-aos-duration='2100'],
body[data-aos-duration='2100'] [data-aos] {
    -webkit-transition-duration: 2100ms;
    -o-transition-duration: 2100ms;
    transition-duration: 2100ms
}

[data-aos][data-aos][data-aos-delay='2100'],
body[data-aos-delay='2100'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2100'].aos-animate,
body[data-aos-delay='2100'] [data-aos].aos-animate {
    -webkit-transition-delay: 2100ms;
    -o-transition-delay: 2100ms;
    transition-delay: 2100ms
}

[data-aos][data-aos][data-aos-duration='2150'],
body[data-aos-duration='2150'] [data-aos] {
    -webkit-transition-duration: 2150ms;
    -o-transition-duration: 2150ms;
    transition-duration: 2150ms
}

[data-aos][data-aos][data-aos-delay='2150'],
body[data-aos-delay='2150'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2150'].aos-animate,
body[data-aos-delay='2150'] [data-aos].aos-animate {
    -webkit-transition-delay: 2150ms;
    -o-transition-delay: 2150ms;
    transition-delay: 2150ms
}

[data-aos][data-aos][data-aos-duration='2200'],
body[data-aos-duration='2200'] [data-aos] {
    -webkit-transition-duration: 2200ms;
    -o-transition-duration: 2200ms;
    transition-duration: 2200ms
}

[data-aos][data-aos][data-aos-delay='2200'],
body[data-aos-delay='2200'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2200'].aos-animate,
body[data-aos-delay='2200'] [data-aos].aos-animate {
    -webkit-transition-delay: 2200ms;
    -o-transition-delay: 2200ms;
    transition-delay: 2200ms
}

[data-aos][data-aos][data-aos-duration='2250'],
body[data-aos-duration='2250'] [data-aos] {
    -webkit-transition-duration: 2250ms;
    -o-transition-duration: 2250ms;
    transition-duration: 2250ms
}

[data-aos][data-aos][data-aos-delay='2250'],
body[data-aos-delay='2250'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2250'].aos-animate,
body[data-aos-delay='2250'] [data-aos].aos-animate {
    -webkit-transition-delay: 2250ms;
    -o-transition-delay: 2250ms;
    transition-delay: 2250ms
}

[data-aos][data-aos][data-aos-duration='2300'],
body[data-aos-duration='2300'] [data-aos] {
    -webkit-transition-duration: 2300ms;
    -o-transition-duration: 2300ms;
    transition-duration: 2300ms
}

[data-aos][data-aos][data-aos-delay='2300'],
body[data-aos-delay='2300'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2300'].aos-animate,
body[data-aos-delay='2300'] [data-aos].aos-animate {
    -webkit-transition-delay: 2300ms;
    -o-transition-delay: 2300ms;
    transition-delay: 2300ms
}

[data-aos][data-aos][data-aos-duration='2350'],
body[data-aos-duration='2350'] [data-aos] {
    -webkit-transition-duration: 2350ms;
    -o-transition-duration: 2350ms;
    transition-duration: 2350ms
}

[data-aos][data-aos][data-aos-delay='2350'],
body[data-aos-delay='2350'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2350'].aos-animate,
body[data-aos-delay='2350'] [data-aos].aos-animate {
    -webkit-transition-delay: 2350ms;
    -o-transition-delay: 2350ms;
    transition-delay: 2350ms
}

[data-aos][data-aos][data-aos-duration='2400'],
body[data-aos-duration='2400'] [data-aos] {
    -webkit-transition-duration: 2400ms;
    -o-transition-duration: 2400ms;
    transition-duration: 2400ms
}

[data-aos][data-aos][data-aos-delay='2400'],
body[data-aos-delay='2400'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2400'].aos-animate,
body[data-aos-delay='2400'] [data-aos].aos-animate {
    -webkit-transition-delay: 2400ms;
    -o-transition-delay: 2400ms;
    transition-delay: 2400ms
}

[data-aos][data-aos][data-aos-duration='2450'],
body[data-aos-duration='2450'] [data-aos] {
    -webkit-transition-duration: 2450ms;
    -o-transition-duration: 2450ms;
    transition-duration: 2450ms
}

[data-aos][data-aos][data-aos-delay='2450'],
body[data-aos-delay='2450'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2450'].aos-animate,
body[data-aos-delay='2450'] [data-aos].aos-animate {
    -webkit-transition-delay: 2450ms;
    -o-transition-delay: 2450ms;
    transition-delay: 2450ms
}

[data-aos][data-aos][data-aos-duration='2500'],
body[data-aos-duration='2500'] [data-aos] {
    -webkit-transition-duration: 2500ms;
    -o-transition-duration: 2500ms;
    transition-duration: 2500ms
}

[data-aos][data-aos][data-aos-delay='2500'],
body[data-aos-delay='2500'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2500'].aos-animate,
body[data-aos-delay='2500'] [data-aos].aos-animate {
    -webkit-transition-delay: 2500ms;
    -o-transition-delay: 2500ms;
    transition-delay: 2500ms
}

[data-aos][data-aos][data-aos-duration='2550'],
body[data-aos-duration='2550'] [data-aos] {
    -webkit-transition-duration: 2550ms;
    -o-transition-duration: 2550ms;
    transition-duration: 2550ms
}

[data-aos][data-aos][data-aos-delay='2550'],
body[data-aos-delay='2550'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2550'].aos-animate,
body[data-aos-delay='2550'] [data-aos].aos-animate {
    -webkit-transition-delay: 2550ms;
    -o-transition-delay: 2550ms;
    transition-delay: 2550ms
}

[data-aos][data-aos][data-aos-duration='2600'],
body[data-aos-duration='2600'] [data-aos] {
    -webkit-transition-duration: 2600ms;
    -o-transition-duration: 2600ms;
    transition-duration: 2600ms
}

[data-aos][data-aos][data-aos-delay='2600'],
body[data-aos-delay='2600'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2600'].aos-animate,
body[data-aos-delay='2600'] [data-aos].aos-animate {
    -webkit-transition-delay: 2600ms;
    -o-transition-delay: 2600ms;
    transition-delay: 2600ms
}

[data-aos][data-aos][data-aos-duration='2650'],
body[data-aos-duration='2650'] [data-aos] {
    -webkit-transition-duration: 2650ms;
    -o-transition-duration: 2650ms;
    transition-duration: 2650ms
}

[data-aos][data-aos][data-aos-delay='2650'],
body[data-aos-delay='2650'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2650'].aos-animate,
body[data-aos-delay='2650'] [data-aos].aos-animate {
    -webkit-transition-delay: 2650ms;
    -o-transition-delay: 2650ms;
    transition-delay: 2650ms
}

[data-aos][data-aos][data-aos-duration='2700'],
body[data-aos-duration='2700'] [data-aos] {
    -webkit-transition-duration: 2700ms;
    -o-transition-duration: 2700ms;
    transition-duration: 2700ms
}

[data-aos][data-aos][data-aos-delay='2700'],
body[data-aos-delay='2700'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2700'].aos-animate,
body[data-aos-delay='2700'] [data-aos].aos-animate {
    -webkit-transition-delay: 2700ms;
    -o-transition-delay: 2700ms;
    transition-delay: 2700ms
}

[data-aos][data-aos][data-aos-duration='2750'],
body[data-aos-duration='2750'] [data-aos] {
    -webkit-transition-duration: 2750ms;
    -o-transition-duration: 2750ms;
    transition-duration: 2750ms
}

[data-aos][data-aos][data-aos-delay='2750'],
body[data-aos-delay='2750'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2750'].aos-animate,
body[data-aos-delay='2750'] [data-aos].aos-animate {
    -webkit-transition-delay: 2750ms;
    -o-transition-delay: 2750ms;
    transition-delay: 2750ms
}

[data-aos][data-aos][data-aos-duration='2800'],
body[data-aos-duration='2800'] [data-aos] {
    -webkit-transition-duration: 2800ms;
    -o-transition-duration: 2800ms;
    transition-duration: 2800ms
}

[data-aos][data-aos][data-aos-delay='2800'],
body[data-aos-delay='2800'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2800'].aos-animate,
body[data-aos-delay='2800'] [data-aos].aos-animate {
    -webkit-transition-delay: 2800ms;
    -o-transition-delay: 2800ms;
    transition-delay: 2800ms
}

[data-aos][data-aos][data-aos-duration='2850'],
body[data-aos-duration='2850'] [data-aos] {
    -webkit-transition-duration: 2850ms;
    -o-transition-duration: 2850ms;
    transition-duration: 2850ms
}

[data-aos][data-aos][data-aos-delay='2850'],
body[data-aos-delay='2850'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2850'].aos-animate,
body[data-aos-delay='2850'] [data-aos].aos-animate {
    -webkit-transition-delay: 2850ms;
    -o-transition-delay: 2850ms;
    transition-delay: 2850ms
}

[data-aos][data-aos][data-aos-duration='2900'],
body[data-aos-duration='2900'] [data-aos] {
    -webkit-transition-duration: 2900ms;
    -o-transition-duration: 2900ms;
    transition-duration: 2900ms
}

[data-aos][data-aos][data-aos-delay='2900'],
body[data-aos-delay='2900'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2900'].aos-animate,
body[data-aos-delay='2900'] [data-aos].aos-animate {
    -webkit-transition-delay: 2900ms;
    -o-transition-delay: 2900ms;
    transition-delay: 2900ms
}

[data-aos][data-aos][data-aos-duration='2950'],
body[data-aos-duration='2950'] [data-aos] {
    -webkit-transition-duration: 2950ms;
    -o-transition-duration: 2950ms;
    transition-duration: 2950ms
}

[data-aos][data-aos][data-aos-delay='2950'],
body[data-aos-delay='2950'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2950'].aos-animate,
body[data-aos-delay='2950'] [data-aos].aos-animate {
    -webkit-transition-delay: 2950ms;
    -o-transition-delay: 2950ms;
    transition-delay: 2950ms
}

[data-aos][data-aos][data-aos-duration='3000'],
body[data-aos-duration='3000'] [data-aos] {
    -webkit-transition-duration: 3000ms;
    -o-transition-duration: 3000ms;
    transition-duration: 3000ms
}

[data-aos][data-aos][data-aos-delay='3000'],
body[data-aos-delay='3000'] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='3000'].aos-animate,
body[data-aos-delay='3000'] [data-aos].aos-animate {
    -webkit-transition-delay: 3000ms;
    -o-transition-delay: 3000ms;
    transition-delay: 3000ms
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    -o-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .1, .25, 1);
    -o-transition-timing-function: cubic-bezier(.25, .1, .25, 1);
    transition-timing-function: cubic-bezier(.25, .1, .25, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.42, 0, 1, 1);
    -o-transition-timing-function: cubic-bezier(.42, 0, 1, 1);
    transition-timing-function: cubic-bezier(.42, 0, 1, 1)
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .58, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .58, 1);
    transition-timing-function: cubic-bezier(0, 0, .58, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
    -o-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
    transition-timing-function: cubic-bezier(.42, 0, .58, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
    -o-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    -o-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1);
    -o-transition-timing-function: cubic-bezier(.39, .575, .565, 1);
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95);
    -o-transition-timing-function: cubic-bezier(.445, .05, .55, .95);
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    -o-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    -o-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    -o-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    -o-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    -o-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    -o-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade],
[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[data-aos=fade-up] {
    -webkit-transform: translate(0, 25px);
    -ms-transform: translate(0, 25px);
    transform: translate(0, 25px)
}

[data-aos=fade-down] {
    -webkit-transform: translate(0, -25px);
    -ms-transform: translate(0, -25px);
    transform: translate(0, -25px)
}

[data-aos=fade-right] {
    -webkit-transform: translate(-25px, 0);
    -ms-transform: translate(-25px, 0);
    transform: translate(-25px, 0)
}

[data-aos=fade-left] {
    -webkit-transform: translate(25px, 0);
    -ms-transform: translate(25px, 0);
    transform: translate(25px, 0)
}

[data-aos=fade-up-right] {
    -webkit-transform: translate(-25px, 25px);
    -ms-transform: translate(-25px, 25px);
    transform: translate(-25px, 25px)
}

[data-aos=fade-up-left] {
    -webkit-transform: translate(25px, 25px);
    -ms-transform: translate(25px, 25px);
    transform: translate(25px, 25px)
}

[data-aos=fade-down-right] {
    -webkit-transform: translate(-25px, -25px);
    -ms-transform: translate(-25px, -25px);
    transform: translate(-25px, -25px)
}

[data-aos=fade-down-left] {
    -webkit-transform: translate(25px, -25px);
    -ms-transform: translate(25px, -25px);
    transform: translate(25px, -25px)
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

[data-aos=zoom-in] {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    -webkit-transform: translate(0, 25px) scale(.6);
    -ms-transform: translate(0, 25px) scale(.6);
    transform: translate(0, 25px) scale(.6)
}

[data-aos=zoom-in-down] {
    -webkit-transform: translate(0, -25px) scale(.6);
    -ms-transform: translate(0, -25px) scale(.6);
    transform: translate(0, -25px) scale(.6)
}

[data-aos=zoom-in-right] {
    -webkit-transform: translate(-25px, 0) scale(.6);
    -ms-transform: translate(-25px, 0) scale(.6);
    transform: translate(-25px, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    -webkit-transform: translate(25px, 0) scale(.6);
    -ms-transform: translate(25px, 0) scale(.6);
    transform: translate(25px, 0) scale(.6)
}

[data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    -webkit-transform: translate(0, 25px) scale(1.2);
    -ms-transform: translate(0, 25px) scale(1.2);
    transform: translate(0, 25px) scale(1.2)
}

[data-aos=zoom-out-down] {
    -webkit-transform: translate(0, -25px) scale(1.2);
    -ms-transform: translate(0, -25px) scale(1.2);
    transform: translate(0, -25px) scale(1.2)
}

[data-aos=zoom-out-right] {
    -webkit-transform: translate(-25px, 0) scale(1.2);
    -ms-transform: translate(-25px, 0) scale(1.2);
    transform: translate(-25px, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    -webkit-transform: translate(25px, 0) scale(1.2);
    -ms-transform: translate(25px, 0) scale(1.2);
    transform: translate(25px, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[data-aos=slide-up] {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

[data-aos=slide-down] {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

[data-aos=slide-right] {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

[data-aos=slide-left] {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.fp-enabled body,
html.fp-enabled {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}
#exploreOurWork .fp-tableCell,#yellowBanner .fp-tableCell,#completedProjects .fp-tableCell{
    vertical-align: middle !important;
}
@media (min-width:1440px) {
#yellowBanner .section-padding{margin-top: -110px;}
}
.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    overflow: scroll
}

@media (max-width:1099px) and (min-width:768px) {
    .section.fp-auto-height,
    .section.fp-auto-height-responsive {
        padding: 1.5rem 0
    }
}

.fp-notransition {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0)
}

#fp-nav.right {
    right: 17px
}

#fp-nav.left {
    left: 17px
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1
}

.fp-slidesNav.bottom {
    bottom: 17px
}

.fp-slidesNav.top {
    top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}

.fp-slidesNav ul li {
    display: inline-block
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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);
        transform: translate3d(0, -30px, 0)
    }
    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);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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);
        transform: translate3d(0, -30px, 0)
    }
    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);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0%,
    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 {
    0%,
    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)
    }
}

@-webkit-keyframes rubberBand {
    0%,
    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 {
    0%,
    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)
    }
}

@-webkit-keyframes shake {
    0%,
    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 {
    0%,
    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)
    }
}

@-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)
    }
}

@-webkit-keyframes tada {
    0%,
    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 {
    0%,
    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)
    }
}

@-webkit-keyframes wobble {
    0%,
    to {
        -webkit-transform: none;
        transform: none
    }
    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 {
    0%,
    to {
        -webkit-transform: none;
        transform: none
    }
    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)
    }
}

@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }
    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(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }
    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(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@-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: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 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: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-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);
        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: none;
        transform: none
    }
}

@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);
        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: none;
        transform: none
    }
}

@-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);
        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: none;
        transform: none
    }
}

@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);
        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: none;
        transform: none
    }
}

@-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);
        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: none;
        transform: none
    }
}

@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);
        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: none;
        transform: none
    }
}

@-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);
        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 {
    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);
        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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) 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);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) 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);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes flipInX {
    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;
        opacity: 0
    }
    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% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    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 {
    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;
        opacity: 0
    }
    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% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    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)
    }
}

@-webkit-keyframes flipInY {
    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;
        opacity: 0
    }
    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% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    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 {
    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;
        opacity: 0
    }
    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% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    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)
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes lightSpeedIn {
    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);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    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);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@-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% {
        -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;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 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% {
        -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;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@-webkit-keyframes rollIn {
    0% {
        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: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        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: none;
        transform: none
    }
}

@-webkit-keyframes rollOut {
    0% {
        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 {
    0% {
        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)
    }
}

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

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

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

@-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)
    }
}

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

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

@-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)
    }
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        -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 {
    0% {
        -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)
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        -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 {
    0% {
        -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)
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -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 {
    0% {
        -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)
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -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 {
    0% {
        -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)
    }
}

.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.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

.flipInX,
.flipInY,
.flipOutX,
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY,
.flipOutX,
.flipOutY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

.flipOutX,
.flipOutY {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

.flipOutY {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

/*!
 * # Semantic UI 2.4.1 - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

@-webkit-keyframes form-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes form-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.form {
    position: relative;
    max-width: 100%;
    font-size: 1rem
}

.ui.form>p {
    margin: 1em 0
}

.ui.form .field {
    clear: both;
    margin: 0 0 1em
}

.ui.form .field:last-child,
.ui.form .fields:last-child .field {
    margin-bottom: 0
}

.ui.form .fields .field {
    clear: both;
    margin: 0
}

.ui.form .field>label {
    display: block;
    margin: 0 0 .28571429rem;
    color: rgba(0, 0, 0, .87);
    font-weight: 700;
    text-transform: none
}

.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=text],
.ui.form input[type=time],
.ui.form input[type=url],
.ui.form textarea {
    width: 100%;
    vertical-align: top
}

.ui.form ::-webkit-datetime-edit,
.ui.form ::-webkit-inner-spin-button {
    height: 1.21428571em
}

.ui.form textarea {
    margin: 0;
    -webkit-appearance: none;
    tap-highlight-color: transparent;
    padding: .78571429em 1em;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    outline: 0;
    color: rgba(0, 0, 0, .87);
    -webkit-border-radius: .28571429rem;
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease, border-color .1s ease;
    -o-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease;
    font-size: 1em;
    line-height: 1.2857;
    resize: vertical
}

.ui.form textarea:not([rows]) {
    height: 12em;
    min-height: 8em;
    max-height: 24em
}

.ui.form input[type=checkbox],
.ui.form textarea {
    vertical-align: middle
}

.ui.form select {
    display: block;
    height: auto;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    -webkit-border-radius: .28571429rem;
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    padding: .62em 1em;
    color: rgba(0, 0, 0, .87);
    -webkit-transition: color .1s ease, border-color .1s ease;
    -o-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease
}

.ui.form .field>.selection.dropdown {
    width: 100%
}

.ui.form .field>.selection.dropdown>.dropdown.icon {
    float: right
}

.ui.form .field .ui.input input,
.ui.form .fields .field .ui.input input,
.ui.form .inline.field>.selection.dropdown,
.ui.form .inline.fields .field>.selection.dropdown,
.ui.form input.attached {
    width: auto
}

.ui.form .inline.field>.selection.dropdown>.dropdown.icon,
.ui.form .inline.fields .field>.selection.dropdown>.dropdown.icon {
    float: none
}

.ui.form .field .ui.input,
.ui.form .fields .field .ui.input,
.ui.form .wide.field .ui.input {
    width: 100%
}

.ui.form .inline.field:not(.wide) .ui.input,
.ui.form .inline.fields .field:not(.wide) .ui.input {
    width: auto;
    vertical-align: middle
}

.ui.form .eight.fields .ui.input input,
.ui.form .five.fields .ui.input input,
.ui.form .four.fields .ui.input input,
.ui.form .nine.fields .ui.input input,
.ui.form .seven.fields .ui.input input,
.ui.form .six.fields .ui.input input,
.ui.form .ten.fields .ui.input input,
.ui.form .three.fields .ui.input input,
.ui.form .two.fields .ui.input input,
.ui.form .wide.field .ui.input input {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 0
}

.ui.form .error.message,
.ui.form .success.message,
.ui.form .warning.message {
    display: none
}

.ui.form .message:first-child {
    margin-top: 0
}

.ui.form .field .prompt.label {
    white-space: normal;
    color: #E71C24 !important;
    margin-top: .4rem
}

.ui.form .inline.field .prompt,
.ui.form .inline.fields .field .prompt {
    vertical-align: top;
    margin: -.25em 0 -.5em .5em
}

.ui.form .inline.field .prompt:before,
.ui.form .inline.fields .field .prompt:before {
    border-width: 0 0 1px 1px;
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0
}

.ui.form .field.field input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px ivory inset !important;
    box-shadow: 0 0 0 100px ivory inset !important;
    border-color: #e5dfa1 !important
}

.ui.form .field.field input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 100px ivory inset !important;
    box-shadow: 0 0 0 100px ivory inset !important;
    border-color: #d5c315 !important
}

.ui.form .error.error input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #fffaf0 inset !important;
    box-shadow: 0 0 0 100px #fffaf0 inset !important;
    border-color: #e0b4b4 !important
}

.ui.form ::-webkit-input-placeholder {
    color: rgba(191, 191, 191, .87)
}

.ui.form :-ms-input-placeholder {
    color: rgba(191, 191, 191, .87) !important
}

.ui.form ::-moz-placeholder {
    color: rgba(191, 191, 191, .87)
}

.ui.form :focus::-webkit-input-placeholder {
    color: rgba(115, 115, 115, .87)
}

.ui.form :focus:-ms-input-placeholder {
    color: rgba(115, 115, 115, .87) !important
}

.ui.form :focus::-moz-placeholder {
    color: rgba(115, 115, 115, .87)
}

.ui.form .error ::-webkit-input-placeholder {
    color: #e7bdbc
}

.ui.form .error :-ms-input-placeholder {
    color: #e7bdbc !important
}

.ui.form .error ::-moz-placeholder {
    color: #e7bdbc
}

.ui.form .error :focus::-webkit-input-placeholder {
    color: #da9796
}

.ui.form .error :focus:-ms-input-placeholder {
    color: #da9796 !important
}

.ui.form .error :focus::-moz-placeholder {
    color: #da9796
}

.ui.form input:not([type]):focus,
.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=file]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=text]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=url]:focus {
    color: rgba(0, 0, 0, .95);
    border-color: #85b7d9;
    -webkit-border-radius: .28571429rem;
    border-radius: .28571429rem;
    background: 0 0;
    outline: 0
}

.ui.form textarea:focus {
    color: rgba(0, 0, 0, .95);
    border-color: #85b7d9;
    -webkit-border-radius: .28571429rem;
    border-radius: .28571429rem;
    background: #fff;
    -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, .35) inset;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .35) inset;
    -webkit-appearance: none
}

.ui.form.error .error.message:not(:empty),
.ui.form.success .success.message:not(:empty),
.ui.form.warning .warning.message:not(:empty) {
    display: block
}

.ui.form.success .compact.success.message:not(:empty) {
    display: inline-block
}

.ui.form.success .icon.success.message:not(:empty) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.ui.form.warning .compact.warning.message:not(:empty) {
    display: inline-block
}

.ui.form.warning .icon.warning.message:not(:empty) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.ui.form.error .compact.error.message:not(:empty) {
    display: inline-block
}

.ui.form.error .icon.error.message:not(:empty) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.ui.form .field.error .checkbox .box:after,
.ui.form .field.error .checkbox label:after,
.ui.form .field.error .input,
.ui.form .field.error label,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .fields.error .field .checkbox label:after,
.ui.form .fields.error .field .input,
.ui.form .fields.error .field label {
    color: #9f3a38
}

.ui.form .field.error .corner.label,
.ui.form .fields.error .field .corner.label {
    border-color: #9f3a38;
    color: #fff
}

.ui.form .field.error input:not([type]),
.ui.form .field.error input[type=date],
.ui.form .field.error input[type=datetime-local],
.ui.form .field.error input[type=email],
.ui.form .field.error input[type=file],
.ui.form .field.error input[type=number],
.ui.form .field.error input[type=password],
.ui.form .field.error input[type=search],
.ui.form .field.error input[type=tel],
.ui.form .field.error input[type=text],
.ui.form .field.error input[type=time],
.ui.form .field.error input[type=url],
.ui.form .field.error select,
.ui.form .field.error textarea,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type=date],
.ui.form .fields.error .field input[type=datetime-local],
.ui.form .fields.error .field input[type=email],
.ui.form .fields.error .field input[type=file],
.ui.form .fields.error .field input[type=number],
.ui.form .fields.error .field input[type=password],
.ui.form .fields.error .field input[type=search],
.ui.form .fields.error .field input[type=tel],
.ui.form .fields.error .field input[type=text],
.ui.form .fields.error .field input[type=time],
.ui.form .fields.error .field input[type=url],
.ui.form .fields.error .field select,
.ui.form .fields.error .field textarea {
    border-color: #E71C24 !important;
    -webkit-border-radius: '';
    border-radius: ''
}

.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type=date]:focus,
.ui.form .field.error input[type=datetime-local]:focus,
.ui.form .field.error input[type=email]:focus,
.ui.form .field.error input[type=file]:focus,
.ui.form .field.error input[type=number]:focus,
.ui.form .field.error input[type=password]:focus,
.ui.form .field.error input[type=search]:focus,
.ui.form .field.error input[type=tel]:focus,
.ui.form .field.error input[type=text]:focus,
.ui.form .field.error input[type=time]:focus,
.ui.form .field.error input[type=url]:focus,
.ui.form .field.error select:focus,
.ui.form .field.error textarea:focus {
    background: 0 0;
    border-color: #E71C24 !important;
    color: #9f3a38;
    outline: 0
}

.ui.form .field.error select {
    -webkit-appearance: menulist-button
}

.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .item,
.ui.form .field.error .ui.dropdown .text,
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item {
    background: #fff6f6;
    color: #9f3a38
}

.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown:hover,
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown:hover {
    border-color: #e0b4b4 !important
}

.ui.form .field.error .ui.dropdown:hover .menu,
.ui.form .fields.error .field .ui.dropdown:hover .menu {
    border-color: #e0b4b4
}

.ui.form .field.error .ui.multiple.selection.dropdown>.label,
.ui.form .fields.error .field .ui.multiple.selection.dropdown>.label {
    background-color: #eacbcb;
    color: #9f3a38
}

.ui.form .field.error .ui.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .selected.item,
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .fields.error .field .ui.dropdown .menu .selected.item {
    background-color: #fbe7e7
}

.ui.form .field.error .ui.dropdown .menu .active.item,
.ui.form .fields.error .field .ui.dropdown .menu .active.item {
    background-color: #fdcfcf !important
}

.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label {
    color: #9f3a38
}

.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before {
    background: #fff6f6;
    border-color: #e0b4b4
}

.ui.form .disabled.field,
.ui.form .disabled.fields .field,
.ui.form .field :disabled {
    pointer-events: none;
    opacity: .45
}

.ui.form .field.disabled>label,
.ui.form .fields.disabled>label {
    opacity: .45
}

.ui.form .field.disabled :disabled {
    opacity: 1
}

.ui.loading.form {
    position: relative;
    cursor: default;
    pointer-events: none
}

.ui.loading.form:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    height: 100%;
    z-index: 100
}

.ui.loading.form:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0 0 -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: form-spin .6s linear;
    animation: form-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-border-radius: 500rem;
    border-radius: 500rem;
    border-color: #767676 rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
    border-style: solid;
    border-width: .2em;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    visibility: visible;
    z-index: 101
}

.ui.form .required.field>.checkbox:after,
.ui.form .required.field>label:after,
.ui.form .required.fields.grouped>label:after,
.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,
.ui.form .required.fields:not(.grouped)>.field>label:after {
    margin: -.2em 0 0 .2em;
    content: '*';
    color: #db2828
}

.ui.form .required.field>label:after,
.ui.form .required.fields.grouped>label:after,
.ui.form .required.fields:not(.grouped)>.field>label:after {
    display: inline-block;
    vertical-align: top
}

.ui.form .required.field>.checkbox:after,
.ui.form .required.fields:not(.grouped)>.field>.checkbox:after {
    position: absolute;
    top: 0;
    left: 100%
}

.ui.form .inverted.segment .ui.checkbox .box,
.ui.form .inverted.segment .ui.checkbox label,
.ui.form .inverted.segment label,
.ui.inverted.form .inline.field>label,
.ui.inverted.form .inline.field>p,
.ui.inverted.form .inline.fields .field>label,
.ui.inverted.form .inline.fields .field>p,
.ui.inverted.form .inline.fields>label,
.ui.inverted.form .ui.checkbox .box,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form label {
    color: rgba(255, 255, 255, .9)
}

.ui.inverted.form input:not([type]),
.ui.inverted.form input[type=date],
.ui.inverted.form input[type=datetime-local],
.ui.inverted.form input[type=email],
.ui.inverted.form input[type=file],
.ui.inverted.form input[type=number],
.ui.inverted.form input[type=password],
.ui.inverted.form input[type=search],
.ui.inverted.form input[type=tel],
.ui.inverted.form input[type=text],
.ui.inverted.form input[type=time],
.ui.inverted.form input[type=url] {
    background: #fff;
    border-color: rgba(255, 255, 255, .1);
    color: rgba(0, 0, 0, .87);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.form .grouped.fields {
    display: block;
    margin: 0 0 1em
}

.ui.form .grouped.fields:last-child {
    margin-bottom: 0
}

.ui.form .grouped.fields>label {
    margin: 0 0 .28571429rem;
    color: rgba(0, 0, 0, .87);
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none
}

.ui.form .grouped.fields .field,
.ui.form .grouped.inline.fields .field {
    display: block;
    margin: .5em 0;
    padding: 0
}

.ui.form .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin: 0 -.5em 1em
}

.ui.form .fields>.field {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-left: .5em;
    padding-right: .5em
}

.ui.form .fields>.field:first-child {
    border-left: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.form .two.fields>.field,
.ui.form .two.fields>.fields {
    width: 50%
}

.ui.form .three.fields>.field,
.ui.form .three.fields>.fields {
    width: 33.33333333%
}

.ui.form .four.fields>.field,
.ui.form .four.fields>.fields {
    width: 25%
}

.ui.form .five.fields>.field,
.ui.form .five.fields>.fields {
    width: 20%
}

.ui.form .six.fields>.field,
.ui.form .six.fields>.fields {
    width: 16.66666667%
}

.ui.form .seven.fields>.field,
.ui.form .seven.fields>.fields {
    width: 14.28571429%
}

.ui.form .eight.fields>.field,
.ui.form .eight.fields>.fields {
    width: 12.5%
}

.ui.form .nine.fields>.field,
.ui.form .nine.fields>.fields {
    width: 11.11111111%
}

.ui.form .ten.fields>.field,
.ui.form .ten.fields>.fields {
    width: 10%
}

@media only screen and (max-width:767px) {
    .ui.form .fields {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.field,
    .ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.fields,
    .ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field,
    .ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields,
    .ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field,
    .ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields,
    .ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.field,
    .ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.fields,
    .ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.field,
    .ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.fields,
    .ui.form:not(.unstackable) .six.fields:not(.unstackable)>.field,
    .ui.form:not(.unstackable) .six.fields:not(.unstackable)>.fields,
    .ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.field,
    .ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.fields,
    .ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field,
    .ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields,
    .ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field,
    .ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields,
    .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable)>.field,
    .ui[class*="equal width"].form:not(.unstackable) .fields>.field {
        width: 100% !important;
        margin: 0 0 1em
    }
}

.ui.form .fields .wide.field {
    width: 6.25%;
    padding-left: .5em;
    padding-right: .5em
}

.ui.form .one.wide.field {
    width: 6.25% !important
}

.ui.form .two.wide.field {
    width: 12.5% !important
}

.ui.form .three.wide.field {
    width: 18.75% !important
}

.ui.form .four.wide.field {
    width: 25% !important
}

.ui.form .five.wide.field {
    width: 31.25% !important
}

.ui.form .six.wide.field {
    width: 37.5% !important
}

.ui.form .seven.wide.field {
    width: 43.75% !important
}

.ui.form .eight.wide.field {
    width: 50% !important
}

.ui.form .nine.wide.field {
    width: 56.25% !important
}

.ui.form .ten.wide.field {
    width: 62.5% !important
}

.ui.form .eleven.wide.field {
    width: 68.75% !important
}

.ui.form .twelve.wide.field {
    width: 75% !important
}

.ui.form .thirteen.wide.field {
    width: 81.25% !important
}

.ui.form .fourteen.wide.field {
    width: 87.5% !important
}

.ui.form .fifteen.wide.field {
    width: 93.75% !important
}

.ui.form .sixteen.wide.field {
    width: 100% !important
}

@media only screen and (max-width:767px) {
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.eight.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.eleven.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.fifteen.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.five.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.four.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.fourteen.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.nine.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.seven.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.six.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.sixteen.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.ten.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.thirteen.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.three.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.twelve.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable)>.two.wide.field,
    .ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field,
    .ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields,
    .ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field,
    .ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields,
    .ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field,
    .ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields,
    .ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field,
    .ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields {
        width: 100% !important
    }
    .ui.form .fields {
        margin-bottom: 0
    }
}

.ui.form [class*="equal width"].fields>.field,
.ui[class*="equal width"].form .fields>.field {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.ui.form .inline.fields {
    margin: 0 0 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ui.form .inline.fields .field {
    margin: 0;
    padding: 0 1em 0 0
}

.ui.form .inline.field>label,
.ui.form .inline.field>p,
.ui.form .inline.fields .field>label,
.ui.form .inline.fields .field>p,
.ui.form .inline.fields>label {
    display: inline-block;
    width: auto;
    vertical-align: baseline;
    font-size: .92857143em;
    font-weight: 700;
    color: rgba(0, 0, 0, .87);
    text-transform: none
}

.ui.form .inline.field>label,
.ui.form .inline.field>p,
.ui.form .inline.fields .field>label,
.ui.form .inline.fields .field>p {
    margin-top: 0;
    margin-bottom: 0
}

.ui.form .inline.fields>label {
    margin: .035714em 1em 0 0
}

.ui.form .inline.field>input,
.ui.form .inline.field>select,
.ui.form .inline.fields .field>input,
.ui.form .inline.fields .field>select {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    font-size: 1em
}

.ui.form .inline.field>:first-child,
.ui.form .inline.fields .field>:first-child {
    margin: 0 .85714286em 0 0
}

.ui.form .inline.field>:only-child,
.ui.form .inline.fields .field>:only-child {
    margin: 0
}

.ui.form .inline.fields .wide.field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ui.form .inline.fields .wide.field>input,
.ui.form .inline.fields .wide.field>select {
    width: 100%
}

.ui.mini.form {
    font-size: .78571429rem
}

.ui.tiny.form {
    font-size: .85714286rem
}

.ui.small.form {
    font-size: .92857143rem
}

.ui.large.form {
    font-size: 1.14285714rem
}

.ui.big.form {
    font-size: 1.28571429rem
}

.ui.huge.form {
    font-size: 1.42857143rem
}

.ui.massive.form {
    font-size: 1.71428571rem
}

/*!
 * # Semantic UI 2.2.12 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

@-webkit-keyframes dropdown-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes dropdown-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: 0;
    text-align: left;
    -webkit-transition: box-shadow .1s ease, width .1s ease;
    -webkit-transition: width .1s ease, -webkit-box-shadow .1s ease;
    -o-transition: box-shadow .1s ease, width .1s ease;
    transition: box-shadow .1s ease, width .1s ease;
    transition: box-shadow .1s ease, width .1s ease, -webkit-box-shadow .1s ease;
    -webkit-tap-highlight-color: transparent
}

.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: 0;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0;
    background: #fff;
    text-shadow: none;
    text-align: left;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    border: 1px solid rgba(34, 36, 38, .15);
    -webkit-border-radius: .28571429rem;
    border-radius: .28571429rem;
    -webkit-transition: opacity .1s ease;
    -o-transition: opacity .1s ease;
    transition: opacity .1s ease;
    z-index: 100;
    will-change: transform, opacity
}

.ui.dropdown .menu>* {
    white-space: nowrap
}

.ui.dropdown>input:not(.search):first-child,
.ui.dropdown>select {
    display: none !important
}

.ui.dropdown>.dropdown.icon {
    position: relative;
    font-size: .85714286em;
    margin: 0 0 0 1em
}

.ui.dropdown .menu>.item .dropdown.icon {
    width: auto;
    float: right;
    margin: 0 0 0 1em
}

.ui.dropdown .menu>.item .dropdown.icon+.text {
    margin-right: 1em
}

.ui.dropdown>.text {
    display: inline-block;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    /*color: rgba(102, 102, 102, .9)
    color: rgba(191, 191, 191, .87);*/
    font-size:14px;
    
}

.ui.dropdown .menu>.item {
    position: relative;
    cursor: pointer;
    display: block;
    border: 0;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0, 0, 0, .87);
    padding: .78571429rem 1.14285714rem !important;
    font-size: .8rem;
    text-transform: none;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-touch-callout: none
}

@media (min-width:576px) {
    .ui.dropdown .menu>.item {
        font-size: 1rem
    }
}

.ui.dropdown .menu>.item:first-child {
    border-top-width: 0
}

.ui.dropdown .menu .item>[class*="right floated"],
.ui.dropdown>.text>[class*="right floated"] {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 1em !important
}

.ui.dropdown .menu .item>[class*="left floated"],
.ui.dropdown>.text>[class*="left floated"] {
    float: left !important;
    margin-left: 0 !important;
    margin-right: 1em !important
}

.ui.dropdown .menu .item>.flag.floated,
.ui.dropdown .menu .item>.icon.floated,
.ui.dropdown .menu .item>.image.floated,
.ui.dropdown .menu .item>img.floated,
.ui.dropdown .menu>.header+.input {
    margin-top: 0
}

.ui.dropdown .menu>.header {
    margin: 1rem 0 .75rem;
    padding: 0 1.14285714rem;
    color: rgba(0, 0, 0, .85);
    font-size: .78571429em;
    text-transform: uppercase
}

.ui.dropdown .menu>.divider {
    border-top: 1px solid rgba(34, 36, 38, .1);
    height: 0;
    margin: .5em 0
}

.ui.dropdown .menu>.input {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 1.14285714rem .78571429rem;
    min-width: 10rem
}

.ui.dropdown .menu>.input:not(.transparent) input {
    padding: .5em 1em
}

.ui.dropdown .menu>.input:not(.transparent) .button,
.ui.dropdown .menu>.input:not(.transparent) .icon,
.ui.dropdown .menu>.input:not(.transparent) .label {
    padding-top: .5em;
    padding-bottom: .5em
}

.ui.dropdown .menu>.item>.description,
.ui.dropdown>.text>.description {
    float: right;
    margin: 0 0 0 1em;
    color: rgba(0, 0, 0, .4)
}

.ui.dropdown .menu>.message {
    padding: .78571429rem 1.14285714rem;
    font-weight: 400
}

.ui.dropdown .menu>.message:not(.ui) {
    color: rgba(0, 0, 0, .4)
}

.ui.dropdown .menu .menu {
    top: 0 !important;
    left: 100%;
    right: auto;
    margin: 0 0 0 -.5em !important;
    -webkit-border-radius: .28571429rem !important;
    border-radius: .28571429rem !important;
    z-index: 21 !important
}

.ui.dropdown .menu .menu:after,
.ui.dropdown .ui.menu>.item:before,
.ui.menu .ui.dropdown .menu>.item:before,
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
    display: none
}

.ui.dropdown .menu>.item>.flag,
.ui.dropdown .menu>.item>.icon,
.ui.dropdown .menu>.item>.label,
.ui.dropdown>.text>.flag,
.ui.dropdown>.text>.icon,
.ui.dropdown>.text>.label {
    margin-top: 0
}

.ui.dropdown .menu>.item>.flag,
.ui.dropdown .menu>.item>.icon,
.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>.label,
.ui.dropdown .menu>.item>img,
.ui.dropdown>.text>.flag,
.ui.dropdown>.text>.icon,
.ui.dropdown>.text>.image,
.ui.dropdown>.text>.label,
.ui.dropdown>.text>img {
    margin-left: 0;
    float: none;
    margin-right: .78571429rem
}

.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>img,
.ui.dropdown>.text>.image,
.ui.dropdown>.text>img {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-top: -.5em;
    margin-bottom: -.5em;
    max-height: 2em
}

.ui.menu .ui.dropdown .menu .active.item {
    border-left: none
}

.ui.buttons>.ui.dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.menu .right.menu .dropdown:last-child .menu {
    left: auto;
    right: 0
}

.ui.button.dropdown .menu,
.ui.label.dropdown .menu {
    min-width: 100%
}

.ui.dropdown.icon.button>.dropdown.icon {
    margin: 0
}

.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg);
    min-width: 14em;
    min-height: 2.71428571em;
    background: #fff;
    display: inline-block;
    padding: .78571429em 2.1em .78571429em 1em;
   /* color: rgba(0, 0, 0, .87);*/
   color: rgba(191, 191, 191, .87);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(34, 36, 38, .15);
    -webkit-border-radius: .28571429rem;
    border-radius: .28571429rem;
    -webkit-transition: box-shadow .1s ease, width .1s ease;
    -webkit-transition: width .1s ease, -webkit-box-shadow .1s ease;
    -o-transition: box-shadow .1s ease, width .1s ease;
    transition: box-shadow .1s ease, width .1s ease;
    transition: box-shadow .1s ease, width .1s ease, -webkit-box-shadow .1s ease
}

.ui.selection.dropdown.active,
.ui.selection.dropdown.visible {
    z-index: 10
}

select.ui.dropdown {
    height: 38px;
    padding: .5em;
    border: 1px solid rgba(34, 36, 38, .15);
    visibility: visible
}

.ui.selection.dropdown>.delete.icon,
.ui.selection.dropdown>.dropdown.icon,
.ui.selection.dropdown>.search.icon {
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    line-height: 1.21428571em;
    top: .78571429em;
    right: 1em;
    z-index: 3;
    margin: -.78571429em;
    padding: .91666667em;
    opacity: .8;
    -webkit-transition: opacity .1s ease;
    -o-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.ui.compact.selection.dropdown {
    min-width: 0
}

.ui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0 !important;
    width: auto;
    outline: 0;
    margin: 0 -1px;
    min-width: calc(100% + 2px);
    width: calc(100% + 2px);
    -webkit-border-radius: 0 0 .28571429rem .28571429rem;
    border-radius: 0 0 .28571429rem .28571429rem;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    -webkit-transition: opacity .1s ease;
    -o-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.ui.selection.dropdown .menu>.message {
    padding: .78571429rem 1.14285714rem
}

@media only screen and (max-width:767px) {
    .ui.selection.dropdown .menu {
        max-height: 8.01428571rem
    }
    .ui.dropdown>.text{    font-size: 14px;}
}

@media only screen and (min-width:768px) {
    .ui.selection.dropdown .menu {
        max-height: 10.68571429rem
    }
}

@media only screen and (min-width:992px) {
    .ui.selection.dropdown .menu {
        max-height: 16.02857143rem
    }
}

@media only screen and (min-width:1920px) {
    .ui.selection.dropdown .menu {
        max-height: 21.37142857rem
    }
}

.ui.selection.dropdown .menu>.item {
    padding: .78571429rem 1.14285714rem !important;
    white-space: normal;
    word-wrap: normal
}

.ui.selection.dropdown .menu>.hidden.addition.item {
    display: none
}

.ui.selection.dropdown:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu {
    border-color: #e5e5e5;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
}

.ui.selection.dropdown:focus {
    border-color: #e5e5e5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.selection.dropdown:focus .menu {
    border-color: #e5e5e5;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
}

.ui.selection.visible.dropdown>.text:not(.default) {
    font-weight: 400;
    /*color: rgba(0, 0, 0, .8)*/
    color: rgba(191, 191, 191, .87);
}

.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown:hover .menu {
    border-color: #e5e5e5;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
}

.ui.active.selection.dropdown>.dropdown.icon,
.ui.visible.selection.dropdown>.dropdown.icon {
    opacity: 1;
    z-index: 3
}

.ui.active.selection.dropdown {
    -webkit-border-bottom-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.ui.active.empty.selection.dropdown {
    -webkit-border-radius: .28571429rem !important;
    border-radius: .28571429rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.active.empty.selection.dropdown .menu,
.ui.search.dropdown>input.search {
    border: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui.search.dropdown {
    min-width: ''
}

.ui.search.dropdown>input.search {
    background: 0 0 !important;
    cursor: text;
    top: 0;
    left: 1px;
    width: 100%;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    padding: inherit;
    position: absolute;
    z-index: 2
}

.ui.search.dropdown>.text {
    cursor: text;
    position: relative;
    left: 1px;
    z-index: 3
}

.ui.search.selection.dropdown>input.search,
.ui.search.selection.dropdown>span.sizer {
    line-height: 1.21428571em;
    padding: .67857143em 2.1em .67857143em 0
}

.ui.search.selection.dropdown>span.sizer {
    display: none;
    white-space: pre
}

.ui.search.dropdown.active>input.search,
.ui.search.dropdown.visible>input.search {
    cursor: auto
}

.ui.search.dropdown.active>.text,
.ui.search.dropdown.visible>.text {
    pointer-events: none
}

.ui.active.search.dropdown input.search:focus+.text .flag,
.ui.active.search.dropdown input.search:focus+.text .icon {
    opacity: .45
}

.ui.active.search.dropdown input.search:focus+.text {
    color: rgba(115, 115, 115, .87) !important
}

.ui.search.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width:767px) {
    .ui.search.dropdown .menu {
        max-height: 8.01428571rem
    }
}

@media only screen and (min-width:768px) {
    .ui.search.dropdown .menu {
        max-height: 10.68571429rem
    }
}

@media only screen and (min-width:992px) {
    .ui.search.dropdown .menu {
        max-height: 16.02857143rem
    }
}

@media only screen and (min-width:1920px) {
    .ui.search.dropdown .menu {
        max-height: 21.37142857rem
    }
}

.ui.multiple.dropdown {
    padding: .22619048em 2.1em .22619048em .35714286em
}

.ui.multiple.dropdown .menu {
    cursor: auto
}

.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown>input.search {
    cursor: text
}

.ui.multiple.dropdown>.label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 1em;
    padding: .35714286em .78571429em;
    margin: .14285714rem .28571429rem .14285714rem 0;
    -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset
}

.ui.multiple.dropdown .dropdown.icon {
    margin: '';
    padding: ''
}

.ui.multiple.dropdown>.text,
.ui.multiple.search.dropdown>.text {
    margin: .45238095em 0 .45238095em .64285714em;
    line-height: 1.21428571em
}

.ui.multiple.dropdown>.text {
    max-width: 100%;
    position: static;
    padding: 0
}

.ui.multiple.dropdown>.label~input.search {
    margin-left: .14285714em !important
}

.ui.loading.dropdown.button>i.icon:after,
.ui.loading.dropdown.button>i.icon:before,
.ui.multiple.dropdown>.label~.text,
.ui.multiple.search.dropdown>.label~.text,
.ui.simple.dropdown .menu:after,
.ui.simple.dropdown .menu:before {
    display: none
}

.ui.multiple.search.dropdown>.text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit
}

.ui.multiple.search.dropdown>input.search {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: .45238095em 0 .45238095em .64285714em;
    width: 2.2em;
    line-height: 1.21428571em
}

.ui.inline.dropdown {
    cursor: pointer;
    display: inline-block;
    color: inherit
}

.ui.inline.dropdown .dropdown.icon {
    margin: 0 .5em 0 .21428571em;
    vertical-align: baseline
}

.ui.inline.dropdown .menu {
    cursor: auto;
    margin-top: .21428571em;
    -webkit-border-radius: .28571429rem;
    border-radius: .28571429rem
}

.ui.dropdown .menu .active.item {
    background: 0 0;
    color: rgba(0, 0, 0, .95);
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 12
}

.ui.dropdown .menu>.item:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95);
    z-index: 13
}

.ui.loading.dropdown>i.icon {
    height: 1em !important
}

.ui.loading.selection.dropdown>i.icon {
    padding: 1.5em 1.28571429em !important
}

.ui.loading.dropdown>i.icon:after,
.ui.loading.dropdown>i.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-border-radius: 500rem;
    border-radius: 500rem
}

.ui.loading.dropdown>i.icon:before {
    border: .2em solid rgba(0, 0, 0, .1)
}

.ui.loading.dropdown>i.icon:after {
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    -webkit-animation: dropdown-spin .6s linear;
    animation: dropdown-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: .2em
}

.ui.default.dropdown:not(.button)>.text,
.ui.dropdown:not(.button)>.default.text {
    color: rgba(191, 191, 191, .87)
}

.ui.default.dropdown:not(.button)>input:focus~.text,
.ui.dropdown:not(.button)>input:focus~.default.text {
    color: rgba(115, 115, 115, .87)
}

.ui.loading.dropdown>.text {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.ui.dropdown .loading.menu {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.dropdown>.loading.menu {
    left: 0 !important;
    right: auto !important
}

.ui.dropdown>.menu .loading.menu {
    left: 100% !important;
    right: auto !important
}

.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
    background: rgba(0, 0, 0, .03);
    color: rgba(0, 0, 0, .95)
}

.ui.dropdown>.filtered.text {
    visibility: hidden
}

.ui.dropdown .filtered.item {
    display: none !important
}

.ui.dropdown.error,
.ui.dropdown.error>.default.text,
.ui.dropdown.error>.text {
    color: #9f3a38
}

.ui.selection.dropdown.error {
    background: #fff6f6;
    border-color: #e0b4b4
}

.ui.dropdown.error>.menu,
.ui.dropdown.error>.menu .menu,
.ui.multiple.selection.error.dropdown>.label,
.ui.selection.dropdown.error:hover {
    border-color: #e0b4b4
}

.ui.dropdown.error>.menu>.item {
    color: #9f3a38
}

.ui.dropdown.error>.menu>.item:hover {
    background-color: #fff2f2
}

.ui.dropdown.error>.menu .active.item {
    background-color: #fdcfcf
}

.ui.disabled.dropdown,
.ui.dropdown .menu>.disabled.item {
    cursor: default;
    pointer-events: none;
    opacity: .45
}

.ui.dropdown .menu {
    left: 0
}

.ui.dropdown .menu .right.menu,
.ui.dropdown .right.menu>.menu {
    left: 100% !important;
    right: auto !important;
    -webkit-border-radius: .28571429rem !important;
    border-radius: .28571429rem !important
}

.ui.dropdown>.left.menu {
    left: auto !important;
    right: 0 !important
}

.ui.dropdown .menu .left.menu,
.ui.dropdown>.left.menu .menu {
    left: auto;
    right: 100%;
    margin: 0 -.5em 0 0 !important;
    -webkit-border-radius: .28571429rem !important;
    border-radius: .28571429rem !important
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0
}

.ui.dropdown .item .left.dropdown.icon+.text,
.ui.dropdown .left.menu .item .dropdown.icon+.text {
    margin-left: 1em;
    margin-right: 0
}

.ui.upward.dropdown>.menu {
    top: auto;
    bottom: 100%;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);
    -webkit-border-radius: .28571429rem .28571429rem 0 0;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.dropdown .upward.menu {
    top: auto !important;
    bottom: 0 !important
}

.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
    -webkit-border-radius: .28571429rem .28571429rem 0 0 !important;
    border-radius: .28571429rem .28571429rem 0 0 !important
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
    -webkit-border-radius: .28571429rem .28571429rem 0 0;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.upward.selection.dropdown .menu {
    border-top-width: 1px !important;
    border-bottom-width: 0 !important;
    -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)
}

.ui.upward.selection.dropdown:hover {
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05)
}

.ui.active.upward.selection.dropdown,
.ui.upward.selection.dropdown.visible {
    -webkit-border-radius: 0 0 .28571429rem .28571429rem !important;
    border-radius: 0 0 .28571429rem .28571429rem !important
}

.ui.upward.selection.dropdown.visible {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08)
}

.ui.upward.active.selection.dropdown:hover {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .05)
}

.ui.upward.active.selection.dropdown:hover .menu {
    -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)
}

.ui.dropdown .scrolling.menu {
    overflow-x: hidden
}

.ui.dropdown .scrolling.menu,
.ui.scrolling.dropdown .menu {
    overflow-y: auto;
    min-width: 100% !important;
    width: auto !important
}

.ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

.ui.dropdown .scrolling.menu {
    position: static;
    border: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    border-top: 1px solid rgba(34, 36, 38, .15)
}

.ui.dropdown .scrolling.menu>.item.item.item,
.ui.scrolling.dropdown .menu .item.item.item {
    border-top: none
}

.ui.dropdown .scrolling.menu .item:first-child,
.ui.scrolling.dropdown .menu .item:first-child {
    border-top: none
}

.ui.dropdown>.animating.menu .scrolling.menu,
.ui.dropdown>.visible.menu .scrolling.menu {
    display: block
}

@media all and (-ms-high-contrast:none) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        min-width: calc(100% - 17px)
    }
}

@media only screen and (max-width:767px) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 10.28571429rem
    }
}

@media only screen and (min-width:768px) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 15.42857143rem
    }
}

@media only screen and (min-width:992px) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 20.57142857rem
    }
}

@media only screen and (min-width:1920px) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 20.57142857rem
    }
}

.ui.simple.dropdown .menu {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -9999px !important;
    opacity: 0;
    width: 0;
    height: 0;
    -webkit-transition: opacity .1s ease;
    -o-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
    -webkit-border-bottom-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.ui.simple.active.dropdown>.menu,
.ui.simple.dropdown:hover>.menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 100% !important;
    opacity: 1
}

.ui.simple.dropdown:hover>.menu>.item:hover>.menu,
.ui.simple.dropdown>.menu>.item:active>.menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 0 !important;
    left: 100% !important;
    opacity: 1
}

.ui.simple.disabled.dropdown:hover .menu {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden
}

.ui.simple.visible.dropdown>.menu {
    display: block
}

.ui.fluid.dropdown {
    display: block;
    width: 100%;
    min-width: 0
}

.ui.fluid.dropdown>.dropdown.icon {
    float: right
}

.ui.floating.dropdown .menu,
.ui.floating.dropdown>.menu {
    -webkit-border-radius: .28571429rem !important;
    border-radius: .28571429rem !important
}

.ui.floating.dropdown .menu {
    left: 0;
    right: auto;
    -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15) !important;
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15) !important
}

.ui.floating.dropdown>.menu {
    margin-top: .5em !important
}

.ui.pointing.dropdown>.menu {
    top: 100%;
    margin-top: .78571429rem;
    -webkit-border-radius: .28571429rem;
    border-radius: .28571429rem
}

.ui.pointing.dropdown>.menu:after {
    display: block;
    position: absolute;
    pointer-events: none;
    content: '';
    visibility: visible;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .5em;
    height: .5em;
    -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, .15);
    box-shadow: -1px -1px 0 0 rgba(34, 36, 38, .15);
    background: #fff;
    z-index: 2;
    top: -.25em;
    left: 50%;
    margin: 0 0 0 -.25em
}

.ui.top.left.pointing.dropdown>.menu {
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    margin: 1em 0 0
}

.ui.top.left.pointing.dropdown>.menu:after,
.ui.top.pointing.dropdown>.left.menu:after,
.ui.top.right.pointing.dropdown>.menu:after {
    top: -.25em;
    left: 1em;
    right: auto;
    margin: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ui.top.right.pointing.dropdown>.menu {
    top: 100%;
    bottom: auto;
    right: 0;
    left: auto;
    margin: 1em 0 0
}

.ui.top.pointing.dropdown>.left.menu:after,
.ui.top.right.pointing.dropdown>.menu:after {
    left: auto !important;
    right: 1em !important
}

.ui.left.pointing.dropdown>.menu {
    top: 0;
    left: 100%;
    right: auto;
    margin: 0 0 0 1em
}

.ui.left.pointing.dropdown>.menu:after {
    top: 1em;
    left: -.25em;
    margin: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu {
    left: auto !important;
    right: 100% !important;
    margin: 0 1em 0 0
}

.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu:after {
    top: 1em;
    left: auto;
    right: -.25em;
    margin: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.ui.right.pointing.dropdown>.menu {
    top: 0;
    left: auto;
    right: 100%;
    margin: 0 1em 0 0
}

.ui.right.pointing.dropdown>.menu:after {
    top: 1em;
    left: auto;
    right: -.25em;
    margin: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.ui.bottom.pointing.dropdown>.menu {
    top: auto;
    bottom: 100%;
    left: 0;
    right: auto;
    margin: 0 0 1em
}

.ui.bottom.pointing.dropdown>.menu:after {
    top: auto;
    bottom: -.25em;
    right: auto;
    margin: 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.ui.bottom.pointing.dropdown>.menu .menu {
    top: auto !important;
    bottom: 0 !important
}

.ui.bottom.left.pointing.dropdown>.menu {
    left: 0;
    right: auto
}

.ui.bottom.left.pointing.dropdown>.menu:after {
    left: 1em;
    right: auto
}

.ui.bottom.right.pointing.dropdown>.menu {
    right: 0;
    left: auto
}

.ui.bottom.right.pointing.dropdown>.menu:after {
    left: auto;
    right: 1em
}

.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
    top: auto !important;
    bottom: 100% !important;
    margin: 0 0 .78571429rem;
    -webkit-border-radius: .28571429rem;
    border-radius: .28571429rem
}

.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
    top: 100% !important;
    bottom: auto !important;
    -webkit-box-shadow: 1px 1px 0 0 rgba(34, 36, 38, .15);
    box-shadow: 1px 1px 0 0 rgba(34, 36, 38, .15);
    margin: -.25em 0 0
}

.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
    top: auto !important;
    bottom: 0 !important;
    margin: 0 1em 0 0
}

.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after,
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
    top: auto !important;
    bottom: 0 !important;
    margin: 0 0 1em;
    -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, .15);
    box-shadow: -1px -1px 0 0 rgba(34, 36, 38, .15)
}

.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
    top: auto !important;
    bottom: 0 !important;
    margin: 0 0 0 1em
}

@font-face {
    font-family: 'Dropdown';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
    font-weight: 400;
    font-style: normal
}

.ui.dropdown>.dropdown.icon {
    font-family: 'Dropdown';
    line-height: 1;
    height: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: auto
}

.ui.dropdown>.dropdown.icon:before {
    content: '\f0d7'
}

.ui.dropdown .menu .item .dropdown.icon:before {
    content: ""
}

.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
    content: ""
}

.ui.vertical.menu .dropdown.item>.dropdown.icon:before {
    content: ""
}

/*!
 * # Semantic UI 2.4.0 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

@-webkit-keyframes browseIn {
    0% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1;
        opacity: .7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999
    }
    to {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        z-index: 999
    }
}

@keyframes browseIn {
    0% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1;
        opacity: .7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999
    }
    to {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        z-index: 999
    }
}

@-webkit-keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    to {
        z-index: -1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    to {
        z-index: -1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

@-webkit-keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    to {
        z-index: 1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    to {
        z-index: 1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

@-webkit-keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }
}

@-webkit-keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

@keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes flyIn {
    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 flyIn {
    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)
    }
}

@-webkit-keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 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 flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 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)
    }
}

@-webkit-keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 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: none;
        transform: none
    }
}

@keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 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: none;
        transform: none
    }
}

@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 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: none;
        transform: none
    }
}

@keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 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: none;
        transform: none
    }
}

@-webkit-keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 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: none;
        transform: none
    }
}

@keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 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: none;
        transform: none
    }
}

@-webkit-keyframes flyOut {
    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 flyOut {
    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)
    }
}

@-webkit-keyframes flyOutUp {
    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 flyOutUp {
    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)
    }
}

@-webkit-keyframes flyOutDown {
    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 flyOutDown {
    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)
    }
}

@-webkit-keyframes flyOutRight {
    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 flyOutRight {
    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)
    }
}

@-webkit-keyframes flyOutLeft {
    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 flyOutLeft {
    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)
    }
}

@-webkit-keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
}

@keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
}

@-webkit-keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
}

@keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
}

@-webkit-keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}

@keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes shake {
    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes pulse {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .7
    }
}

@keyframes pulse {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .7
    }
}

@-webkit-keyframes jiggle {
    0%,
    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 jiggle {
    0%,
    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)
    }
}

@-webkit-keyframes glow {
    0%,
    to {
        background-color: #fcfcfd
    }
    30% {
        background-color: #fff6cd
    }
}

@keyframes glow {
    0%,
    to {
        background-color: #fcfcfd
    }
    30% {
        background-color: #fff6cd
    }
}

.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animating.transition {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: visible !important
}

.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px
}

.hidden.transition {
    display: none;
    visibility: hidden
}

.visible.transition {
    display: block !important;
    visibility: visible !important
}

.disabled.transition {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.looping.transition {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.transition.browse {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

.transition.browse.in {
    -webkit-animation-name: browseIn;
    animation-name: browseIn
}

.transition.browse.left.out,
.transition.browse.out {
    -webkit-animation-name: browseOutLeft;
    animation-name: browseOutLeft
}

.transition.browse.right.out {
    -webkit-animation-name: browseOutRight;
    animation-name: browseOutRight
}

.drop.transition {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-timing-function: cubic-bezier(.34, 1.61, .7, 1);
    animation-timing-function: cubic-bezier(.34, 1.61, .7, 1)
}

.drop.transition.in {
    -webkit-animation-name: dropIn;
    animation-name: dropIn
}

.drop.transition.out {
    -webkit-animation-name: dropOut;
    animation-name: dropOut
}

.transition.fade.in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.transition[class*="fade up"].in {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.transition[class*="fade down"].in {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.transition[class*="fade left"].in {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.transition[class*="fade right"].in {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.transition.fade.out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.transition[class*="fade up"].out {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.transition[class*="fade down"].out {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.transition[class*="fade left"].out {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.transition[class*="fade right"].out {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.flip.transition.in,
.flip.transition.out {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms
}

.horizontal.flip.transition.in {
    -webkit-animation-name: horizontalFlipIn;
    animation-name: horizontalFlipIn
}

.horizontal.flip.transition.out {
    -webkit-animation-name: horizontalFlipOut;
    animation-name: horizontalFlipOut
}

.vertical.flip.transition.in {
    -webkit-animation-name: verticalFlipIn;
    animation-name: verticalFlipIn
}

.vertical.flip.transition.out {
    -webkit-animation-name: verticalFlipOut;
    animation-name: verticalFlipOut
}

.scale.transition.in {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn
}

.scale.transition.out {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut
}

.transition.fly {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.transition.fly.in {
    -webkit-animation-name: flyIn;
    animation-name: flyIn
}

.transition[class*="fly up"].in {
    -webkit-animation-name: flyInUp;
    animation-name: flyInUp
}

.transition[class*="fly down"].in {
    -webkit-animation-name: flyInDown;
    animation-name: flyInDown
}

.transition[class*="fly left"].in {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft
}

.transition[class*="fly right"].in {
    -webkit-animation-name: flyInRight;
    animation-name: flyInRight
}

.transition.fly.out {
    -webkit-animation-name: flyOut;
    animation-name: flyOut
}

.transition[class*="fly up"].out {
    -webkit-animation-name: flyOutUp;
    animation-name: flyOutUp
}

.transition[class*="fly down"].out {
    -webkit-animation-name: flyOutDown;
    animation-name: flyOutDown
}

.transition[class*="fly left"].out {
    -webkit-animation-name: flyOutLeft;
    animation-name: flyOutLeft
}

.transition[class*="fly right"].out {
    -webkit-animation-name: flyOutRight;
    animation-name: flyOutRight
}

.transition.slide.in,
.transition[class*="slide down"].in,
.transition[class*="slide up"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="slide up"].in {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="slide left"].in,
.transition[class*="slide right"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="slide right"].in {
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

.transition.slide.out,
.transition[class*="slide down"].out,
.transition[class*="slide up"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="slide up"].out {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="slide left"].out,
.transition[class*="slide right"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="slide right"].out {
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

.transition.swing {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms
}

.transition[class*="swing down"].in,
.transition[class*="swing up"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="swing up"].in {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="swing left"].in,
.transition[class*="swing right"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="swing right"].in {
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

.transition.swing.out,
.transition[class*="swing down"].out,
.transition[class*="swing up"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="swing up"].out {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="swing left"].out,
.transition[class*="swing right"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="swing right"].out {
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

.transition.zoom.in {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.transition.zoom.out {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.bounce.transition,
.flash.transition,
.shake.transition,
.tada.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: flash;
    animation-name: flash
}

.bounce.transition,
.shake.transition,
.tada.transition {
    -webkit-animation-name: shake;
    animation-name: shake
}

.bounce.transition,
.tada.transition {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

.tada.transition {
    -webkit-animation-name: tada;
    animation-name: tada
}

.pulse.transition {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.jiggle.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: jiggle;
    animation-name: jiggle
}

.transition.glow {
    -webkit-animation-duration: 2000ms;
    animation-duration: 2000ms;
    -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-animation-name: glow;
    animation-name: glow
}

/*!
 * # Semantic UI 2.4.1 - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

@-webkit-keyframes mouse-scroll-btn-roll-out {
    0% {
        stroke-dashoffset: 0
    }
    to {
        stroke-dashoffset: -120
    }
}

@keyframes mouse-scroll-btn-roll-out {
    0% {
        stroke-dashoffset: 0
    }
    to {
        stroke-dashoffset: -120
    }
}

@-webkit-keyframes trackBallSlide {
    0%,
    65%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    45% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes trackBallSlide {
    0%,
    65%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    45% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@-webkit-keyframes nudgeMouse {
    0%,
    65%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    45% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes nudgeMouse {
    0%,
    65%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    45% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.ui.checkbox {
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0;
    vertical-align: baseline;
    font-style: normal;
    min-height: 17px;
    font-size: 1rem;
    line-height: 17px;
    min-width: 17px
}

.ui.checkbox input[type=checkbox],
.ui.checkbox input[type=radio] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0 !important;
    outline: 0;
    z-index: 3;
    width: 17px;
    height: 17px
}

.ui.checkbox .box,
.ui.checkbox label {
    cursor: auto;
    position: relative;
    display: block;
    padding-left: 1.85714em;
    outline: 0;
    font-size: 1em
}

.ui.checkbox .box:before,
.ui.checkbox label:before {
    content: '';
    background: #fff;
    -webkit-border-radius: .21428571rem;
    border-radius: .21428571rem
}

.ui.checkbox .box:after,
.ui.checkbox .box:before,
.ui.checkbox label:after,
.ui.checkbox label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    -webkit-transition: border .1s ease, opacity .1s ease, -webkit-transform .1s ease, -webkit-box-shadow .1s ease;
    -o-transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease;
    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease;
    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease, -webkit-transform .1s ease, -webkit-box-shadow .1s ease
}

.ui.checkbox label,
.ui.checkbox+label {
    color: rgba(0, 0, 0, .87);
    -webkit-transition: color .1s ease;
    -o-transition: color .1s ease;
    transition: color .1s ease
}

.ui.checkbox+label {
    vertical-align: middle
}

.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
    background: #fff;
    border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox label:hover,
.ui.checkbox+label:hover,
.ui.slider.checkbox .box:hover,
.ui.slider.checkbox label:hover {
    color: rgba(0, 0, 0, .8)
}

.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
    background: #f9fafb;
    border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox .box:active::after,
.ui.checkbox input:active~label,
.ui.checkbox label:active::after {
    color: rgba(0, 0, 0, .95)
}

.ui.checkbox input:focus~.box:before,
.ui.checkbox input:focus~label:before {
    background: #fff;
    border-color: #96c8da
}

.ui.checkbox input:focus~.box:after,
.ui.checkbox input:focus~label,
.ui.checkbox input:focus~label:after {
    color: rgba(0, 0, 0, .95)
}

.ui.checkbox input:checked~.box:before,
.ui.checkbox input:checked~label:before {
    background: #fff;
    border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after {
    opacity: 1;
    color: rgba(0, 0, 0, .95)
}

.ui.checkbox input:not([type=radio]):indeterminate~.box:before,
.ui.checkbox input:not([type=radio]):indeterminate~label:before {
    background: #fff;
    border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox input:not([type=radio]):indeterminate~.box:after,
.ui.checkbox input:not([type=radio]):indeterminate~label:after {
    opacity: 1;
    color: rgba(0, 0, 0, .95)
}

.ui.checkbox input:checked:focus~.box:before,
.ui.checkbox input:checked:focus~label:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus~label:before {
    background: #fff;
    border-color: #96c8da
}

.ui.checkbox input:checked:focus~.box:after,
.ui.checkbox input:checked:focus~label:after,
.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:after,
.ui.checkbox input:not([type=radio]):indeterminate:focus~label:after {
    color: rgba(0, 0, 0, .95)
}

.ui.read-only.checkbox,
.ui.read-only.checkbox label {
    cursor: default
}

.ui.checkbox input[disabled]~.box:after,
.ui.checkbox input[disabled]~label,
.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label {
    cursor: default !important;
    opacity: .5;
    color: #000
}

.ui.checkbox input.hidden {
    z-index: -1
}

.ui.checkbox input.hidden+label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui.radio.checkbox {
    min-height: 15px
}

.ui.radio.checkbox .box,
.ui.radio.checkbox label {
    padding-left: 1.85714em
}

.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
    content: '';
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-border-radius: 500rem;
    border-radius: 500rem;
    top: 1px;
    left: 0
}

.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
    border: 0;
    content: '' !important;
    line-height: 15px;
    -webkit-border-radius: 500rem;
    border-radius: 500rem;
    background-color: rgba(0, 0, 0, .87)
}

.ui.radio.checkbox input:focus~.box:before,
.ui.radio.checkbox input:focus~label:before {
    background-color: #fff
}

.ui.radio.checkbox input:focus~.box:after,
.ui.radio.checkbox input:focus~label:after {
    background-color: rgba(0, 0, 0, .95)
}

.ui.radio.checkbox input:indeterminate~.box:after,
.ui.radio.checkbox input:indeterminate~label:after {
    opacity: 0
}

.ui.radio.checkbox input:checked~.box:before,
.ui.radio.checkbox input:checked~label:before {
    background-color: #fff
}

.ui.radio.checkbox input:checked~.box:after,
.ui.radio.checkbox input:checked~label:after {
    background-color: rgba(0, 0, 0, .95)
}

.ui.radio.checkbox input:focus:checked~.box:before,
.ui.radio.checkbox input:focus:checked~label:before {
    background-color: #fff
}

.ui.radio.checkbox input:focus:checked~.box:after,
.ui.radio.checkbox input:focus:checked~label:after {
    background-color: rgba(0, 0, 0, .95)
}

.ui.slider.checkbox {
    min-height: 1.25rem
}

.ui.slider.checkbox input {
    width: 3.5rem;
    height: 1.25rem
}

.ui.slider.checkbox .box,
.ui.slider.checkbox label {
    padding-left: 4.5rem;
    line-height: 1rem;
    color: rgba(0, 0, 0, .4)
}

.ui.slider.checkbox .box:after,
.ui.slider.checkbox .box:before,
.ui.slider.checkbox label:after,
.ui.slider.checkbox label:before {
    position: absolute;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-border-radius: 500rem;
    border-radius: 500rem
}

.ui.slider.checkbox .box:before,
.ui.slider.checkbox label:before {
    display: block;
    border: 0 !important;
    background-color: rgba(0, 0, 0, .05);
    content: '';
    z-index: 1;
    top: .4rem;
    width: 3.5rem;
    height: .21428571rem;
    -webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease
}

.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after {
    background: #fff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .05)));
    background: #fff -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05));
    background: #fff -o-linear-gradient(transparent, rgba(0, 0, 0, .05));
    background: #fff linear-gradient(transparent, rgba(0, 0, 0, .05));
    content: '' !important;
    opacity: 1;
    z-index: 2;
    border: 0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
    width: 1.5rem;
    height: 1.5rem;
    top: -.25rem;
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease
}

.ui.slider.checkbox input:focus~.box:before,
.ui.slider.checkbox input:focus~label:before {
    background-color: rgba(0, 0, 0, .15);
    border: 0
}

.ui.slider.checkbox .box:hover::before,
.ui.slider.checkbox label:hover::before {
    background: rgba(0, 0, 0, .15)
}

.ui.slider.checkbox input:checked~.box,
.ui.slider.checkbox input:checked~label {
    color: rgba(0, 0, 0, .95) !important
}

.ui.slider.checkbox input:checked~.box:before,
.ui.slider.checkbox input:checked~label:before {
    background-color: #545454 !important
}

.ui.slider.checkbox input:checked~.box:after,
.ui.slider.checkbox input:checked~label:after {
    left: 2rem
}

.ui.slider.checkbox input:focus:checked~.box,
.ui.slider.checkbox input:focus:checked~label,
.ui.toggle.checkbox input:focus:checked~.box,
.ui.toggle.checkbox input:focus:checked~label {
    color: rgba(0, 0, 0, .95) !important
}

.ui.slider.checkbox input:focus:checked~.box:before,
.ui.slider.checkbox input:focus:checked~label:before {
    background-color: #000 !important
}

.ui.toggle.checkbox {
    min-height: 1.5rem
}

.ui.toggle.checkbox input {
    width: 3.5rem;
    height: 1.5rem
}

.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
    min-height: 1.5rem;
    padding-left: 4.5rem;
    color: rgba(0, 0, 0, .87)
}

.ui.toggle.checkbox label {
    padding-top: .15em
}

.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
    display: block;
    position: absolute;
    content: '';
    z-index: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border: 0;
    top: 0;
    background: rgba(0, 0, 0, .05);
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 3.5rem;
    -webkit-border-radius: 500rem;
    border-radius: 500rem
}

.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
    background: #fff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .05)));
    background: #fff -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05));
    background: #fff -o-linear-gradient(transparent, rgba(0, 0, 0, .05));
    background: #fff linear-gradient(transparent, rgba(0, 0, 0, .05));
    position: absolute;
    content: '' !important;
    opacity: 1;
    z-index: 2;
    border: 0;
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    left: 0;
    -webkit-border-radius: 500rem;
    border-radius: 500rem;
    -webkit-transition: background .3s ease, left .3s ease;
    -o-transition: background .3s ease, left .3s ease;
    transition: background .3s ease, left .3s ease
}

.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox input~.box:after,
.ui.toggle.checkbox input~label:after,
.ui.toggle.checkbox label:after {
    -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset
}

.ui.toggle.checkbox input:focus~.box:before,
.ui.toggle.checkbox input:focus~label:before {
    background-color: rgba(0, 0, 0, .15);
    border: 0
}

.ui.toggle.checkbox .box:hover::before,
.ui.toggle.checkbox label:hover::before {
    background-color: rgba(0, 0, 0, .15);
    border: 0
}

.ui.toggle.checkbox input:checked~.box,
.ui.toggle.checkbox input:checked~label {
    color: rgba(0, 0, 0, .95) !important
}

.ui.toggle.checkbox input:checked~.box:before,
.ui.toggle.checkbox input:checked~label:before {
    background-color: #2185d0 !important
}

.ui.toggle.checkbox input:checked~.box:after,
.ui.toggle.checkbox input:checked~label:after {
    left: 2.15rem;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset
}

.ui.toggle.checkbox input:focus:checked~.box:before,
.ui.toggle.checkbox input:focus:checked~label:before {
    background-color: #0d71bb !important
}

.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
    padding-left: 0 !important
}

.ui.fitted.slider.checkbox,
.ui.fitted.toggle.checkbox {
    width: 3.5rem
}

@font-face {
    font-family: 'Checkbox';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype")
}

.ui.checkbox .box:after,
.ui.checkbox label:after {
    font-family: 'Checkbox'
}

.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after {
    content: '\e800'
}

.ui.checkbox input:indeterminate~.box:after,
.ui.checkbox input:indeterminate~label:after {
    font-size: 14px;
    content: '\e801'
}

.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after,
.ui.checkbox.checked input:checked~.box:before,
.ui.checkbox.checked input:checked~label:before {
    background: #f89e1c !important;
    border-color: #f89e1c !important;
    color: #fff !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important
}

.ui.radio.checkbox input:checked~.box:after,
.ui.radio.checkbox input:checked~label:after,
.ui.radio.checkbox input:focus:checked~.box:after,
.ui.radio.checkbox input:focus:checked~label:after {
    background: #f89e1c
}

.ui.checkbox .box:after,
.ui.checkbox label:after {
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    opacity: 0;
    color: rgba(0, 0, 0, .87)
}

.scroll-down-wrap.no-border {
    position: absolute;
    /* width: 60px; */
    bottom: 40px;
    left: 50%;
    margin-left: -30px;
    z-index: 101;
    cursor: pointer;
}

@media (min-width:768px) {
    .scroll-down-wrap.no-border {
        bottom: 10px
    }
}
@media (min-width:1200px) {
    .scroll-down-wrap.no-border {
        /* bottom: 42px */
        bottom: -28px;
    }
}

@media (min-width:1366px) {
    .scroll-down-wrap.no-border {
        bottom: -20px;
    }
}
@media (min-width:1600px) {
    .scroll-down-wrap.no-border {
        bottom: 90px
    }
}

.scroll-down-wrap.no-border .section-down-arrow:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 18px;
    height: 27px;
    margin-left: -9px;
    border: 2px solid #474a50;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 62
}

.scroll-down-wrap.no-border .section-down-arrow:before {
    background-color: rgba(255, 255, 255, .5)
}

.scroll-down-wrap.no-border .section-down-arrow:before,
.scroll-down-wrap.no-border .slider-down-arrow.no-border:before {
    position: absolute;
    content: '';
    display: block;
    left: 50%;
    margin-left: -1px;
    top: 3px;
    background-color: #E71C24;
    width: 2px;
    height: 6px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: background-color 1s cubic-bezier(.5, .1, .07, 1);
    -o-transition: background-color 1s cubic-bezier(.5, .1, .07, 1);
    transition: background-color 1s cubic-bezier(.5, .1, .07, 1);
    -webkit-animation: trackBallSlide 2.4s cubic-bezier(0, 0, .725, 1) infinite;
    animation: trackBallSlide 2.4s cubic-bezier(0, 0, .725, 1) infinite
}

.scroll-down-wrap.no-border .section-down-arrow {
    display: inline-block;
    /* width: 18px;
    color: #fff !important; */
    line-height: 50px;
    border-radius: 100px;
    font-size: 25px;
    -webkit-border-radius: 100px;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    margin-left: 0;
    left: 0;
    border: 0 !important;
    overflow: visible;
    text-align: center;
    opacity: 1;
    height: auto;
    bottom: 13px;
    -webkit-animation: nudgeMouse 2.4s cubic-bezier(.25, .46, .45, .94) infinite;
    animation: nudgeMouse 2.4s cubic-bezier(.25, .46, .45, .94) infinite
}

.nectar-scroll-icon {
    width: 18px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 100
}

.nectar-scroll-icon-path {
    fill: transparent;
    stroke-width: 2px;
    stroke-dashoffset: 120;
    stroke-dasharray: 120;
    -webkit-animation: mouse-scroll-btn-roll-out 1s cubic-bezier(.5, .1, .07, 1);
    animation: mouse-scroll-btn-roll-out 1s cubic-bezier(.5, .1, .07, 1)
}

.scroll-down-wrap.no-border:hover .nectar-scroll-icon-path {
    stroke-dashoffset: 0;
    -webkit-animation: mouse-scroll-btn-roll-over 1s cubic-bezier(.5, .1, .07, 1);
    animation: mouse-scroll-btn-roll-over 1s cubic-bezier(.5, .1, .07, 1)
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font: inherit
}

body {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit
}

@media (max-width:767px) {
    figcaption {
        padding-bottom: 1rem
    }
}

*,
:after,
:before,
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ol,
ul {
    list-style: none
}

a,
a:hover {
    text-decoration: none
}

a:hover {
    color: #E71C24;
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease
}

.h2,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    font-family: "Lato", sans-serif
}

@media (min-width:320px) and (max-width:991px) {
    main {
        overflow: hidden
    }
}

.h2 {
    font-family: "Lato";
    font-size: 30px !important;
    line-height: 40px
}

@media (min-width:768px) {
    .h2 {
        font-size: 40px !important;
        line-height: 50px
    }
}

@media (min-width:992px) {
    .h2 {
        font-size: 40px !important;
        line-height: 50px
    }
}
@media (min-width:1200px) {
    .h2 {
        font-size: 30px !important;
        line-height: 60px
    }
}
@media (min-width:1600px) {
    .h2 {
        font-size: 40px !important;
        line-height: 60px
    }
}
@media (min-width:1900px) {
    .h2 {
        font-size: 60px !important;
        line-height: 70px
    }
}
@media (min-width:900px) {
h1.h2{font-size: 50px !important;}
}
.h3,
.user-account .nav-link {
    font-family: "Lato";
    font-size: 20px !important;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width:768px) {
    .h3,
    .user-account .nav-link {
        font-size: 22px !important;
        line-height: 36px
    }
}

@media (min-width:992px) {
    .h3,
    .user-account .nav-link {
        font-size: 25px !important;
        line-height: 40px
    }
}

@media (min-width:1600px) {
    .h3,
    .user-account .nav-link {
        font-size: 30px !important;
        line-height: 48px
    }
}

.h4 {
    font-family: "Lato";
    font-size: 22px !important;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width:768px) {
    .h4 {
        font-size: 22px !important;
        line-height: 32px
    }
}

@media (min-width:992px) {
    .h4 {
        font-size: 22px !important;
        line-height: 36px
    }
}

@media (min-width:1600px) {
    .h4 {
        font-size: 26px !important;
        line-height: 40px
    }
}

@media (min-width:768px) {
    .charRest-2,
    .charRest-3,
    .charRest-4,
    .charRest-sm-3 {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -o-box;
        max-width: 693px;
        max-height: 150px;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -ms-line-clamp: 3;
        -o-line-clamp: 3;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical
    }
    .charRest-2,
    .charRest-4,
    .charRest-sm-3 {
        max-width: 411px;
        max-height: 120px
    }
    .charRest-2,
    .charRest-4 {
        max-width: 800px;
        max-height: 100px;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -ms-line-clamp: 2;
        -o-line-clamp: 2
    }
    .charRest-4 {
        max-width: 408px;
        max-height: 152px;
        -webkit-line-clamp: 4;
        -moz-line-clamp: 4;
        -ms-line-clamp: 4;
        -o-line-clamp: 4
    }
}
@media (min-width:768px) {
    .charRest-4 {
        max-width: 448px;
        max-height: 160px;
        -webkit-line-clamp: 4;
        -moz-line-clamp: 4;
        -ms-line-clamp: 4;
        -o-line-clamp: 4
    }
}
.fig-thumbnail__title,
.fnt-lg,
.projects-location,
.slider-count-block .featuredSlider-total-length,
.slider-count-block .slide-number,
.sub-title {
    font-size: 16px;
    line-height: 26px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600
}

@media (min-width:768px) {
    .fig-thumbnail__title,
    .fnt-lg,
    .projects-location,
    .slider-count-block .featuredSlider-total-length,
    .slider-count-block .slide-number,
    .sub-title {
        font-size: 18px !important;
        line-height: 28px
    }
}

@media (min-width:992px) {
    .fig-thumbnail__title,
    .fnt-lg,
    .projects-location,
    .slider-count-block .featuredSlider-total-length,
    .slider-count-block .slide-number,
    .sub-title {
        font-size: 18px !important;
        line-height: 28px
    }
}

@media (min-width:1600px) {
    .fig-thumbnail__title,
    .fnt-lg,
    .projects-location,
    .slider-count-block .featuredSlider-total-length,
    .slider-count-block .slide-number,
    .sub-title {
        font-size: 18px !important;
        line-height: 28px
    }
}

.projects-location--md {
    font-size: 14px;
    line-height: 22px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600;
    color: #e71C24;
}

@media (min-width:768px) {
    .projects-location-md {
        font-size: 18px !important;
        line-height: 28px
    }
}

@media (min-width:992px) {
    .projects-location--md {
        font-size: 18px !important;
        line-height: 28px
    }
}

@media (min-width:1600px) {
    .projects-location--md {
        font-size: 18px !important;
        line-height: 28px
    }
}
.cta-readmore,
.fnt-md {
    font-size: 14px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width:768px) {
    .cta-readmore,
    .fnt-md {
        font-size: 16px !important;
        line-height: 26px
    }
}

@media (min-width:992px) {
    .cta-readmore,
    .fnt-md {
        font-size: 16px !important;
        line-height: 26px
    }
}

@media (min-width:1600px) {
    .cta-readmore,
    .fnt-md {
        font-size: 16px !important;
        line-height: 26px
    }
}

.author-name,
.card__blog-info,
.fnt-sm,
.head-block,
.living-slider .slick-next .slick-data,
.living-slider .slick-prev .slick-data,
.select-label,
.slick-next .slick-data,
.slick-prev .slick-data,
.ui.checkbox .checkbox-title,
.ui.dropdown .menu .selected.item,
.ui.fluid.dropdown,
.ui.form input[type=checkbox],
.ui.form textarea,
.ui.selection.dropdown .menu>.item,
.user-email,
body p {
    font-size: 14px !important;
    line-height: 22px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width:768px) {
    .author-name,
    .card__blog-info,
    .fnt-sm,
    .head-block,
    .living-slider .slick-next .slick-data,
    .living-slider .slick-prev .slick-data,
    .select-label,
    .slick-next .slick-data,
    .slick-prev .slick-data,
    .ui.checkbox .checkbox-title,
    .ui.dropdown .menu .selected.item,
    .ui.fluid.dropdown,
    .ui.form input[type=checkbox],
    .ui.form textarea,
    .ui.selection.dropdown .menu>.item,
    .user-email,
    body p {
        font-size: 14px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .author-name,
    .card__blog-info,
    .fnt-sm,
    .head-block,
    .living-slider .slick-next .slick-data,
    .living-slider .slick-prev .slick-data,
    .select-label,
    .slick-next .slick-data,
    .slick-prev .slick-data,
    .ui.checkbox .checkbox-title,
    .ui.dropdown .menu .selected.item,
    .ui.fluid.dropdown,
    .ui.form input[type=checkbox],
    .ui.form textarea,
    .ui.selection.dropdown .menu>.item,
    .user-email,
    body p {
        font-size: 14px;
        line-height: 24px
    }
}

@media (min-width:1600px) {
    .author-name,
    .card__blog-info,
    .fnt-sm,
    .head-block,
    .living-slider .slick-next .slick-data,
    .living-slider .slick-prev .slick-data,
    .select-label,
    .slick-next .slick-data,
    .slick-prev .slick-data,
    .ui.checkbox .checkbox-title,
    .ui.dropdown .menu .selected.item,
    .ui.fluid.dropdown,
    .ui.form input[type=checkbox],
    .ui.form textarea,
    .ui.selection.dropdown .menu>.item,
    .user-email,
    body p {
        font-size: 14px;
        line-height: 24px
    }
}

.author-desig,
.btn,
.dropdown,
.fnt-xs,
.footer-contact,
.footer-des,
.footer-link,
.form-label,
.main-header__link,
.navtop-menu .nav-link,
.our-branches__title,
.ui.form .field .prompt.label {
    font-size: 14px !important;
    line-height: 22px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width:768px) {
    .author-desig,
    .btn,
    .dropdown,
    .fnt-xs,
    .footer-contact,
    .footer-des,
    .footer-link,
    .form-label,
    .main-header__link,
    .navtop-menu .nav-link,
    .our-branches__title,
    .ui.form .field .prompt.label {
        font-size: 14px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .author-desig,
    .btn,
    .dropdown,
    .fnt-xs,
    .footer-contact,
    .footer-des,
    .footer-link,
    .form-label,
    .main-header__link,
    .navtop-menu .nav-link,
    .our-branches__title,
    .ui.form .field .prompt.label {
        font-size: 14px;
        line-height: 24px
    }
}

@media (min-width:1600px) {
    .author-desig,
    .btn,
    .dropdown,
    .fnt-xs,
    .footer-contact,
    .footer-des,
    .footer-link,
    .form-label,
    .main-header__link,
    .navtop-menu .nav-link,
    .our-branches__title,
    .ui.form .field .prompt.label {
        font-size: 14px;
        line-height: 24px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .mobile-none {
        display: none
    }
}

.overflow {
    overflow: hidden !important
}

.vertical-grid {
    position: fixed;
    z-index: -1;
    height: 100%;
    width: 100% !important;
    top: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(160, 175, 175, .16)), color-stop(0.7%, rgba(214, 211, 211, 0)), color-stop(0.7%, transparent));
    background-image: -webkit-linear-gradient(left, rgba(160, 175, 175, .16) 0%, rgba(214, 211, 211, 0) 0.7%, transparent 0.7%);
    background-image: -o-linear-gradient(left, rgba(160, 175, 175, .16) 0%, rgba(214, 211, 211, 0) 0.7%, transparent 0.7%);
    background-image: linear-gradient(to right, rgba(160, 175, 175, .16) 0%, rgba(214, 211, 211, 0) 0.7%, transparent 0.7%);
    width: 302px;
    -webkit-background-size: 130px 100%;
    background-size: 130px 100%
}

@media (min-width:360px) {
    .vertical-grid {
        background-size: 164px 100%
    }
}

@media (min-width:375px) {
    .vertical-grid {
        background-size: 156px 100%
    }
}

@media (min-width:576px) {
    .vertical-grid {
        -webkit-background-size: 220px 100%;
        background-size: 220px 100%;
        width: 542px;
    }
}

@media (min-width:992px) {
    .vertical-grid {
        -webkit-background-size: 220px 100%;
        background-size: 224px 100%;
        width: 542px;
    }
}

@media (min-width:1200px) {
    .vertical-grid {
        width: 1142px;
        -webkit-background-size: 271px 100%;
        background-size: 271px 100%
    }
}

@media (min-width:1300px) {
    .vertical-grid {
        width: 1142px;
        -webkit-background-size: 277px 100%;
        background-size: 277px 100%
    }
}

.vertical-grid-gray {
    z-index: -2;
    position: relative
}
.p-r {
    position: relative;
}
.vertical-grid-bg-gray {
    position: relative;
}
.vertical-grid-bg-gray:before {
    content: "";
    position: absolute;
    background: #fafafa;
    width: 100%;
    height: 100%;
    z-index: -2;
    /* margin-top: -52px; */
}

@media (min-width:1200px) {
    .vertical-grid-bg-gray:before {
        margin-top: 0px;
    }
}

@media (min-width:1366px) {
    .vertical-grid-bg-gray:before {
        margin-top: 0;
    }
}

.py-mxl-5 {
    padding-bottom: 20px
}

@media (min-width:576px) {
    .py-mxl-5 {
        padding-bottom: 24px
    }
}

@media (min-width:768px) {
    .py-mxl-5 {
        padding-bottom: 24px
    }
}

@media (min-width:992px) {
    .py-mxl-5 {
        padding-bottom: 32px
    }
}

@media (min-width:1200px) {
    .py-mxl-5 {
        padding-bottom: 22px
    }
}

@media (min-width:1600px) {
    .py-mxl-5 {
        padding-bottom: 50px
    }
}

.fullpage-wrapper {
    z-index: 1
}

.author-name,
.btn,
.card__blog-info,
.fnt-montserr-semi,
.footer-link,
.our-branches__title,
.our-portfolio-numbers p {
    font-weight: 600
}

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

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

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

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

.flex-center,
.footer-sub {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: space-between;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.icon {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.icon--sm {
    font-size: 16px
}

.txt-primary {
    color: #E71C24 !important
}

.footer-sub p,
.txt-secondary {
    color: #474a50
}

.bg-primry {
    background: #474a50;
}
.footer-bg-primry {
    background: #FAFAFA;
}

.bg-gray {
    background: #fafafa
}

.bg-light-black {
    background: #474a50
}

.bg-yellow {
    background: #f5f5f5
}

.bg-yellow__pattern {
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    width: 100%;
}
@media (max-width:767px) {
    .bg-yellow__pattern {width:890px;top:0px;}
    }

.bg-yellow__pattern .img-patch-center {
    /* top: -22%; */
    left: 0;
    right: 0;
    width: 100%;
    position: absolute;
}

.sudeo--black-pattern-bt .img-patch-center {
    /* top: -22%; */
    /* left: 0;
    right: 0; */
    width: 100%;
    height: 242px;
    /* position: absolute; */
}

.bg-primry,
.bg-yellow {
    z-index: 10
}

.section-padding-xs {
    position: relative;
    padding: 1.5rem 0 0;
}

@media (min-width:1366px) {
    .section-padding-xs {
        padding: 0;
    }
}

@media (min-width:1600px) {
    .section-padding-xs {
        padding: 1.5rem 0 0;
    }
}

@media (max-width:767px) {
    .section-padding-xs {
        padding: 2rem 0;
    }
}

.section-padding-md {
    position: relative;
    padding: 3.5rem 0 0
}

@media (max-width:767px) {
    .section-padding-md {
        padding: 3.5rem 0
    }
}

.section-padding-mdd {
    position: relative;
    padding: 3.5rem 0 4.5rem
}

@media (max-width:767px) {
    .section-padding-mdd {
        padding: 3.5rem 0
    }
}

.section-padding-sm {
    position: relative;
    padding: 10rem 0
}

@media (max-width:767px) {
    .section-padding-sm {
        padding: 5rem 0
    }
}

.section-padding {
    position: relative;
    padding: 3rem 0
}

@media (min-width:768px) {
    .section-padding {
        padding: 6rem 0
    }
}

@media (min-width:992px) {
    .section-padding {
        padding: 10rem 0
    }
}

.section-padding--lg {
    position: relative;
    padding: 3rem 0 10rem
}

@media (min-width:768px) {
    .section-padding--lg {
        padding: 6rem 0 10rem
    }
}

@media (min-width:992px) {
    .section-padding--lg {
        padding: 12rem 0 16rem
    }
}

@media (max-width:767px) {
    .section-padding--mobile {
        padding: 6rem 0
    }
}

.section-padding-xss {
    position: relative;
    padding: 3rem 0;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
}

@media (min-width:768px) {
    .section-padding-xss {
        padding: 3rem 0;
    }
}

@media (min-width:992px) {
    .section-padding-xss {
        padding: 4rem 0
    }
}

@media (min-width:1200px) {
    .section-padding-xss {
        padding: 5rem 0
    }
}

@media (min-width:1366px) {
    .section-padding-xss {
        padding: 3rem 0
    }
}

@media (min-width:1600px) {
    .section-padding-xss {
        padding: 8rem 0;
    }
}

.section-padding-xmd {
    position: relative;
    padding: 5rem 0
}

@media (min-width:768px) {
    .section-padding-xmd {
        padding: 5rem 0
    }
}

@media (min-width:992px) {
    .section-padding-xmd {
        padding: 7rem 0
    }
}

@media (min-width:768px) {
    .margin-top3 {
        margin-top: 3.3rem
    }
}
@media (min-width:992px) {
    .margin-top3 {
        margin-top: 2rem
    }
}

@media (min-width:1200px) {
    .margin-top3 {
        margin-top: 3rem
    }
}
.img-fluid {
    max-width: 100%;
    height: auto;
    width: auto
}

.image-fit-cover {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.white {
    color: #fff !important
}

.circle {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.main-pd {
    padding-top: 60px
}

@media (min-width:768px) {
    .main-pd {
        padding-top: 140px
    }
}

.pseudo-line {
    position: relative
}

.open-popup-video,
.pseudo-line::before {
    background-color: #E71C24;
    position: absolute;
    top: 50%
}

.pseudo-line::before {
    content: "";
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: calc(100% + 1rem)
}

@media (min-width:992px) {
    .pseudo-line::before {
        width: 68px;
        height: 2px
    }
}

.open-popup-video {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    font-size: 14px
}

@media (min-width:768px) {
    .open-popup-video {
        width: 75px;
        height: 75px;
        font-size: 22px
    }
}
.icon-music-player-play {
    margin-left: 0.4rem;
}
.img-cus {
    height: 100% !important
}

.count_up .count_up_stat,
.count_up .count_up_stats {
    /* letter-spacing: 2.2px; */
}

/* @media (min-width: 1100px) { */

@media (min-width:768px) {
    span.count_up_stat.project-number {
        /* position: absolute;
    left: 0; */
        /* display: flex; */
        /* width: 100%;
    text-align: center;
    top: -111px;
    right: 0; */
        /* display: inline-flex;
    flex-direction: column;
    align-items: center; */
        /* display: inline-flex;
    align-items: center;
    justify-content: center; */
        position: absolute;
        left: -5px;
        /* display: flex; */
        width: 100%;
        text-align: center;
        top: -101px;
        right: 0;
    }
    /* } */
}

@media (min-width: 1100px) {
    span.count_up_stat.project-number {
        top: -81px;
    }
}

@media (min-width: 1600px) {
    span.count_up_stat.project-number {
        top: -101px;
    }
}

.count_up {
    position: relative;
    /* display: flex; */
    /* flex-direction: row; */
    /* align-items: center; */
    /* min-width: 33.33333%; */
    /* width: 100%; */
}

/* } */

/* @media (min-width: 1100px) { */

@media (min-width:768px) {
    .count_up-wrap {
        /* max-width : 250px; */
        position: relative;
        /* width: 100%;
    margin: 0 auto; */
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}

.count_up_stat.project-number {
    /* position: absolute;
    top: 0;
    background: red;
    width: 75%; */
    display: inline-block;
}

.count_up .count_up_stat,
.count_up .count_up_stats,
.img-cus {
    width: 100%
}

@media (min-width:992px) {
    .ml-cus {
        margin-left: 2%
    }
}

.anchor {
    font-weight: 600
}

.anchor--danger {
    color: #E71C24
}

.anchor--lg {
    font-size: 16px !important;
    line-height: 26px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width:768px) {
    .anchor--lg {
        font-size: 18px !important;
        line-height: 28px
    }
}

@media (min-width:992px) {
    .anchor--lg {
        font-size: 20px !important;
        line-height: 30px
    }
}

@media (min-width:1600px) {
    .anchor--lg {
        font-size: 20px !important;
        line-height: 30px
    }
}

/* ::-webkit-scrollbar-track {
    background-color: transparent !important
}

::-webkit-scrollbar {
    width: 10px !important;
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    background-color: transparent !important
} */

.slider-progress {
    width: 30px;
    height: 2px;
    background: #c6c8cd;
    position: absolute;
    bottom: 13px;
    left: 32px
}

.slider-progress .progress {
    width: 0%;
    height: 2px;
    background: #E71C24
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0
}

.nav-bottom-fixed {
    background: #474a50;
    padding: .8rem 1rem;
    text-align: center;
    z-index: 100
}

/*.icons {
    background-image: url(https://super.homelane.com/web2.0/feature_sprite1.png);
    position: absolute;
    left: 50%;
    -webkit-background-size: 430px 430px;
    background-size: 430px;
    background-repeat: no-repeat;
    width: 47px;
    height: 45px;
    display: inline-block;
    top: -3.5rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}*/

.icons--waranty {
    background-position: -12px -13px
}

.icons--insta {
    background-position: -84px -13px
}

.icons--designers {
    background-position: -156px -13px
}

.icons--service {
    background-position: -226px -13px
}

.icons--facebook,
.icons--google {
    position: relative;
    background-position: -301px -15px;
    height: 40px;
    width: 42px;
    left: 0;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    top: 0
}

.icons--google {
    background-position: -370px -15px !important
}

.cta-readmore,
.hamburg.close .mobile-xs {
    display: none
}

@media (max-width:767px) {
    .cta-readmore {
        display: block;
        color: #E71C24;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        font-weight: 600;
        font-size:14px;
    }
}

.cta-readmore .icon {
    -webkit-transform: rotateZ(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotateZ(-90deg)
}

header {
    position: relative;
    z-index: 10
}

.nav-options-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    clear:both;
}

@media (max-width:767px) {
    .main-header {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .sub-header {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.main-header {
    background: #fff;
    padding: .8rem 3rem;
    border-bottom: 1px solid #eee;
}

@media (max-width:767px) {
    .main-header {
        padding: 1.5rem 0;
        height: 100vh;
        background-color: #474a50;
        color:#fff
    }
}

.main-header__link {
    /* color: rgba(255, 255, 255, .8);
    letter-spacing: -.12px */
    color: #4A4A4A;
    letter-spacing: -.12px;
    transition: .5s all ease;
    font-weight:500;
    font-family: 'Lato', sans-serif;
}

.main-header__link:first-child {
    margin-left: 0
}

@media (max-width:767px) {
    .main-header__link {
        padding: .2rem 1rem
    }
}

@media (min-width:768px) {
    .main-header__link {
        margin-left: 1.8rem
    }
}
.main-header__link:hover,
.main-header__link:focus {
    color: #E71C24;
    opacity: 1;
    transition: .5s all ease;
}
@media (max-width:767px) {
    .main-header__left-wrapper,
    .main-header__right-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .main-header__block,
    .main-header__left-wrapper,
    .main-header__right-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.sub-header {
    padding: 1.2rem 1px
}

@media (min-width:768px) {
    .sub-header {
        -webkit-box-shadow: 0 1px 3px #f1f1f1;
        box-shadow: 0 1px 3px #f1f1f1
    }
}

@media (min-width:1200px) {
    .sub-header {
        padding: 19px 48px;
    }
}

@media (min-width:1300px) {
    .sub-header {
        padding: 22px 48px;
    }
}

@media (min-width:1600px) {
    .sub-header {
        padding: 1.2rem 3rem;
    }
}

@media (max-width:767px) {
    .sub-header__block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        padding: 0 1rem
    }
}
@media (min-width:768px) {
    .sub-header__block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

@media (min-width:850px) {
    .sub-header__block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

@media (min-width:1200px) {
    .sub-header__block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.navtop-menu {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.navtop-menu .nav-link {
    color: #4A4A4A;
    letter-spacing: -.12px;
    font-weight:500;
    font-family: 'Lato', sans-serif;
    font-size:13px !important;
    line-height: 20px !important;

}

@media (max-width:767px) {
    .navtop-menu {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.nav-link {
    display: block
}

@media (min-width:768px) {
    .nav-link {
        padding: .5rem
    }
}

@media (min-width:1200px) {
    .nav-link {
        margin: 0 .2rem
    }
}

@media (min-width:1300px) {
    .nav-link {
        margin: 0 .5rem
    }
}

@media (min-width:1400px) {
    .nav-link {
        margin: 0 .8rem
    }
}
.navtop-menu .nav-link:hover,
.navtop-menu .nav-link:focus {
    color: #E71C24;
    transition: .5s all ease;
}
.opacity-none.nav-link.active {
    color: #E71C24;
    transition: .5s all ease;
}
.admin-info__img {
    cursor: pointer;
    width:30px;
    height:30px;
    margin-left:10px;   
}
.admin-info--sm .btn {
    padding: .1rem .6rem
}
.admin-info{align-items:center;}
@media (max-width:767px) {
    .admin-info__img {
        height: 30px;
        width: 30px;
        -webkit-border-radius: 100%;
        border-radius: 100%
    }
    /* .admin-info.admin-info--sm{    position: absolute;
        right: 0;
        top: 0;
        height: 100%;} */
    /*.admin-info--sm .btn {
        padding: 15.8px 13px;
        margin-right: 0 !important;
        height: 100%;
        font-size: 16px !important;
        margin: 0;
    }*/
    .fpEstimate{
        position: absolute;
        right: 0;
        top: 0;
        height: 100%; 
    }
    .fpEstimate .btn {
        padding: 15.8px 13px;
        margin-right: 0 !important;
        height: 100%;
        font-size: 16px !important;
        margin: 0;
        border-radius: 0px;
    }
}
@media (max-width:320px) {
.admin-info--sm .btn {
    padding: 15.8px 7px;
    font-size: 14px !important;
}
}

@media (min-width:768px) {
    .admin-info .btn {
        font-size: 14px !important;
        padding-left: 15px;
        padding-right: 15px;
        margin-right: 0px !important;

    font-weight: 500;
    line-height: 20px;
    border-radius: 4px;
    }
    
}

@media (min-width:992px) {
    .admin-info .btn {
     font-size: 14px !important;
padding-left: 15px;
padding-right: 15px;
margin-right: 10px !important;
    }
}

.brand-logo-w {
    width: 150px
}

.nav-up {
    top: -40px
}

.top-nav {
    width: 100%;
    background: #fff;
    z-index: 999;
    position: fixed;
    padding: 12px 15px;
    border-bottom: 1px solid #f1f1f1;
    /* -webkit-box-shadow: 0 0 5px 1px rgba(204, 204, 204, .5);
    box-shadow: 0 0 5px 1px rgba(204, 204, 204, .5); */
       -webkit-transition: background ease .5s;
    -o-transition: background ease .5s;
    transition: background ease .5s
}

@media (max-width:767px) {
    .top-nav {
        max-width: 100% !important
    }
}

@media (min-width:768px) {
    .top-nav {
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.nav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.icon-bar {
    width: 14px;
    height: 2px;
    background-color: #474a50;
    display: block;
    margin-bottom: 3px;
}

.hamburg {
    display: block;
    background: 0 0;
    border: 0;
    cursor: pointer
}

.hamburg:active,
.hamburg:focus,
.hamburg:hover {
    outline: 0
}

@media (min-width:768px) {
    .hamburg {
        display: none;
    }
}

@media (max-width:767px) {
    .side-nav {
        /* box-shadow: -6px 12px 8px 6px rgba(0,0,0,.4); */
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 75%;
        height: 1500px;
        top: 0;
        z-index: 2;
        background-color: #fff;
        -webkit-transition: 1s all;
        -o-transition: 1s all;
        transition: 1s all;
        overflow-x: hidden;
        overflow-Y: scroll;
    }
    .side-nav.active {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        overflow-y: hidden;
        display: block
    }
}

.header-block,
button.hamburg,
button.hamburg.close {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.header-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

button.hamburg,
button.hamburg.close {
    padding-right: 1rem;
    padding-left: 0;
    width: 22px;
    height: 23px;
    cursor: pointer;
    padding-top:5px;
    padding-top: 6px;
    margin-top: 5px;
}

.hamburg.close .icon-bar:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .1s all;
    -o-transition: .1s all;
    transition: .1s all
}

.hamburg.close .icon-bar:last-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -6px;
    -webkit-transition: .1s all;
    -o-transition: .1s all;
    transition: .1s all
}

.overflow {}

.nav-logo {
    width: 150px
}

@media (max-width:767px) {
    .nav-logo {
        height: 34px;
        width:auto;
    }
    
    .mobile-single {
        display: inline-block
    }
    .mobile-single:nth-child(2) .underline-wrapper {
        padding-left: 10px
    }
    .opacity-none.nav-link {
        padding-left: 0;
        font-weight:600;
    }
}

.opacity-none {
    opacity: 1
}

@media (min-width:768px) {
    .opacity-none {
        opacity: 1
    }
}

footer {
    position: relative;
    background: #fff;
    margin-top: .3rem;
    z-index: 11;
    margin-bottom: 50px;
}

@media (max-width:767px) {
    /*footer {
        padding-bottom: 5rem
    }*/
    .footer-logo {
        margin-bottom: 10px;
    }
}

.footer-des {
    color: rgba(71, 74, 80, .8);
    font-weight:500;
    text-align:justify;
}
@media (min-width:992px) {
    .footer-des {
        margin-top:10px;
    }
}
.footer-sub__info,.footer-des,.footer-contact__item{font-weight:500;}

.footer-menu {
    padding: 0.5rem 3rem
}

@media (min-width:1600px) {
    .footer-menu {
        padding: 3rem 3rem;
    }
}

@media (max-width:767px) {
    .footer-menu {
        padding: 2rem 1.5rem;
    }
}

@media (min-width:1600px) {
    .footer-menu {
        padding: 3.5rem 3rem;
    }
}


.footer-menu__links-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding-top: 1.5rem;
    padding-bottom: 1rem
}

@media (min-width:768px) {
    .footer-menu__links-list {
        padding-top: 1.5rem;
        padding-bottom: 0;
    }
}

@media (min-width:1600px) {
    .footer-menu__links-list {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}
@media (min-width:320px) and (max-width:767px) {
    .footer-menu__links-list {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media (min-width:768px) {
    .footer-menu__links-list {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.footer-menu__links-list li {
    margin-right: 2rem
}

@media (min-width:320px) and (max-width:767px) {
    .footer-menu__links-list li {
        margin: 0 1rem .5rem
    }
}

.footer-link {
    color: rgba(71, 74, 80, .8)
}

.our-branches,
.our-branches figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.our-branches {
    text-align: center;
    padding-top: .5rem
}

@media (max-width:767px) {
    .our-branches {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding-bottom: .5rem
    }
}

.our-branches figure {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle
}

@media (max-width:767px) {
    .our-branches figure {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media (min-width:1200px) {
    .our-branches figure {
        margin-right: 2.5rem;
        margin-bottom: 1rem
    }
}

@media (min-width:1600px) {
    .our-branches figure {
        margin-right: 4.5rem
    }
}

.our-branches__title {
    color: rgba(71, 74, 80, .67)
}

.our-branches__icon {
    font-size: 80px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    color: rgba(71, 74, 80, .35)
}

.footer-sub {
    padding: .5rem 1rem
}

@media (max-width:991px) {
    .footer-sub {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:768px) {
    .footer-sub {
        padding: .7rem 2rem;
    }
}

@media (min-width:992px) {
    .footer-sub {
        padding: 0.5rem 3rem
    }
}

@media (min-width:1600px) {
    .footer-sub {
        padding: 2rem 3rem;
    }
}


@media (max-width:767px) {
    .footer-sub__info {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        font-size: 10px !important;
        padding-top: 0 !important
    }
    .footer-social-links,
    .footer-sub p {
        padding: .5rem 0
    }
}

@media (max-width:991px) {
    .footer-social-links {
        padding: .8rem 0
    }
}

.footer-social-links__item {
    color: rgba(71, 74, 80, .8);
    margin: 0 .6rem
}
.footer-social-links__item svg{
    height: 30px;
    width: 30px;
    background: #F5F5F5;
    padding: 6px;
    border-radius: 50%;
    margin-top: 10px;
}

.footer-contact__item {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 2rem;
    color: #474a50
}

.footer-contact__item:last-child {
    margin-right: 0
}

@media (max-width:767px) {
    .footer-contact {
        padding: .5rem 0;
        text-align: center;
    }
}

.btn {
    padding: .6rem 1.2rem;
    letter-spacing: -.12px;
    -webkit-border-radius: 2px;
    border-radius: 8px;
    cursor: pointer
}

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

.btn--danger:hover {
    background: #fff;
    color: #E71C24;
    border: 1px solid #E71C24
}
form .btn--danger:hover {
    background: #E71C24;
    color: #fff;
}
.btn--danger,
.btn--danger:hover,
.btn--primary,
.btn--primary:hover {
    -webkit-transition: 0s all ease;
    -o-transition: 0s all ease;
    transition: 0s all ease
}

.btn--primary {
    background: #e71C24;
    color: #fff
}

.btn--primary:hover {
    background: #fff;
    color: #474a50
}

.btn--border {
    border: 1px solid #E71C24;
    background: 0 0;
    color: #E71C24;
    padding: .4rem 2rem
}

@media (min-width:768px) {
    .btn--border {
        padding: .5rem 2.6rem
    }
}

.btn-sm {
    padding: .5rem 2.2rem
}

.fav-button {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;justify-content: center;
    z-index: 1;
    cursor: pointer;
    color: #dbdbdb !important;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

@media (min-width: 768px) {
    .fav-button {
        width: 48px;
        height: 48px;
    }
}

.fav-button.icon {
    color: #dbdbdb !important;
}

.fav-button.active svg,
.text-theme-primary {
    color: #E71C24 !important;
    fill: #E71C24 !important;
}

.fav-button.abs-parent {
    position: absolute;
    right: 4px;
    top: 4px;
}

.text-primary {
    color: #474a50 !important
}

.text-secondary {
    color: rgba(71, 74, 80, .78) !important
}

.text-danger {
    color: #E71C24 !important
}

.text-tertiary {
    color: rgba(71, 74, 80, .5) !important
}

.fnt-bold-md {
    font-weight: 600
}

.fnt-bold {
    font-weight: 700
}

.text-white-shade {
    color: rgba(255, 255, 255, .6)
}

/* 
@media (max-width: 767px) {
    .img-md,
    .img-sm,
    .img-ssm {
        padding-right: 1.5rem;
    }
} */

/* .img-lg {
    width: 280px;
    height: 200px
} */

@media (max-width: 767px) {
    .img-md-pr,
    .img-sm-pr,
    .img-ssm-pr {
        padding-right: 0rem;
    }
}

@media (max-width: 767px) {
    .img-md-pl,
    .img-sm-pl,
    .img-ssm-pl {
        padding-left: 0rem;
    }
}

@media (min-width:576px) {
    .img-lg {
        width: 307px;
        height: auto
    }
}

@media (min-width:768px) {
    .img-lg {
        width: 410px;
        height: auto
    }
}

@media (min-width:992px) {
    .img-lg {
        width: 410px;
        height: auto
    }
}

@media (min-width:1200px) {
    .img-lg {
        width: 547px;
        height: auto
    }
}

@media (min-width:1600px) {
    .img-lg {
        width: 650px;
        height: auto
    }
}

/* .img-md {
    width: 280px;
    height: 200px
} */

@media (min-width:576px) {
    .img-md {
        width: 213px;
        height: auto
    }
}

@media (min-width:768px) {
    .img-md {
        width: 284px;
        height: auto
    }
}

@media (min-width:992px) {
    .img-md {
        width: 284px;
        height: auto
    }
}

@media (min-width:1200px) {
    .img-md {
        width: 378px;
        height: auto
    }
}

@media (min-width:1600px) {
    .img-md {
        width: 450px;
        height: auto
    }
}

/* .img-sm {
    width: 280px;
    height: 200px
} */

@media (min-width:576px) {
    .img-sm {
        width: 240px;
        height: auto
    }
}

@media (min-width:768px) {
    .img-sm {
        width: 240px;
        height: auto
    }
}

@media (min-width:992px) {
    .img-sm {
        width: 320px;
        height: auto
    }
}

@media (min-width:1200px) {
    .img-sm {
        width: 380px;
        height: auto
    }
}

@media (min-width:1600px) {
    .img-sm {
        width: 380px;
        height: auto;
    }
}

/* .img-ssm {
    width: 280px;
    height: 200px
} */

@media (min-width:576px) {
    .img-ssm {
        width: 237px;
        height: auto;
    }
}

@media (min-width:768px) {
    .img-ssm {
        width: 316px;
        height: auto;
    }
}

@media (min-width:992px) {
    .img-ssm {
        width: 321px;
        height: auto;
    }
}

@media (min-width:1200px) {
    .img-ssm {
        width: 450px;
        height: auto;
    }
}

@media (min-width:1600px) {
    .img-ssm {
        width: 500px;
        height: auto;
    }
}

/* .img-xxs {
    width: 42px;
    height: 42px
} */

.img-315 {
    width: 130px;
    height: auto;
}

@media (min-width:576px) {
    .img-315 {
        width: 253px;
        height: auto
    }
}

@media (min-width:768px) {
    .img-315 {
        width: 340px;
        height: auto
    }
}

@media (min-width:992px) {
    .img-315 {
        width: 456px;
        height: auto
    }
}

@media (min-width:1200px) {
    .img-315 {
        width: 456px;
        height: auto
    }
}

@media (min-width:1600px) {
    .img-315 {
        width: 545px;
        height: auto
    }
}

.img-545 {
    width: 130px;
    height: auto
}

@media (min-width:576px) {
    .img-545 {
        width: 253px;
        height: auto
    }
}

@media (min-width:768px) {
    .img-545 {
        width: 340px;
        height: auto
    }
}

@media (min-width:992px) {
    .img-545 {
        width: 456px;
        height: auto
    }
}

@media (min-width:1200px) {
    .img-545 {
        width: 456px;
        height: auto
    }
}

@media (min-width:1600px) {
    .img-545 {
        width: 545px;
        height: auto
    }
}

@media (min-width:576px) {
    .ratio-space--lg {
        padding-top: 32px
    }
}

@media (min-width:768px) {
    .ratio-space--lg {
        padding-top: 32px
    }
}

@media (min-width:992px) {
    .ratio-space--lg {
        padding: 64px 0;
    }
}

@media (min-width:1200px) {
    .ratio-space--lg {
        padding-top: 24px
    }
}

@media (min-width:1366px) {
    .ratio-space--lg {
        padding-top: 8px
    }
}

@media (min-width:1400px) {
    .ratio-space--lg {
        padding-top: 24px
    }
}

@media (min-width:1600px) {
    .ratio-space--lg {
        padding-top: 77px
    }
}

.ratio-space--sm {
    padding-top: 10px
}

@media (min-width:576px) {
    .ratio-space--sm {
        padding-top: 19px
    }
}

@media (min-width:768px) {
    .ratio-space--sm {
        padding-top: 19px
    }
}

@media (min-width:992px) {
    .ratio-space--sm {
        padding-top: 25px
    }
}

@media (min-width:1200px) {
    .ratio-space--sm {
        padding-top: 10px
    }
}

@media (min-width:1600px) {
    .ratio-space--sm {
        padding-top: 40px
    }
}

.ratio-space--xxs {
    padding-top: 15px
}

@media (min-width:576px) {
    .ratio-space--xxs {
        padding-top: 15px
    }
}

@media (min-width:768px) {
    .ratio-space--xxs {
        padding-top: 15px
    }
}

@media (min-width:992px) {
    .ratio-space--xxs {
        padding-top: 20px
    }
}

@media (min-width:1200px) {
    .ratio-space--xxs {
        padding-top: 26px
    }
}

@media (min-width:1600px) {
    .ratio-space--xxs {
        padding-top: 32px
    }
}

@media (min-width:576px) {
    .card-img--sm {
        padding-bottom: 24px
    }
}

@media (min-width:768px) {
    .card-img--sm {
        padding-bottom: 24px
    }
}

@media (min-width:992px) {
    .card-img--sm {
        padding-bottom: 32px
    }
}

@media (min-width:1200px) {
    .card-img--sm {
        padding-bottom: 22px
    }
}

@media (min-width:1600px) {
    .card-img--sm {
        padding-bottom: 50px
    }
}

.w-left {
    width: 60%;
    /* width: 259px;
    height: 319px; */
}

@media (min-width:576px) {
    .w-left {
        /* width: 259px;
        height: 319px; */
        width: 60%;
    }
}

@media (min-width:768px) {
    .w-left {
         /* width: 259px;
        height: 319px; */
        width: 60%;
    }
}

@media (min-width:992px) {
    .w-left {
        /* width: 259px;
        height: 319px; */
        width: 60%;
    }
}

@media (min-width:1200px) {
    .w-left {
        /* width: 259px;
        height: 319px; */
        width: 80%;
    }
}
@media (min-width:1500px) {
    .w-left {
        /* width: 259px;
        height: 319px; */
        width: 100%;
    }
}

@media (min-width:1600px) {
    .w-left {
        /* width: 259px;
        height: 319px; */
        width: 100%;
    }
}

.w-right {
      /* width: 192px;
    height: 351px; */
    width: 60%;
}

@media (min-width:576px) {
    .w-right {
       /* width: 192px;
        height: 351px; */
        width: 60%;
    }
}

@media (min-width:768px) {
    .w-right {
       /* width: 192px;
        height: 351px; */
        width: 60%;
    }
}

@media (min-width:992px) {
    .w-right {
         /* width: 192px;
        height: 351px; */
        width: 60%;
    }
}

@media (min-width:1200px) {
    .w-right {
        /* width: 192px;
        height: 351px; */
        width: 80%;
    }
}
@media (min-width:1500px) {
    .w-right {
        /* width: 259px;
        height: 319px; */
        width: 100%;
    }
}

@media (min-width:1600px) {
    .w-right {
        /* width: 192px;
        height: 351px; */
        width: 100%;
    }
}

@media (min-width:1200px) {
    img.w-right.w-right--1.lazyload {
        width: 80%;
        margin-top: 1rem;
    }
}

@media (min-width:1500px) {
    img.w-right.w-right--1.lazyload {
        width: 100%;
        margin-top: 68px;
    }
}
@media (min-width:2560px) {
    img.w-right.w-right--1.lazyload {
        width: 100%;
        margin-top: 20px;
    }
}

.w-center {
    width: 60%
}

@media (min-width:576px) {
    .w-center {
        width: 80%
    }
}

@media (min-width:768px) {
    .w-center {
        width: 60%
    }
}

@media (min-width:992px) {
    .w-center {
        width: 60%
    }
}

@media (min-width:1200px) {
    .w-center {
        width: 60%
    }
}

@media (min-width:1600px) {
    .w-center {
        width: 100%
    }
}
@media (min-width:1600px) {
    .img-w-lg {
        width: 2000px;
        height: 244px;
    }
}

@media (min-width:1600px) {
    .img-patch-lg {
        width: 420px;
        height: 258px;
    }
}

@media (min-width:1600px) {
    .img-patch-md {
        width: 467px;
        height: 304px;
    }
}

.img-patch-center {
    /* width: 1361px;
    height: 137px; */
}

@media (min-width:1600px) {}
.img-pd-sm {
    width: 260px;
    height: 260px
}

@media (min-width:576px) {
    .img-pd-sm {
        width: 172px;
        height: 172px
    }
}

@media (min-width:768px) {
    .img-pd-sm {
        width: 221px;
        height: 221px
    }
}

@media (min-width:992px) {
    .img-pd-sm {
        width: 295px;
        height: 295px
    }
}

@media (min-width:1200px) {
    .img-pd-sm {
        width: 350px;
        height: 350px
    }
}

@media (min-width:1600px) {
    .img-pd-sm {
        width: 350px;
        height: 350px
    }
}

.img-pd-md {
    width: 220px;
    height: 162px
}

@media (min-width:576px) {
    .img-pd-md {
        width: 516px;
        height: auto;
    }
}

@media (min-width:768px) {
    .img-pd-md {
        width: 680px;
        height: auto;
    }
}

@media (min-width:992px) {
    .img-pd-md {
        width: 652px;
        height: auto;
    }
}

@media (min-width:1200px) {
    .img-pd-md {
        width: 732px;
        height: auto;
    }
}
@media (min-width:1366px) {
    .img-pd-md {
        width: 842px;
        height: auto;
    }
    #projectImageSliderContainer  .img-pd-md {
        width: 902px;
        height:auto;
    }
}
@media (min-width:1440px) {   
    #projectImageSliderContainer  .img-pd-md {
        width: 955px;
        height:auto;
    }
}
@media (min-width:1600px) {
    .img-pd-md {
        width: 1160px;
        height: auto;
    }
}

.img-pd-xmd {
    width: 266px;
    height: auto;
}

@media (min-width:576px) {
    .img-pd-xmd {
        width: 526px;
        height: auto;
    }
}

@media (min-width:768px) {
    .img-pd-xmd {
        width: 700px;
        height: auto;
    }
}

@media (min-width:992px) {
    .img-pd-xmd {
        width: 932px;
        height: auto;
    }
}

@media (min-width:1200px) {
    .img-pd-xmd {
        width: 932px;
        height: auto;
    }
}

@media (min-width:1600px) {
    .img-pd-xmd {
        width: 1100px;
        height: auto;
    }
}

.img-pd-mdd {
    width: 280px;
    height: auto;
}

@media (min-width:576px) {
    .img-pd-mdd {
        width: 237px;
        height: auto;
    }
}

@media (min-width:768px) {
    .img-pd-mdd {
        width: 316px;
        height: auto;
    }
}

@media (min-width:992px) {
    .img-pd-mdd {
        width: 421px;
        height: auto;
    }
}

@media (min-width:1200px) {
    .img-pd-mdd {
        width: 500px;
        height: auto;
    }
}

@media (min-width:1600px) {
    .img-pd-mdd {
        width: 500px;
        height: auto;
    }
}
.img-pd-smd {
    width: 240px;
    height: auto;
}

@media (min-width:576px) {
    .img-pd-smd {
        width: 131px;
        height: auto;
    }
}

@media (min-width:768px) {
    .img-pd-smd {
        width: 174px;
        height: auto;
    }
}

@media (min-width:992px) {
    .img-pd-smd {
        width: 232px;
        height: auto;
    }
}

@media (min-width:1200px) {
    .img-pd-smd {
        width: 276px;
        height: 346px
    }
}

@media (min-width:1600px) {
    .img-pd-smd {
        width: 276px;
        height: auto;
    }
}

.img-pd-slg {
    width: 100%
}

@media (min-width:576px) {
    .img-pd-slg {
        width: 256px;
        height: auto;
    }
}

@media (min-width:768px) {
    .img-pd-slg {
        width: 341px;
        height: auto;
    }
}

@media (min-width:992px) {
    .img-pd-slg {
        width: 455px;
        height: auto;
    }
}

@media (min-width:1200px) {
    .img-pd-slg {
        width: 540px;
        height: auto;
    }
}

@media (min-width:1600px) {
    .img-pd-slg {
        width: 540px;
        height: auto;
    }
}

.shape-diamond {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: rgba(238, 70, 38, .5);
    position: relative;
    top: -18px
}

.shape-diamond::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 25px;
    width: 6px;
    height: 0;
    border: 6px solid transparent;
    border-top-color: rgba(238, 70, 38, .5)
}

.shape-diamond.fill {
    border-bottom-color: #E71C24
}

.shape-diamond.fill::before {
    border-top-color: #E71C24
}

.media--block {
    -ms-flex-align: flex-start;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: space-between;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.head-block,
.interpreter span:before,
.media--block {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.head-block {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: rgba(71, 74, 80, .8);
    font-weight: 600;
    position: relative
}

@media (min-width:768px) {
    .head-block {
        margin: .8rem 0;
    }
}

/* 
.head-block-left {
    padding-left: 4rem;
} */

@media (min-width:1200px) {
    .head-block-left {
        padding-left: 1rem;
    }
}

@media (min-width:1366px) {
    .head-block-left {
        padding-left: 0rem;
    }
}

.interpreter span {
    position: relative;
    padding: 0 2.5rem 0 0;
    display: inline-block;
}

.interpreter span:before {
    content: "";
    position: absolute;
    top: 35%;
    right: 3%;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(-315deg);
    -ms-transform: rotate(-315deg);
    transform: rotate(-315deg);
    background-color: #E71C24;
    margin: 0 1rem
}

.interpreter span:last-child:before {
    display: none
}
.features-container-interpreter {
    position: relative;
}

@media (min-width:1366px) {
    .features-container-interpreter:before {
        content: "";
        position: absolute;
        width: 1px;
        background: #979797;
        height: calc(100% + 40px);
        opacity: 0.2;
        /* bottom: 0; */
        top: 8px;
        left: 13.5px;
    }
}

@media (min-width:1600px) {
    .features-container-interpreter:before {
        left: -4.5px;
    }
}

@media (min-width:1900px) {
    .features-container-interpreter:before {
        height: calc(100% + 224px);
        top: 65px;
        left: -16.5px;
    }
}
.sub-title {
    color: #474a50
}

.head-line {
    position: relative
}

@media (min-width:992px) {
    .head-line {
        display: inline-block
    }
}

.head-line:before {
    content: "";
    top: 40%;
    width: 30px;
    height: 2px;
    left: 10px;
    position: absolute;
    font-family:'Lato';
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
   
}

@media (min-width:768px) {
    .head-line:before {
        width: 50px;
        left: -4rem
    }
}

@media (min-width:992px) {
    .head-line:before {
        width: 75px;
        left: -95px
    }
}

@media (max-width:767px) {
    .head-line__sm {
        padding-left: 2.6rem
    }
}

.head-line__sm:before {
    width: 20px
}

@media (min-width:768px) {
    .head-line__sm:before {
        width: 30px;
        left: -40px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .head-line--md {
       
    }
    .head-line--md:before {
        width: 28px;
        top: 40%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .head-line--md {
        padding-left: 1.2rem
    }
}

.left-line {
    position: relative;
    display: inline-block
}

@media (min-width:320px) and (max-width:767px) {
    .left-line {
        padding-left: 2rem
    }
}

.left-line:before {
    content: "";
    position: absolute;
    left: -15px;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    top: 50%;
    width: 20px;
    height: 2px;
  
}

@media (min-width:768px) {
    .left-line:before {
        width: 72px;
        height: 2px;
        left: -95px
    }
}

@media (min-width:992px) {
    .left-line:before {
        width: 72px;
        height: 2px;
        left: -108px
    }
}

.left-line:after {
    content: "";
    top: 42%;
    left: -3px;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(-315deg);
    -ms-transform: rotate(-315deg);
    transform: rotate(-315deg);
     background-color: #E71C24;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0 1rem
}

@media (min-width:768px) {
    .left-line:after {
        top: 44%;
        left: -30px
    }
}

@media (min-width:992px) {
    .left-line:after {
        left: -40px
    }
}

.left-line:after,
.sudeo {
    position: absolute
}

.sudeo--right {
    top: -20px;
    right: 18px;
}

@media (max-width:767px) {
    .sudeo--right {
        display: none
    }
}

@media (min-width:768px) {
    .sudeo--right {
        top: 0rem
    }
}

@media (min-width:1400px) {
    .sudeo--right {
        top: 0
    }
}
@media (min-width:2560px) {
    .sudeo--right {
        top: 0
    }
}
.sudeo--right.center {
    top: 140px;
    right: 140px;
}
@media (min-width:2560px) {
    .sudeo--right.center {
        top: 0px;
        right: 140px;
    }
}
.sudeo--right.center img {
    width: 161px;
    height: 150px;
}

@media (min-width:1600px) {
    .sudeo--right .w-right--1 {
        margin-top: 68px;
    }
}

.sudeo--left {
    left: 0;
    bottom: 0;
}

@media (min-width:768px) {
    .sudeo--left {
        left: 0px;
        bottom: -20px;
    }
}

@media (min-width:992px) {
    .sudeo--left {
        left: 0;
        bottom: 0;
    }
}
@media (max-width:767px) {
    .sudeo--left {
        display: none
    }
}

.sudeo--right-btm {
    bottom: 0;
    top: inherit;
    -webkit-transform: translateX(55%);
    -ms-transform: translateX(55%);
    transform: translateX(55%);
    right: 0
}

@media (min-width:768px) {
    .sudeo--right-btm {
        bottom: 0;
        right: -40px;
    }
}

@media (min-width:1200px) {
    .sudeo--right-btm {
        bottom: 0;
        top: inherit;
        -webkit-transform: translateX(35%);
        -ms-transform: translateX(35%);
        transform: translateX(35%);
        right: 0
    }
}

.sudeo--black-pattern-tp {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.sudeo--black-pattern-bt {
    bottom: -8rem;
    left: 0;
    width: 100%;
    z-index: -2;
}
@media (max-width:767px) {
    .sudeo--black-pattern-tp {width:890px;}
    }

@media (max-width:767px) {
    .sudeo--black-pattern-bt {
        background: url("../img/Banner_pattern.png");
        height: 184px;
    }
}

@media (max-width:1200px) {
    .sudeo--black-pattern-bt {
        left: 0;
        width: 100%;
    }
}

/* .sudeo--black-pattern-bt {
    bottom: 0
} */

@media (min-width:1200px) {
    .sudeo--black-pattern-bt {
        bottom: -72px
    }
}
@media (min-width:1366px) {
    .sudeo--black-pattern-bt {
        bottom: 0;
        /* transform: translateY(50%); */
        transform: translateY(36%);
    }
}
@media (min-width:1600px) {
    .sudeo--black-pattern-bt {
        bottom: 0;
        transform: translateY(0);
    }
}

@media (max-width:767px) {
    .sudeo.sudeo--black-pattern-bt {
        width: 890px;
        top: 0;
    }
    .our-banner .sudeo--black-pattern-bt{bottom:0;top: auto;}
    .sudeo.sudeo--black-pattern-bt .img-fluid {
        max-width: -webkit-fill-available;
        height: auto;
        width: auto
    }
}

.sudeo-translate-left {
    -webkit-transform: translate(-35%, 5%);
    -ms-transform: translate(-35%, 5%);
    transform: translate(-35%, 5%)
}

.sudeo-translate-leftx {
    -webkit-transform: translate(-40%, 10%);
    -ms-transform: translate(-40%, 10%);
    transform: translate(-40%, 10%);
}
@media (min-width:768px) {
    .sudeo-translate-leftx {
        -webkit-transform: translate(-10%, 17%);
        -ms-transform: translate(-10%, 17%);
        transform: translate(-10%, 17%);
        bottom: 0;
    }
}

@media (min-width:1200px) {
    .sudeo-translate-leftx {
        -webkit-transform: translate(-20%, 10%);
        -ms-transform: translate(-20%, 10%);
        transform: translate(-20%, 10%)
    }
}

@media (min-width:1400px) {
    .sudeo-translate-leftx {
        -webkit-transform: translate(-40%, 10%);
        -ms-transform: translate(-40%, 10%);
        transform: translate(-40%, 10%)
    }
}

@media (min-width:1200px) {
    .sudeo-translate-leftx.earlyLeft {
        -webkit-transform: translate(-20%, -50%);
        -ms-transform: translate(-20%, -50%);
        transform: translate(-20%, -50%);
    }
}

@media (min-width:1400px) {
    .sudeo-translate-leftx.earlyLeft {
        -webkit-transform: translate(-40%, 10%);
        -ms-transform: translate(-40%, 10%);
        transform: translate(-40%, 10%)
    }
}

@media (min-width:1200px) {
    .sudeo--right.earlyRight {
        top: -1rem;
        right: -48px;
    }
}
@media (min-width:2560px) {
    .sudeo--right.earlyRight {
        top: -11rem;
        right: -48px;
    }
}
@media (min-width:768px) {
    .sudeo-right-appoinment {
        bottom: 0;
        right: 0;
        z-index: -1
    }
}

@media (min-width:767px) and (min-width:768px) {
    .sudeo-right-appoinment {
        bottom: -91px;
        right: -169px;
        z-index: -1;
    }
}

@media (min-width:992px) {
    .sudeo-right-appoinment {
        bottom: 0;
        right: 0;
        z-index: -1
    }
}
@media (min-width:1200px) {
    .sudeo-right-appoinment {
        /* bottom: 0; */
        bottom: -140px;
        right: 0;
        z-index: -1
    }
}

@media (min-width:1366px) {
    .sudeo-right-appoinment {
        /* bottom: 0; */
        bottom: -140px;
        right: 0;
        z-index: -1
    }
}

@media (min-width:1500px) {
    .sudeo-right-appoinment {
        bottom: 0;
        /* bottom: -140px; */
        right: 0;
        z-index: -1
    }
}

.form-label {
    color: #474a50 !important;
    margin-bottom: 0 !important;
    letter-spacing: -.34px
}

.txt-filed-space {
    margin-bottom: 2rem !important
}

.text-filed-space {
    margin-bottom: 1.5rem !important
}

.form-input {
    color: #474a50 !important;
    font-size: 14px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: 0 0;
    border: 0 !important;
    border-bottom: 1px solid rgba(71, 74, 80, .2) !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    padding: 0px 0 6px !important
}

@media (min-width:768px) {
    .form-input {
        font-size: 12px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .form-input {
        font-size: 14px;
        line-height: 24px
    }
}

@media (min-width:1600px) {
    .form-input {
        font-size: 14px;
        line-height: 24px
    }
}

::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

::-moz-placeholder {
    color: #000;
    opacity: 1
}

:focus::-webkit-input-placeholder {
    color: rgba(115, 115, 115, .87)
}

:focus:-ms-input-placeholder {
    color: rgba(115, 115, 115, .87)
}

:focus::-moz-placeholder {
    color: rgba(115, 115, 115, .87)
}

.ui.toggle.checkbox label::after {
    height: 11px;
    width: 11px;
    top: 4px;
    background: #fff;
    left: .3rem
}

.ui.toggle.checkbox input~.box:after,
.ui.toggle.checkbox input~label:after {
    left: .3rem
}

.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
    height: 1.8rem
}

.ui.toggle.checkbox input:checked~.box:before,
.ui.toggle.checkbox input:checked~label:before,
.ui.toggle.checkbox input:focus:checked~.box:before,
.ui.toggle.checkbox input:focus:checked~label:before {
    background: #22c993 !important
}

.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox .box:hover::before,
.ui.toggle.checkbox input:focus~.box:before,
.ui.toggle.checkbox input:focus~label:before,
.ui.toggle.checkbox label:before,
.ui.toggle.checkbox label:hover::before {
    background: #c9ced6
}

.select-label {
    color: #000
}

.ui.fluid.dropdown,
.ui.form input[type=checkbox],
.ui.form textarea {
    border: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    -webkit-border-radius: 0;
    border-radius: 0
}

.ui.multiple.dropdown>.label,
a.ui.active.label:hover,
a.ui.labels .active.label:hover {
    padding: 1rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    background-color: #eafcf7;
    font-weight: inherit;
    margin-bottom: .8rem;
    margin-right: .8rem;
    color: #28a745
}

i.icon.delete:before {
    content: "×";
    font-size: 16px;
    margin-left: .5rem
}

.ui.multiple.search.dropdown>input.search {
    padding-bottom: 0
}

.ui.dropdown>.dropdown.icon:before,
.ui.selection.dropdown .menu>.message {
    display: none
}

.dropdown {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    padding-top: 1rem
}

.ui.fluid.dropdown {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: .6rem;
    padding-top: .2rem;
    background: 0 0 !important
}

.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu {
    z-index: 100 !important
}

.ui.selection.dropdown {
    min-height: auto
}

.ui.form .field>.selection.dropdown {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important
}

.ui.dropdown .menu .active.item,
.ui.form .field>label {
    font-weight: 500
}

.text-area .form-label {
    color: rgba(14, 35, 71, .6) !important
}

.ui.checkbox {
    cursor: pointer
}

.checkbox-mr {
    margin-right: 6rem
}

.selection-container .ui.checkbox input:checked~.box:after,
.selection-container .ui.checkbox input:checked~label:after,
.selection-container .ui.checkbox.checked input:checked~.box:before,
.selection-container .ui.checkbox.checked input:checked~label:before {
    background: #28a745 !important;
    border-color: #28a745 !important;
    color: #fff !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important
}

.ui.checkbox .checkbox-title {
    color: #E71C24;
    padding-left: 2.4rem
}

.ui.checkbox.checked label {
    color: #E71C24
}

.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
    width: 20px;
    height: 20px
}

.ui.radio.checkbox input:checked~.box:after,
.ui.radio.checkbox input:checked~label:after,
.ui.radio.checkbox input:focus:checked~.box:after,
.ui.radio.checkbox input:focus:checked~label:after {
    background: #28a745
}

.ui.checkbox.radio .box:after,
.ui.checkbox.radio label:after {
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
    width: 16px;
    height: 16px;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    top: 3px;
    left: 2px
}

.ui.checkbox input:checked~.box:before,
.ui.checkbox input:checked~label:before {
    border-color: #28a745
}

.ui.checkbox .box:before,
.ui.checkbox label:before {
    border: 2px solid #5d6c84
}

.thank-message-info {
    position: relative
}

.thank-message-info__title {
    font-family: "Lato";
    font-size: 34px !important;
    line-height: 44px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #474a50
}

@media (min-width:768px) {
    .thank-message-info__title {
        font-size: 30px !important;
        line-height: 60px
    }
}

@media (min-width:992px) {
    .thank-message-info__title {
        font-size: 55px !important;
        line-height: 65px
    }
}

@media (min-width:1600px) {
    .thank-message-info__title {
        font-size: 60px !important;
        line-height: 70px
    }
}

.thank-message-info__content {
    padding: 1.5rem 0
}

@media (min-width:768px) {
    .thank-message-info__content {
        padding: 2rem 4rem 2.5rem
    }
}

.our-portfolio-numbers p,
.thank-message-info p {
    color: rgba(71, 74, 80, .8)
}
.our-portfolio-numbers p {
    text-align: center;
    width: 100%;
    /* margin-left: 1rem; */
}

@media (min-width:1200px) {
    .our-portfolio-numbers p {
        margin-left: 1rem;
    }
}

@media (min-width:1300px) {
    .our-portfolio-numbers p {
        margin-left: 0rem;
    }
}
.sucess-pattern {
    display: none
}

@media (min-width:768px) {
    .sucess-pattern {
        position: absolute;
        top: 0;
        left: -3rem;
        opacity: .5;
        display: block
    }
    .sucess-pattern--right {
        top: 3rem;
        right: -3rem;
        left: inherit
    }
}

.md-modal,
.md-modal__header {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.md-modal {
    position: fixed;
    top: 0;
    background-color:#474a50;
    z-index: 100000;
    height: 100%;
    width: 100%;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    visibility: hidden
}

.md-modal__header {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    -ms-flex-pack: space-between;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 1.5rem
}

@media (max-width:767px) {
    .md-modal__header {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:768px) {
    .md-modal__header {
        padding-bottom: 1.5rem;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }
}

.md-modal__body {
    padding-top: 1.5rem
}

@media (min-width:768px) {
    .md-modal__body {
        padding-top: 2.5rem
    }
}

.md-modal .circle {
    height: 45px;
    width: 45px
}

@media (min-width:768px) {
    .md-modal .circle {
        height: 48px;
        width: 48px
    }
}

.user-email {
    color: rgba(255, 255, 255, .6)
}


.user-account .nav-link {
    color: #fff;
    display: inline-block;
}
 .md-show .user-account .nav-link {
    -webkit-transition: all ease .6s;
    -o-transition: all ease .6s;
    transition: all ease .6s
}

.md-show {
    visibility: visible
}

.md-close {
    position: absolute;
    top: 2rem;
    right: 1.5rem;
    cursor: pointer
}

@media (min-width:768px) {
    .md-close {
        top: 1rem;
        right: 3rem
    }
}

@media (min-width:992px) {
    .md-close {
        top: 3rem
    }
}

.md-close img {
    height: 20px;
    width: 20px
}

@media (min-width:768px) {
    .md-close img {
        height: 25px;
        width: 35px
    }
}

.md-effect-12 .md-content,
.md-show.md-effect-12 .md-content {
    opacity: 0;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.md-show.md-effect-12 .md-content {
    opacity: 1
}

.form-card.active {
    opacity: 1;
    display: block
}

.form-card.inactive {
    opacity: 0;
    display: none
}

.clearfix::after {
    content: "";
    clear: both;
    display: table
}

.form-heading {
    color: #474a50;
    text-align: center;
    padding: 0 0 .9rem
}

.social-links {
    margin: .5rem 0
}

.forget,
.login,
.signup {
    color: #E71C24;
    font-weight: 600;
}
.exit-user{
    margin-top: 20px;
}
@media (min-width:1200px) {
    .forget {
        float: right;
        margin-top: -10%;
        -webkit-transform: translateY(10%);
        -ms-transform: translateY(10%);
        transform: translateY(10%)
    }
}

.mt-10 {
    margin-top: -10%;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%)
}

.sign-flow-modal-lg .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .5rem 1rem;
    z-index: 1052;
    cursor: pointer
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
    outline: 0 !important
}

.modalContent .sign-flow__signup .form-input {
    font-size: 14px !important;
    line-height: 22px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width:768px) {
    .modalContent .sign-flow__signup .form-input {
        font-size: 14px !important;
        line-height: 22px
    }
}

@media (min-width:992px) {
    .modalContent .sign-flow__signup .form-input {
        font-size: 14px !important;
        line-height: 22px
    }
}

@media (min-width:1600px) {
    .modalContent .sign-flow__signup .form-input {
        font-size: 14px !important;
        line-height: 22px
    }
}

.modalContent .sign-flow__signup .text-filed-space {
    margin-bottom: 20px !important
}

.form-vertical-center {
    height: 100%
}

.form-sucess-info {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    text-align: center
}

.form-sucess-info__title {
    font-family: "Lato";
    font-size: 28px !important;
    line-height: 38px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 1rem
}

@media (min-width:768px) {
    .form-sucess-info__title {
        font-size: 32px !important;
        line-height: 42px
    }
}

@media (min-width:992px) {
    .form-sucess-info__title {
        font-size: 36px !important;
        line-height: 46px
    }
}

@media (min-width:1600px) {
    .form-sucess-info__title {
        font-size: 40px !important;
        line-height: 50px
    }
}

.slider-block .slick-next .slick-data,
.slider-count-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-count-block .featuredSlider-total-length,
.slider-count-block .slide-number {
    position: relative;
    color: #474a50;
    padding-right: 2rem;
    padding-left: 1rem
}

.slider-block .slick-arrow {
    top: -16px
}

.slider-block .slick-next {
    right: 0
}

.slider-block .slick-next .slick-data {
    padding: 18px 0;
    vertical-align: middle
}

.slider-block .slick-prev {
    right: 26px;
    left: auto
}

.slider-block .featuredSlider {
    padding: .1rem 0
}

.slider-block .featuredSlider .slick-slide {
    margin-left: 16px
}
@media (min-width: 768px) {
    .slider-block .featuredSlider .slick-slide {
        margin-right: .5rem;
        margin-left: 16px
    }
}

.featuredSlider__img {
    /* width: 380px;
    height: 190px */
    /* width: 240px;
    height: 240px; */
}
.featuredSlider__img {
    /* width: 380px;
     height: 190px */
     width: 100%;
 }
 @media (max-width:767px) {
 .featuredSlider__img {
 /* max-height: 175px; */
 }
}
@media (min-width:576px) {
    .featuredSlider__img {
       /* width: 380px;
        height: 190px */
        width: 100%;
        
    }
}

@media (min-width:768px) {
    .featuredSlider__img {
        /* width: 506px;
        height: 253px;
        margin-left: 8rem */
        width: 350px;
    }
}
@media (min-width:992px) {
    .featuredSlider__img {
        /* width: 674px;
        height: 337px;
        margin-left: 11rem */
        width: 538px;
        height: 538px;
    }
}

@media (min-width:1200px) {
    .featuredSlider__img {
        /* width: 700px;
        height: 350px;
        margin-left: 13rem */
        width: 538px;
        height: 538px;
    }
}

/* @media (min-width:1024px) {
    .featuredSlider__img {
        /* width: 700px;
        height: 350px;
        margin-left: 0 */

/* width: 468px;
        height: 468px; */

/* } */

/* } */

@media (min-width:1366px) {
    .featuredSlider__img {
        /* width: 700px;
        height: 350px;
        margin-left: 0 */
        width: 538px;
        height: 538px;
    }
}

/* @media (min-width:1025px) {
    .featuredSlider__img { */

/* width: 700px;
        height: 350px;
        margin-left: 13rem */

/* width: 555px;
        height: 555px;
    }
} */

@media (min-width:1600px) {
    .featuredSlider__img {
        /* margin-top: 1rem;
        width: 800px;
        height: 400px */
        width: 538px;
        height: 538px;
    }
}

.highlightSlider {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden
}

.highlightSlider .slick-arrow {
    position: absolute;
    top: 15px;
    
}
@media (min-width:768px) {
    .highlightSlider .slick-arrow {
    right: 0 !important;
}
}
@media (max-width:767px) {
    .highlightSlider .slick-arrow {
        top: auto;
        bottom: 0;
        left: auto;
        right: 40%;
        -webkit-transform: translate(-10%, 10%);
        -ms-transform: translate(-10%, 10%);
        transform: translate(-10%, 10%);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.highlightSlider .slick-prev {
    left: auto
}

@media (min-width:992px) {
    .highlightSlider .slick-prev {
        right: 36px
    }
}

.highlightSlider .slick-next .slick-data {
    position: relative;
    top: -3px;
    left: -5px
}

@media (min-width:992px) {
    .highlightSlider .slick-next .slick-data:before {
        margin: 0;
        right: 17px
    }
}

.arrows-info,
.arrows-info--imgSlider,
.highlightSlider {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.arrows-info {
    position: absolute;
    right: 1.5rem;
    z-index: 2;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.arrows-info .slick-next,
.arrows-info .slick-prev {
    position: relative;
    left: 0;
    right: 0
}

.arrows-info .slick-img {
    width: 30px;
    height: 15px
}

@media (min-width:768px) {
    .arrows-info .slick-img {
        width: 45px;
        height: 15px
    }
}

.arrows-info .slick-next .slick-data {
    /* padding: 0; */
    padding-right: 1rem;
}

/* @media (min-width:1200px) {
    .arrows-info .slick-next .slick-data {
        padding: 0;
        padding-right: 3rem;
    }
} */

@media (min-width:1366px) {
    .slider-next-arrow {
        /* padding: 0; */
        padding-right: 1rem !important;
        padding-left: 1.5rem !important;
    }
}

@media (min-width:1366px) {
    .arrows-info .slick-next .slick-data {
        /* padding: 0; */
        padding-right: 3rem;
    }
}

@media (min-width:1600px) {
    .arrows-info .slick-next .slick-data {
        /* padding: 0; */
        padding-right: 1rem;
    }
}

.arrows-info .slick-next .slick-data:before {
    top: 40%
}

.arrows-info .slick-prev .slick-data {
    padding: 0 1.2rem
}

.arrows-info--imgSlider {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    right: -17px;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    margin: 3rem -6px;
}
@media (min-width:375px) {
    .arrows-info--imgSlider {
        right: -43px;
    }
}

@media (min-width:575px) {
    .arrows-info--imgSlider {
        right: -17px;
    }
}
@media (min-width:768px) {
    .arrows-info--imgSlider {
        right: 30%;
        -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
        transform: translateY(-40%);
        margin: 3.4rem 0
    }
}

@media (min-width: 992px) {
    .arrows-info--imgSlider {
        right: 39.4%;
    }
}

@media (min-width: 1200px) {
    .arrows-info--imgSlider {
        right: 40.8%;
    }
}

@media (min-width: 1300px) {
    .arrows-info--imgSlider {
        right: 37.6%;
    }
}
@media (min-width: 1366px) {
    .arrows-info--imgSlider {
        right: 38.6%;
    }
}

@media (min-width: 1600px) {
    .arrows-info--imgSlider {
        right: 37.6%;
    }
}

@media (min-width: 1300px) {
    .arrows-info--imgSlider .slick-prev .slick-data {
        padding: 0 3.8rem 0 1rem;
    }
}

@media (min-width: 1600px) {
    .arrows-info--imgSlider .slick-prev .slick-data {
        padding: 0 2.8rem 0 1rem;
    }
}

.arrows-info--imgSlider.featuredSliderLatest1 {
    position: absolute;
    right: 0 !important;
    transform: translate(-86px, -90px);
    margin: 3rem 0;
}

.arrows-info--imgSlider.featuredSliderLatest1 .slick-next .slick-data:before {
    margin: -2px -1.5rem;
}

/* .arrows-info--imgSlider.featuredSliderLatest1 .nav--prevLatest {
    margin-right: 3rem;
}

.arrows-info--imgSlider.featuredSliderLatest1  .nav--nextLatest {
    margin-left: -2rem;
} */

.arrows-info--imgSlider .slick-prev .slick-data {
    padding: 0 2.4rem 0 1rem;
}

@media (min-width:768px) {
    .arrows-info--imgSlider .slick-prev .slick-data {
        padding: 0 2.8rem 0 1rem;
    }
}

@media (min-width:992px) {
    .arrows-info--imgSlider .slick-prev .slick-data {
        /* padding: 0 3.8rem 0 1rem; */
    }
}

.arrows-info--imgSlider .slick-img {
    margin: 1rem
}

.arrows-info--imgSlider.portfolioBlogSlider {
    margin: .5rem 0
}

.arrows-info--highlight .slick-img {
    margin-top: -5px
}

@media (min-width:768px) {
    .arrows-info--highlight .slick-img {
        margin-top: 3px
    }
}

@media (max-width:767px) {
    .arrows-info--highlight .slick-prev {
        left: 25px;
        right: auto
    }
}

.card,
.slick-slide img {
    display: block
}

.card--btm {
    margin-bottom: 2.2rem
}

@media (min-width:768px) {
    .card--btm {
        margin-bottom: 3.5rem
    }
}

.card__view {
    position: relative;
    z-index: 1
}

.card__view:last-child {
    text-align: right
}

.card-body {
    padding-top: 1rem;
    padding-left: 0;
    padding-right: 1rem
}

@media (min-width:768px) {
    .card-body {
        padding-top: .2rem;
        padding-left: 3rem;
        padding-right: 2rem
    }
}

@media (min-width:992px) {
    .card-body {
        padding-top: .2rem;
        padding-left: 4rem;
        padding-right: 2rem
    }
}

.card__title {
    color: #474a50
}

.card__blog-info {
    color: rgba(71, 74, 80, .8);
    margin-bottom: .4rem
}

@media (min-width:992px) {
    .card__blog-info {
        margin-bottom: .1rem
    }
}

@media (min-width:1600px) {
    .card__blog-info {
        margin-bottom: .8rem
    }
}

.card--horizontal {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    /* margin-bottom: 2rem */
}
@media (max-width:767px) {
.section.fp-auto-height-responsive:not(.vertical-grid-bg-gray) .card--horizontal:nth-child(even) {
    background: #fafafa;
    padding-top: 40px;
    padding-bottom:40px;
}
.section.fp-auto-height-responsive.vertical-grid-bg-gray .card--horizontal:nth-child(even) {
    background: #fff;
    padding-top: 40px;
    padding-bottom:40px;
}
.section.fp-auto-height-responsive:not(.vertical-grid-bg-gray) .card--alternates:nth-child(even) {
    background: #fafafa;
    padding-top: 40px;
    padding-bottom:40px;
}
.section.fp-auto-height-responsive.vertical-grid-bg-gray .card--alternates:nth-child(even) {
    background: #fff;
    padding-top: 40px;
    padding-bottom:40px;
}
}
@media (min-width:576px) {
    .card--horizontal {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .card--horizontal {
        margin-bottom: 28px
    }
}

@media (min-width:992px) {
    .card--horizontal {
        margin-bottom: 38px
    }
}

@media (min-width:1200px) {
    .card--horizontal {
        margin-bottom: 35px
    }
}

@media (min-width:1600px) {
    .card--horizontal {
        margin-bottom: 60px
    }
}

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

@media (min-width:768px) {
    .card--horizontal:last-child {
        margin-bottom: 2rem
    }
}

@media (max-width:767px) {
    .card--horizontal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .card--horizontal:nth-of-type(odd) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:768px) {
    .margin-top5 {
        margin-top: -5.3rem
    }
}

@media (max-width:767px) {
    .card-mb-reverse {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-right: 0
    }
    .card-inner-mb {

        padding-right: 1rem;
        padding-top: 1rem
    }
}

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

@media (max-width:767px) {
    .media {
        padding: 1.5rem 0
    }
}

.media--left {
    padding-top: 1rem;
    padding-right: 3rem;
    -ms-flex-pack: flex-end;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

@media (max-width:767px) {
    .media--left {
        -ms-flex-pack: flex-start;
        -webkit-box-pack: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
}

.media--top {
    padding-top: 1.3rem;
    padding-right: 4.5rem
}

@media (min-width:768px) {
    .media--top {
        padding-right: 4.5rem
    }
}

@media (min-width:992px) {
    .media--top {
        padding-right: 4.5rem
    }
}

.media__body {
    margin-left: 1rem
}

.author-name {
    color: #474a50
}

.author-desig {
    color: rgba(71, 74, 80, .7);
    max-width: 100%
}

.card-pattern {
    display: none
}

@media (min-width:992px) {
    .card-pattern {
        position: absolute;
        top: -3rem;
        display: block
    }
    .card-pattern--left {
        left: -2rem
    }
    .card-pattern--right {
        right: 0rem
    }
    .card-pattern--bottom {
        left: -2.5rem;
        bottom: -2rem;
        top: inherit
    }
    .card-pattern--bottom.btm1 {
        bottom: 2.2rem !important;
        width: 310px;
        height: 301px;
        overflow: hidden;
        top: 102px;
        z-index: -1
    }
    .card-pattern--btm-rght {
        bottom: -2rem;
        top: 0rem;
        right: -10.5rem;
    }
    .card-pattern--btm {
        left: 82%;
        -webkit-transform: translateX(-48%);
        -ms-transform: translateX(-48%);
        transform: translateX(-48%);
        width: 100%;
        text-align: center;
        bottom: -4rem;
        top: inherit
    }
    .card-pattern--btm.btm {
        /* bottom: 1rem */
        width: 519px;
        height: 338px;
        bottom: -5rem;
    }
}

@media (min-width:1200px) {
    .card-pattern--btm.btm {
        left: 69%;
        bottom: -6rem;
    }
}

@media (min-width:1366px) {
    .card-pattern--btm.btm {
        bottom: 0;
        width: 449px;
        height: 288px;
        bottom: -40px;
        transform: translateX(-82%);
    }
}

@media (min-width:1500px) {
    .card-pattern--btm.btm {
        bottom: 0;
        width: 489px;
        height: 318px;
        bottom: -40px;
        transform: translateX(-42%);
    }
}

@media (min-width:992px) {
    .card-pattern--bottom {
        left: -6.5rem;
        bottom: 2rem;
        top: -1px;
    }
}

@media (min-width:992px) {
    .card-pattern--bottom {
        left: -4.5rem;
        bottom: 2rem;
        top: -1px;
    }
}

@media (min-width:1200px) {
    .card-pattern--btm-rght {
        bottom: -1rem;
        top: inherit;
        right: -9rem
    }
}

@media (min-width:1366px) {
    .card-pattern--bottom {
        left: -1.5rem;
        bottom: 2rem;
        top: -1px;
    }
}

@media (min-width:1366px) {
    .card-pattern--btm-rght {
        bottom: -3rem;
        top: inherit;
        right: -2rem
    }
}

@media (min-width:1500px) {
    .card-pattern--btm-rght {
        bottom: -2rem;
        top: inherit;
        right: -2rem
    }
}

@media (min-width:1600px) {
    .card-pattern--btm-rght {
        bottom: -2rem;
        top: inherit;
        right: -2rem
    }
}

@media (min-width:992px) {
    .pattern-img-left {
        width: 417px;
        height: 254px;
    }
}

@media (min-width:1200px) {
    .pattern-img-left {
        width: 490px;
        height: 310px;
    }
}

@media (min-width:1366px) {
    .pattern-img-left {
        width: 370px;
        height: 320px;
    }
}

@media (min-width:1500px) {
    .pattern-img-left {
        width: 410px;
        height: 369px;
    }
}

@media (min-width:992px) {
    .pattern-img-right {
        width: 422px;
        height: 252px;
        margin-right: 4rem;
    }
}

@media (min-width:1200px) {
    .pattern-img-right {
        width: 490px;
        height: 310px;
        margin-right: 4rem
    }
}

@media (min-width:1366px) {
    .pattern-img-right {
        width: 380px;
        height: 310px;
        margin-right: 4rem;
    }
}

@media (min-width:1500px) {
    .pattern-img-right {
        width: auto;
        height: auto;
        margin-right: 0;
    }
}

@media (min-width:1200px) {
    .pattern-img-center {
        width: 90%;
        height: 252px;
        margin: 2rem 59px;
    }
}

@media (min-width:1500px) {
    .pattern-img-center {
        width: auto;
        height: auto;
        margin: 0;
    }
}

@media (min-width:1200px) {
    .w-center-img {
        width: 312px;
        height: 275px;
        transform: translate(-54%, 26%);
    }
}

@media (min-width:1300px) {
    .w-center-img {
        transform: translate(-34%, 26%);
    }
}

@media (min-width:1366px) {
    .w-center-img {
        transform: translate(-84%, 26%);
    }
}

@media (min-width:1500px) {
    .w-center-img {
        width: 332px;
        height: 275px;
        transform: translate(-124%, 58%);
    }
}

@media (min-width:1500px) {
    .w-center-left {
        /* width: 332px;
        height: 275px; */
        transform: translate(6%, 28%);
    }
}

@media (max-width:767px) {
    .similar-projects-info .card {
        margin-bottom: 3rem !important
    }
    .similar-projects-info .card:last-child {
        margin-bottom: 0 !important
    }
}

.slick-slide {
    /* margin: 0 1.5rem; */
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media (min-width:768px) {
    .slick-slide {
        margin: 0 1.5rem
    }
}

@media (min-width:992px) {
    .slick-slide {
        margin: 0rem;
    }
}

/*
@media (min-width:1200px) {
    .slick-slide {
        margin-right: 1.5rem
    }
}
*/
.blog-slider img:focus,
.slick-slide:focus,
a.card:focus {
    outline: 0 !important
}

.slick-arrow,
.slick-next,
.slick-prev {
    position: absolute;
    cursor: pointer;
    z-index: 10
}

.slick-arrow {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    font-weight: 600
}

.slick-prev {
    left: 50px
}

@media (min-width:768px) {
    .slick-prev {
        left: 25%
    }
}

@media (min-width:992px) {
    .slick-prev {
        left: 33%
    }
}

.living-slider .slick-prev .slick-data,
.slick-prev .slick-data {
    color: #474a50;
    padding: 0 1.5rem
}

.slick-next {
    right: 50px
}

@media (min-width:768px) {
    .slick-next {
        right: 25%
    }
}

@media (min-width:992px) {
    .slick-next {
        right: 38%
    }
}

.living-slider .slick-next .slick-data,
.slick-next .slick-data {
    color: #E71C24;
    position: relative;
    padding: 0 0rem;
}

/* @media (min-width:1320px) { */
    .slick-next .slick-data:before {
        content: "";
        position: absolute;
        background-color: #E71C24;
        top: 44%;
        width: 5px;
        height: 5px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: rotate(-315deg);
        -ms-transform: rotate(-315deg);
        transform: rotate(-315deg);
        margin: 0 1rem;
        right: 100%
    }
/* } */

.slick-img {
    width: 35px
}

@media (max-width:767px) {
    .slick-img {
        width: 25px;
        height: 12px;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.slick-active {
    opacity: 1;
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease
}

.slick-disabled,
.slick-next.hidden,
.slick-prev.hidden {
    /* opacity: .35; */
    pointer-events: none
}

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.blog-slider,
.img-slider {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative
}
@media (min-width:1400px) {
    .blog-slider {
        padding: 0.5rem 0 0.5rem 0;
    }
}

@media (min-width:1900px) {
    .blog-slider {
        padding: 5rem 0;
    }
}

.blog-slider .slick-dots {
    display: none !important
}

.blog-slider .slick-arrow {
    bottom: -100px
}

@media (min-width:992px) {
    .blog-slider .slick-arrow {
        bottom: -100px
    }
}

@media (min-width:1200px) {
    .blog-slider .slick-arrow {
        bottom: -80px
    }
}

@media (min-width:1600px) {
    .blog-slider .slick-arrow {
        bottom: -100px
    }
}

@media (min-width:992px) {
    .blog-slider .slick-slide {
        width: 420px !important
    }
}

.blog-slider-block .blog-slider img {
    width: 380px;
    height: 245px
}
@media (min-width:320px) {
    .blog-slider .slick-list,
    .jsFeaturedSliderLatest .slick-list {
        margin: 0 -487px 0 0;
        padding: 0 487px 0 0;
    }
}

@media (min-width:1200px) {
    .blog-slider .slick-list,
    .jsFeaturedSliderLatest .slick-list {
        padding: 0 999px 0 0;
        margin: 0 -999px 0 0;
    }
}

@media (min-width:1600px) {
    .blog-slider .slick-list,
    .jsFeaturedSliderLatest .slick-list {
        margin: 0 -487px 0 0;
        padding: 0 487px 0 0;
    }
}

.section-heading-padding {
    padding: 2rem 0 2.5rem 0;
}

@media (min-width:768px) {
    .section-heading-padding {
        padding: 2rem 0 7rem 0;
    }
}

@media (min-width:992px) {
    .section-heading-padding {
        padding: 2rem 0 7rem 0;
    }
}

@media (min-width:1024px) {
    .section-heading-padding {
        padding: 2rem 0 7rem 0;
    }
}

@media (min-width:1366px) {
    .section-heading-padding {
        padding: 2rem 0 3rem 0;
    }
}

@media (min-width:1600px) {
    .section-heading-padding {
        padding: 2rem 0 7rem 0;
    }
}

@media (min-width:1900px) {
    .section-heading-padding {
        padding: 2rem 0 7rem 0;
    }
}
.img-slider img:focus {
    outline: 0 !important
}

.img-slider .slick-dots {
    display: none !important
}

.img-slider .slick-arrow {
    bottom: -100px
}

@media (min-width:1320px) {
    .img-slider .slick-next .slick-data:before {
        left: 0;
        margin-left: -2.5rem
    }
}

.living-slider {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow-y: hidden
}

.living-slider .slick-prev {
    left: 50px
}

@media (min-width:768px) {
    .living-slider .slick-prev {
        left: 25%
    }
}

@media (min-width:992px) {
    .living-slider .slick-prev {
        left: 33%
    }
}

.living-slider .slick-next {
    right: 50px
}

@media (min-width:768px) {
    .living-slider .slick-next {
        right: 25%
    }
}

@media (min-width:992px) {
    .living-slider .slick-next {
        right: 38%
    }
}

@media (min-width:1320px) {
    .living-slider .slick-next .slick-data:before {
        content: "";
        position: absolute;
        background-color: #E71C24;
        top: 44%;
        width: 5px;
        height: 5px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: rotate(-315deg);
        -ms-transform: rotate(-315deg);
        transform: rotate(-315deg);
        margin: 0 1rem;
        right: 100%
    }
}

.slider-container {
    position: relative
}

.bannerSlider {
    padding: 2rem 0
}

@media (min-width:992px) {
    .bannerSlider__img {
        height: 480px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.bannerSlider .slick-slide {
    margin-right: .5rem;
    margin-left: 16px
}

.bannerSlider .slick-dots {
    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
}

@media (min-width:768px) {
    .bannerSlider .slick-dots {
        float: right
    }
}

.bannerSlider .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    margin-right: 1rem
}

.bannerSlider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.bannerSlider .slick-dots li.slick-active button:before {
    background: #E71C24;
    padding: 5px
}

.bannerSlider .slick-dots li button:before,
.bannerslider-line::before {
    position: absolute;
    -webkit-transform: rotate(-315deg);
    -ms-transform: rotate(-315deg);
    transform: rotate(-315deg)
}

.bannerSlider .slick-dots li button:before {
    font-family: 'slick';
    text-align: center;
    background: #c8c9ca;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    bottom: 30px;
    right: 0;
    width: 12px;
    height: 12px;
    content: ' '
}

@media (min-width:768px) {
    .bannerSlider .slick-dots li button:before {
        margin: 0 1rem;
        bottom: 69px
    }
}

.bannerslider-line {
    position: relative
}

.bannerslider-line::before {
    content: "";
    top: 35%;
    right: 3%;
    width: 5px;
    height: 5px;
    background-color: #E71C24;
    margin: 0 1rem
}

.portfolio-blog-container {
    padding: 3rem 0;
    position: relative
}

@media (min-width:768px) {
    .portfolio-blog-container {
        padding: 2.5rem 0;
    }
}

@media (min-width:992px) {
    .portfolio-blog-container {
        padding: 1.5rem 0;
    }
}

@media (min-width:1200px) {
    .portfolio-blog-container {
        padding: 0;
    }
}

@media (min-width:1600px) {
    .portfolio-blog-container {
        padding: 1.5rem 0;
    }
}

.features {
    position: relative
}

.features-container {
    text-align: center
}

.fig-thumbnail {
    position: relative;
    /*margin-top: 55px*/
}

.fig-thumbnail__title {
    color: #222222;
    margin-bottom: .5rem;
    font-family: 'Lato', sans-serif;
}

.fig-thumbnail__des {
    color: #222222;
    margin: 0 2.5rem;
    font-family: 'Lato', sans-serif;
}

.fig-view {
    margin-bottom: 1.5rem
}

.completed-projects-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    /* -ms-flex-pack: space-between;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-align: center */
}

@media (min-width:768px) {
    .completed-projects-list {
        padding-top: 4rem;
        -ms-flex-pack: space-between;
        -webkit-box-pack: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        
    }
    .fig-thumbnail__des {
        color: #222222;
        margin: 0 1rem 0 2.5rem;
        font-family: 'Lato', sans-serif;
    }
}

@media (max-width:767px) {
    .completed-projects-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        display: inline-block
    }
    .completed-projects-list li {
        display: inline-block;
        width: 48%;
        margin-top: 2.5rem;
        margin-bottom: 1rem
    }
}

.completed-projects-list li {
    text-align: center;
}

.projects-location {
    color: #fff
}

.card-inner {
    padding-top: 1rem;
    display: block
}

@media (max-width:767px) {
    .card-inner {
        padding-left: 2rem
    }

}

@media (min-width:768px) {
    .card-inner {
        padding-top: 2rem
    }
}

.card-inner--left {
    padding-right: 1rem;
    padding-left:2rem;
}

@media (min-width:768px) {
    .card-inner--left {
        padding-right: 4rem;
        padding-left: 1rem
    }
}

@media (min-width:992px) {
    .card-inner--left {
        padding-right: 6rem;
        padding-left: 0rem
    }
}

.card-inner--right {
    padding-right: 1rem
}

@media (min-width:768px) {
    .section-featured-project .card-inner {
        padding-top: 4rem
    }
}

@media (min-width:992px) {
    .section-featured-project .card-inner {
        padding-top: 1rem
    }
}

@media (min-width:1600px) {
    .section-featured-project .card-inner {
        padding-top: 4rem
    }
}

.ic-arrows {
    font-size: 40px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    z-index: 10
}

.arrows-info .slick-disabled,
.arrows-info .slick-disabled .ic-arrows__next,
.arrows-info .slick-disabled .slick-data,
.arrows-info .slickArrow-prev .slick-data,
.ic-arrows,
.ic-arrows__next {    fill: #E71C24;
    /* color: #202224; */
}


/* 
.arrows-info .slick-disabled,
.arrows-info .slick-disabled .ic-arrows__next,
.arrows-info .slick-disabled .slick-data,
.arrows-info .slickArrow-prev .slick-data,
.ic-arrows,
.ic-arrows__next {
    color: #E71C24
} */

/* .slick-prev .ic-arrows.ic-arrows__prev.icon-previous
.slick-prev.slick-arrow .slick-data {
    
    color: #E71C24
} */

/* i.ic-arrows.ic-arrows__prev.icon-previous */

/* .ic-arrows.ic-arrows__prev.icon-previous, 
.arrows-info .slickArrow-prev .slick-data{
    color: #474a50;
} */

.section-heading {
    text-align: center;
    position: relative
}

@media (min-width:768px) {
    .section-heading {
        padding-left: 8rem;
        text-align: left
    }
}

@media (min-width:992px) {
    .section-heading {
        padding-left: 12rem;
        text-align: left
    }
}

@media (min-width:1200px) {
    .section-heading {
        padding-left: 18rem;
        text-align: left
    }
}

@media (min-width:1600px) {
    .section-heading {
        padding-left: 14rem;
        text-align: left
    }
}
.section-heading::before {
    content: 'Recent Projects';
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    font-size: 50px;
    color: rgba(71, 74, 80, .05);
    font-family: 'Lato';
    z-index: -1;
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
    letter-spacing: -2.13px
}

@media (min-width:768px) {
    .section-heading::before {
        left: 9rem;
        font-size: 90px;
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%)
    }
}

@media (min-width:992px) {
    .section-heading::before {
        /* left: 5rem;*
        font-size: 100px; */
        left: 13rem;
        font-size: 105px;
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%)
    }
}
@media (min-width:1200px) {
    .section-heading::before {
        /* left: 5rem;
        font-size: 100px; */
        left: 15rem;
        font-size: 120px;
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%)
    }
}

@media (min-width:1600px) {
    .section-heading::before {
        left: 5rem;
        font-size: 155px;
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%)
    }
}


@media (min-width:1900px) {
    .section-heading::before {
        left: 10.2rem;
        font-size: 155px;
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%)
    }
}

.section-heading--featured-project {
    padding-left: 1rem;
    text-align: left;
}

@media (min-width:1200px) {
    .section-heading--featured-project h2 {
        margin-top: 20px;
    }
}

@media (min-width:1200px) {
    .section-heading--featured-project {
        padding-left: 5rem;
        text-align: left;
    }
}

.section-heading--featured-project::before {
    content: 'Featured Project';
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    font-size: 50px;
    color: rgba(71, 74, 80, .05);
    font-family: Lato;
    z-index: -1;
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
    letter-spacing: -2.13px;
    padding-top:6.4px !important;
}

@media (min-width:768px) {
    .section-heading--featured-project::before {
        font-size: 105px;
        /* left: 5rem;
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%) */
    }
}

@media (min-width:992px) {
    .section-heading--featured-project::before {
        font-size: 70px !important;
        /* left: 5rem;
        font-size: 100px;
        left: 9rem;
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%) */        
        
    }
}

@media (min-width:1200px) {
    .section-heading--featured-project::before {
        font-size:80px !important;
        left: 13px;
        /* left: 5rem;
        font-size: 100px;
        left: 15rem;
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%) */
    }
}

@media (min-width:1600px) {
    .section-heading--featured-project::before {
        font-size: 80px !important;
        /* left: 5rem;
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%) */
    }
}

@media (min-width:1900px) {
    .section-heading--featured-project::before {
        font-size: 80px !important;
        /* left: 10.2rem;
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%) */
    }
}

/* .section-heading--featured-project::before {
    content: ''
}

@media (min-width:768px) {
    .section-heading--featured-project::before {
        font-size: 0
    }
}

@media (min-width:1600px) {
    .section-heading--featured-project::before {
        font-size: 0
    }
} */

@media (min-width:1200px) {
    .section-heading--featured-project .h2 {
        font-size: 36px !important;
        line-height: 46px
    }
}

@media (min-width:1600px) {
    .section-heading--featured-project .h2 {
        font-size: 50px !important;
        line-height: 60px
    }
}
@media (min-width: 1600px) {
    .col-xxl-5 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

a.slickArrow-prev.slick-prev.slick-arrow i,
a.slickArrow-prev.slick-prev.slick-arrow span {
    color: #E71C24;
    opacity: 1;
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease
}

a.slickArrow-next.slick-next.slick-arrow.slick-disabled span,
a.slickArrow-prev.slick-prev.slick-arrow.slick-disabled svg,
a.slickArrow-prev.slick-prev.slick-arrow.slick-disabled span,
a.slickArrow-next.slick-next.slick-arrow.slick-disabled svg {
    fill: #202224;
    color: #202224;
    opacity: .35;
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease
}

.text-center-all {
    margin: 0 auto;
    max-width: 536px;
    text-align: center;
}

@media (min-width: 1600px) {
    .text-center-all {
        max-width: 636px;
    }
}

.posRel,.pos-rel  {
    position: relative;
}

.fav-button.abs-parent.abs-parent--LastMonth {
    position: absolute;
    right: 4px;
    top: 4px;
}
@media (max-width:768px) {
        .fav-button.abs-parent.abs-parent--LastMonth {
            position: absolute;
            right: 4px;
            top: 4px;
        }
    }

.fav-button.abs-parent.abs-parent--LastMonthLeft {
    position: absolute;
    right: 17.6%;
    top: 3.5%;
}

@media (min-width:768px) {
    .fav-button.abs-parent.abs-parent--LastMonthLeft {
        /* position: absolute;
        right: 1rem;
        top: 1rem; */
         position: absolute;
        top: 4px;
        right: 4px;
    }
}

@media (min-width:992px) {
    .fav-button.abs-parent.abs-parent--LastMonthLeft {
        /* right: 7rem;
        top: 1rem; */
         position: absolute;
        right: 4px;
        top: 4px;
    }
}

@media (min-width: 1200px) {
    .fav-button.abs-parent.abs-parent--LastMonthLeft {
        /* right: 5rem;
        top: 0.5rem; */
         position: absolute;
        right: 4px;
        top: 4px;
    }
}

@media (min-width: 1300px) {
    .fav-button.abs-parent.abs-parent--LastMonthLeft {
        /* right: 5rem;
        top: 1rem; */
         position: absolute;
        right: 4px;
        top: 4px;
    }
}

@media (min-width: 1500px) {
    .fav-button.abs-parent.abs-parent--LastMonthLeft {
        /* right: 5.5rem;
        top: 1rem; */
         position: absolute;
         right: 4px;
         top: 4px;
    }
}

@media (min-width: 1600px) {
    .fav-button.abs-parent.abs-parent--LastMonthLeft {
        /* right: 1rem;
        top: 1rem; */
        position: absolute;
        right: 4px;
        top: 4px;
    }
}
@media (max-width: 767px) {
    .fav-button.abs-parent.abs-parent--LastMonthLeft {
        /* right: 1rem;
        top: 1rem; */
        position: absolute;
        right: 4px;
    top: 4px;
    }
}
.fav-button.abs-parent.abs-parent--LastMonthRight {
    position: absolute;
    right: 4px;
    top: 4px;
}

@media (min-width:768px) {
    .fav-button.abs-parent.abs-parent--LastMonthRight {
        /* right: 1rem;
        top: 1rem */
    }
}

@media (min-width:992px) {
    .fav-button.abs-parent.abs-parent--LastMonthRight {
        /* right: 6rem;
        top: 1rem; */
    }
}

@media (min-width: 1200px) {
    .fav-button.abs-parent.abs-parent--LastMonthRight {
        /* right: 5rem;
        top: 1rem */
    }
}

@media (min-width: 1300px) {
    .fav-button.abs-parent.abs-parent--LastMonthRight {
        /* right: 5rem;
        top: 1rem */
    }
}

@media (min-width: 1500px) {
    .fav-button.abs-parent.abs-parent--LastMonthRight {
        /* right: 5.5rem;
        top: 1rem */
    }
}

@media (min-width: 1600px) {
    .fav-button.abs-parent.abs-parent--LastMonthRight {
        /* right: 1rem;
        top: 1rem */
    }
}
@media (max-width: 767px) {
    .fav-button.abs-parent.abs-parent--LastMonthRight {
        right: 4px;
        top: 4px;
    }
}
.fav-button.abs-parent.abs-parent--LastLastBeforeMonth {
    position: absolute;
    right:20px;
    top: 4px;
}
@media (max-width: 768px) {
    .fav-button.abs-parent.abs-parent--LastLastBeforeMonth {
        position: absolute;
        right: 22px;
        top: 4px;
    }
}
.fav-button.abs-parent.abs-parent--LastMonthSlider {
    position: absolute;
    right: 1%;
    top: 2.6%;
}

@media (max-width: 768px) {
    .fav-button.abs-parent.abs-parent--LastMonthSlider {
        /* right: 2.5rem;
        top: 1rem; */
        position: absolute;
        right: 22px;
        top: 4px;
    }
}

@media (min-width: 992px) {
    .fav-button.abs-parent.abs-parent--LastMonthSlider {
        /* right: 9.5rem;
        top: 1rem; */
    }
}

@media (min-width: 1200px) {
    .fav-button.abs-parent.abs-parent--LastMonthSlider {
        /* right: 5.5rem;
        top: 1rem; */
    }
}

@media (min-width: 1300px) {
    .fav-button.abs-parent.abs-parent--LastMonthSlider {
        /* right: 3rem;
        top: 1.5rem; */
    }
}

@media (min-width: 1366px) {
    .fav-button.abs-parent.abs-parent--LastMonthSlider {
        /* right: 4rem;
        top: 1.5rem */
    }
}

@media (min-width: 1500px) {
    .fav-button.abs-parent.abs-parent--LastMonthSlider {
        /* right: 5rem;
        top: 0.5rem; */
        right:2%;
        top: 1%;
    }
}

.fav-button.abs-parent.abs-parent--FeaturedProject {
    position: absolute;
    right:4px;
    top: 4px;
}



@media (min-width: 992px) {
    .fav-button.abs-parent.abs-parent--FeaturedProject {
        /* right: 8.5rem;
        top: 1rem; */
    }
}

@media (min-width: 1200px) {
    .fav-button.abs-parent.abs-parent--FeaturedProject {
        /* right: 2.5rem;
        top: 1rem; */
    }
}

@media (min-width: 1300px) {
    .fav-button.abs-parent.abs-parent--FeaturedProject {
        /* right: 3rem;
        top: 1.5rem; */
    }
}

@media (min-width: 1366px) {
    .fav-button.abs-parent.abs-parent--FeaturedProject {
        /* right: 2rem;
        top: 1.5rem */
    }
}

@media (max-width: 1500px) {
    .fav-button.abs-parent.abs-parent--FeaturedProject {
        /* right: 6rem;
        top: 0.5rem; */
        position: absolute;
        top: 4px;
        right: 4px;
    }
}
@media (max-width: 768px) {
    .fav-button.abs-parent.abs-parent--FeaturedProject {
        /* right: 1.5rem;
        top: 1rem; */
        position: absolute;
        right: 4px;
        top: 4px;
    }
}
@media (min-width: 1920px) {
    .fav-button.abs-parent.abs-parent--FeaturedProject {
        /* right: 6rem;
        top: 0.5rem; */
        position: absolute;
        top: 4px;
        right: 4px;
    }
}

.fav-button.abs-parent.abs-parent--Earlyr {
    position: absolute;
    right:4px;
    top: 4px;
}

@media (max-width:768px) {
    .fav-button.abs-parent.abs-parent--Earlyr {
        /* right: 1rem;
        top: 1rem */
        position: absolute;
        top: 4px;
        right: 4px;
    } 
}

@media (min-width:992px) {
    .fav-button.abs-parent.abs-parent--Earlyr {
        /* right: 1rem;
        top: 1rem; */
    }
}

@media (min-width: 1200px) {
    .fav-button.abs-parent.abs-parent--Earlyr {
        /* right: 1rem;
        top: 1rem */
    }
}

@media (min-width: 1300px) {
    .fav-button.abs-parent.abs-parent--Earlyr {
        /* right: 1rem;
        top: 1rem */
    }
}

@media (min-width: 1500px) {
    .fav-button.abs-parent.abs-parent--Earlyr {
        /* right: 1rem;
        top: 1rem */
    }
}

.fav-button.abs-parent.abs-parent--EarlyrRight {
    position: absolute;
    right: 4px;
    top: 4px;
}



@media (min-width:992px) {
    .fav-button.abs-parent.abs-parent--EarlyrRight {
        /* right: 9rem;
        top: 1rem; */
    }
}

@media (min-width: 1200px) {
    .fav-button.abs-parent.abs-parent--EarlyrRight {
        /* right: 7rem;
        top: 1rem */
    }
}

@media (min-width: 1300px) {
    .fav-button.abs-parent.abs-parent--EarlyrRight {
        /* right: 7rem;
        top: 1rem */
    }
}

@media (max-width: 1500px) {
    .fav-button.abs-parent.abs-parent--EarlyrRight {
        /* right: 3.5rem;
        top: 1rem */
        position: absolute;
        right: 4px;
        top: 4px;
    }
}
@media (min-width: 1600px) {
    .fav-button.abs-parent.abs-parent--EarlyrRight {
        /* right: 3.5rem;
        top: 1rem */
        position: absolute;
        right: 4px;
        top: 4px;
    }
}
@media (min-width: 1900px) {
    .fav-button.abs-parent.abs-parent--EarlyrRight {
        position: absolute;
        right: 4px;
        top: 4px;
    }
}
@media (max-width:768px) {
    .fav-button.abs-parent.abs-parent--EarlyrRight {
        /* right: 2rem;
        top: 1rem */
        position: absolute;
        right: 4px;
        top: 4px;
    }
}


/* .posRel .fav-button.abs-parent.abs-parent--right {
    position: absolute;
    right: 50px;
    top: 10px;
}

@media (min-width: 1200px) {
    .posRel .fav-button.abs-parent.abs-parent--right {
        position: absolute;
        right: 6rem;
        top: 1rem
    }
}

@media (min-width: 1200px) {
    .posRel .fav-button.abs-parent.abs-parent--right {
        position: absolute;
        right: 5rem;
        top: 1rem
    }
}

@media (min-width: 1600px) {
    .posRel .fav-button.abs-parent.abs-parent--right {
        position: absolute;
        right: 1rem;
        top: 1rem
    }
} */

/* @media (min-width: 1200px) {
    .posRel .fav-button.abs-parent.abs-parent--left {
        position: absolute;
        right: 5rem;
        top: 1rem
    }
} */

/* .slick-next.slick-arrow.slick-disabled span.slick-data:before{
    opacity: 1;
    color: #E71C24;
} */
.form-card button.loading {
    background-image: url(https://super.homelane.com/loader6.gif);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -99999px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.term-condition-line
{
    color:#000;
    font-size:12px !important;
}
.term-condition-line >a {
    color: #9B9B9B;
}

.mbottom{
    margin-bottom: 2.2rem;
}
@media (max-width:767px) {
    .mbottom{
        margin-bottom: 0px;
    }
}

/*# sourceMappingURL=main.css.map */
@media (min-width:767px) {
    #navigation ul li.active a{
        color: #E71C24;
        font-weight: 600;
    }
    .navtop-menu .nav-link:hover{
        color: #E71C24;
    }
    .highlightSlider .slick-prev .slick-data {
        color: #474a50;
        padding: 0 8.4rem 0 1rem;
    }
    .highlightSlider .slick-prev{
        right: -8px;
    }
    .highlightSlider .slick-next .slick-data:before{
        right: 70px;
    }
}
.nexthigh{
    right: 50px !important;
}
.highlightSlider .slick-next .slick-data {
    position: relative;
    padding: 0 1rem 0 0;
    top:0px;
    left: 0px;
}
.highlightSlider a.nav--prev.slickArrow-prev.slick-prev:after{
        top: 36%;
    right: -7%;
}

.link{
    color: #E71C24;
}

.slick-close{
    font-size: 30px;
    padding-bottom: 0px;
    padding-top: 0px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #ffffff !important;
    padding:3px 10px !important;
    z-index: 10;
    cursor: pointer;
}
.slick-header{
    border: none;
    background-color: #000000eb;
    opacity: 0.9;
    border-radius: 0px;
}
@media (min-width:767px) {
   .slick-header{
      background-color: #ffffff;
   } 
}

.main-header a:hover{
    color: #E71C24;
}
.zoomGallery img{
    cursor: pointer;
}
.overlay-mobile-menu {display: none;}
@media (max-width:768px) {
.interpreter > span:last-child {
    padding-right: 0;
}
.fnt-20{font-weight:500;font-size:20px !important;}
.fnt-18{font-weight:500;font-size:18px !important;}
.fnt-12{font-size:12px !important;font-weight:500;}
.overlay-mobile-menu {
    opacity: .7;
    background: rgb(0, 0, 0);
    position: absolute;
    height: 1000px;
    width: 100%;
    top: 0;
}
.nav-options-container{margin-top:60px;height: 91vh;
    overflow-y: scroll;}
.side-nav .header-block{padding-top:15px;    clear: both;
    padding: 1rem;display:block !important;position:fixed;top:0;width:100%;clear:both;}
.side-nav  i.icon-previous{color: rgb(142, 144, 149);
    margin-right: 2%;float:left;}

    .side-nav a#headerLoginLink {
        padding: 3px 16px;
        border: 1px solid #E71C24;
        font-weight: 600;
        display: inline-block;
        margin-bottom: 14px;
        color: #E71C24;
        line-height: 18px !important;
    }
    #navigation{
        width: 100%;
    }
    .side-nav .main-header__left-wrapper .opacity-none{
        padding:3.2px 16px !important;
    }
}
.side-nav .admin-info.admin-info--sm > a {
    width: 100%;
    display: block;
}
.side-nav .admin-info.admin-info--sm {
    margin-bottom: 15px;
}
.side-nav .admin-info.admin-info--sm a > img, .side-nav .admin-info.admin-info--sm a > span {
    display: inline-block !important;
    margin-right: 14px;
    vertical-align: middle;
    color:#474a50;
    font-size: 14px;
    font-weight: 600;
}
.nav-item.active .opacity-none.nav-link  {
    color: #E71C24;
    transition: .5s all ease;
}
.side-nav .opacity-none{line-height:30px !important;}
.side-nav .main-header__left-wrapper .opacity-none {padding: .5rem 1rem;margin-left:0;}
@media (min-width:768px) and (max-width:873px) {
.side-nav .main-header__left-wrapper .opacity-none {padding: .5rem 0rem;}
}
.side-nav  .brand-logo-w{float:left;    margin-top: 2px;}
.side-nav .icon-previous:before {
    width: 15px;
    overflow: hidden;
}
.fnt-13{font-size:13px !important;}
/**/

.Arrowright {
  border: solid #a3a4a7;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  float: right;
  margin-top: 10px;
}


.Arrowup {
  order: solid #a3a4a7;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.Arrowdown {
  border: solid #a3a4a7;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: 10px;
}

.Arrowleft{
  border: solid #a3a4a7;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.user-account-sidenav{
    padding-left: 25px;
    border-bottom:1px solid #d7d7d7;
}
.user-account-sidenav .nav-link{
    font-weight: 600;
    color: #6c6e73;
}

#imgZoomModal svg.right-icon,#imgZoomModal svg.left-icon {
    width: 46px;
    fill: #fff;
    background-color: #7f6a6a1f;
    padding: 0px;
}
#imgZoomModal .slick-arrow {top:50%;}
#imgZoomModal .slick-next.slick-arrow {
    right: 0;
}

#imgZoomModal .slick-prev.slick-arrow {
    left: 0;
}
#imgZoomModal .slick-close{top:2px;right:2px;}

.phone{
    list-style: none;
    position: absolute;
    right: 145px;
}
li.phone svg{
    width: 22px;
    height: 22px;
    fill: #E71C24;
    vertical-align: middle;
}
.phoneLogin{
    list-style: none;
    position: absolute;
    right: 20px;
}

@media (max-width:320px){
    .phone {
        list-style: none;
        position: absolute;
        right: 110px;
    }
}
li.phoneLogin svg{
    width: 22px;
    height: 22px;
    fill: #E71C24;
    vertical-align: middle;
}
.main-header__link svg{
    display: inline-block;
    width: 18px;
    height: 18px;
    fill: #fff;
    line-height: 1;
    vertical-align: top;
    margin-left: 5px;
    margin-top: 6px;
}
.main-header__link svg:hover{
    fill: #E71C24;
}

    .posInline{
        position: relative;
        display: inline-block;
    }
@media(max-width: 768px){
    .login-hide{
        display: none !important;
    }
}
.forgot-pwd{
    float: right;
    margin-top: -12% !important;
    transform: translateY(12%) !important;
}
.whatsapp-checkbox.hide{display:block !important;}
.whatsapp-checkbox {
    position: relative;
    display: block;
    margin-top: 2px;
    margin-bottom: 0px;
}
.whatsapp-checkbox .whatsapp {
    cursor: pointer;
    font-size:11px;
}

.whatsapp input[type="checkbox"] {
    width: auto !important;
    height: auto !important;
    padding: 0px !important;
    margin-top: 0px !important;
    vertical-align: middle;
}
#generalRegistrationForm .check-labels {
    font-size: 11px;
    color: #616161;
}
#generalRegistrationForm .field svg {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 10px;
    width: 18px;
    height: 18px;
    fill: #4caf50;
}
.hide{
    display: none;
}
.cool-footer { background-color: #fff; position: fixed; bottom: -1px; z-index: 998; width: 100%; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1); padding: 14px 0px 10px; }
.cool-footer li.active i.ed-home { background-position: 0px 0px; }
.cool-footer li.active i.ed-cash { background-position: -48px 0px; }
.cool-footer li.active i.ed-image { background-position: -24px 0px; }
.cool-footer li.active i.ed-telegram { background-position: -75px 0px; }
.cool-footer li.active i.ed-menu { background-position: -99px 0px; }
.cool-footer ul { list-style: none; padding: 0; color: #525252; margin: 0; }
.cool-footer ul:after { content: ''; display: table; clear: left; }
.cool-footer ul>li { list-style: none; float: left; width: 25%; position: relative; }
.cool-footer ul>li:after { content: ''; position: absolute; right: 0; height: 40px; width: 1px; background-color: #ededed; top: 50%; margin-top: -20px; }
.cool-footer ul>li:last-child:after { display: none; }
.cool-footer label { font-size: 11px; font-weight: 400; display: block; margin: 0; margin-top: -1px; }
.cool-footer li.active { color: #f15a40; }
.cool-footer li.quotes-link{ display: none; }
.cool-footer.login ul>li { width: 20%; }
i[class |= "ed"] { text-decoration: none; display: inline-block; background: url(https://super.homelane.com/some-icons.svg); background-repeat: no-repeat; width: 21px; height: 18px; background-size: 100px;  }
i.ed-home { background-position: 0px -21px; }
i.ed-cash { background-position: -52px -21px}
i.ed-image { background-position: -23px -21px; }
i.ed-telegram { background-position: -75px -21px; }
i.ed-chat { background-position: -78px -21px; }
i.ed-menu { background-position: -99px -21px; }

i.ed-bell { background-position: 1px -43px; height: 20px;}
i.ed-requirement { background-position: -25px -43px; }
i.ed-appointment { background-position: -49px -42px; height: 22px; width: 22px; }
i.ed-capricam { background-position: -100px -43px; height: 21px; }
i.ed-order { background-position: -75px -44px; width: 22px;}
i.ed-contact { background-position: -123px -43px; height: 21px;}
i.ed-account { background-position: -90px -43px; }
i.ed-key { background-position: -175px -43px; height: 20px; }

#zsiq_float{ display: none !important; }
@media (min-width:768px){
    .cool-footer{
        display: none !important;
    }
}
svg.icon-previous.ic-arrows.ic-arrows__prev.pr-1.hamburg.d-md-none {
    display: inline-block;
    float: left;
}
.readmoreArrow{
    border: solid #E71C24;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    float: right;
    margin-top: 1px;
}
svg.mright5:hover{
    fill:#E71C24;
}
a.footer-social-links__item svg:hover,a.footer-social-links__item svg:focus,a.footer-social-links__item svg:active {
    fill: #E71C24;
}
a.footer-contact__item svg:hover {
    fill: #E71C24;
}
a.footer-social-links__item svg:hover {
    fill:#E71C24;
}

/* OTP popup css */
.general-modal {
    position: fixed;
    right: 0px;
    bottom: 0px;
    left: 0;
    top: 0;
    z-index: 1048;
    outline: 0;
  } 
  .otp-validation-modal.modal.fade .modal-dialog {
    width: 100%;
    margin-bottom: 0!important;
    -webkit-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
    -webkit-transition: unset;
    -o-transition: unset;
    transition: unset;
  }
  
  #phone-otp-validation-expire-msg a {
    color: #9a9a9a;
    text-decoration: underline;
  }
  
  #phone-otp-validation-expire-msg b {
    color: red;
  }
  
  .general-modal.full-width .modal-content {
    box-shadow: none;
    border-radius: 0;
  }
  .otp-validation-modal {
    z-index: 1050;
  }
  .general-modal.modal.fade.in .modal-dialog {
    margin: 0px 0px 0px 0px;
  }
  .otp-validation-modal.modal.fade .modal-dialog {
    width: 100%;
    margin-bottom: 0!important;
    -webkit-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
    -webkit-transition: unset;
    -o-transition: unset;
    transition: unset;
  }
  .general-modal.modal.fade .modal-dialog {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0px;
    min-height: auto;
  }
  .otp-validation-expire-msg {
    color: #404040;
    font-size: 14px;
  }
  .general-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .general-modal.full-width .modal-content {
    box-shadow: none;
    border-radius: 0;
  }
  .general-modal .modal-content {
    border-style: none;
    padding: 0px 15px;
    margin-bottom: 0px;
  }

  .otp-validation-otp-options .btn {
    background: transparent;
  }
  .otp-validation-otp-options svg {
    width: 18px;
    height: 18px;
    fill: #E71C24;
    vertical-align: middle;
  }
  .col-xs-6 {
    width: 50%;
  }
  .hidden {
    display: none !important;
  }
  .text-center {
    text-align: center !important;
  }
  .general-modal .modal-header {
    background-color: transparent;
    min-height: 16.43px;
    padding: 25px 15px 9px;
    border-bottom: none;
    color: #5e5d5d;
    display: block;
  }
  .general-modal .modal-header .close {
    color: #757575;
    opacity: 1;
    line-height: 1;
    font-size: 28px;
    outline: none;
    font-weight: 500;
  }
  button.close {
    padding: 0;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
  }
  .otp-validation-modal .modal-title {
    font-weight: 500;
    color: #404040;
  }
  .general-modal .modal-title {
    font-weight: 900;
    font-size: 20px;
  }
  .general-modal .modal-body {
    position: relative;
    padding: 15px 15px 6px;
    color: #737373;
    font-size: 16px;
    line-height: 1.5;
  }
  .otp-validation-body {
    border: 1px solid #dadada;
  }
  .otp-validation-header {
    color: #404040;
    padding: 12px 20px 0px;
  }
  .otp-validation-form {
    padding: 20px;
  }
  .general-modal.otp-validation-modal .form-group {
    margin-bottom: 10px;
  }
  .general-modal.otp-validation-modal .form-group {
    margin-bottom: 10px;
  }
  .otp-validation-modal .form-control {
    height: 38px;
    border-radius: 0;
  }
  .otp-validation-modal .error-msg {
    color: red;
    font-size: 12px;
  }
  .otp-validation-modal .submit-btn {
    padding: 10px 15px;
    font-size: 14px;
    margin: 0px 0px 10px;
    width: 100%;
    background-color: #E71C24;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    border: 0;
  }
  .otp-validation-otp-options .btn {
    margin: 0;
    padding: 0px 10px;
    font-size: 14px;
    width: 100%;
    border: 0;
    color: #E71C24;
  }
  .otp-validation-otp-options svg {
    width: 18px;
    height: 18px;
    fill: #E71C24;
    vertical-align: middle;
  }
  .otp-validation-success-msg {
    color: green;
    font-size: 15px;
    font-weight: bold;
    padding: 20px;
  }
  
  .general-modal .modal-footer {
    padding: 15px 10px 15px;
    text-align: left;
    border-top: none;
    display: block;
  }
  .general-modal.modal.fade.in .modal-dialog {
    margin: 0px 0px 0px 0px;
  }
  .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.sticky-book-btn{
   position: fixed;
   bottom: -25px;
   left: 50%;
   right: 50%;
   transform: translate(-50%, -50%);
   z-index: 999999;
   background-color: #E71C24;
   font-size: 17px !important;
   padding: 9px 20px;
   letter-spacing: -0.2px;
   text-transform: uppercase;
}
.chat-icon{
    position: fixed;
    right: 22px;
    bottom: 20px;
    z-index: 9999999;
}
.sticky-book-btn a{
   color: #fff !important;

}
@media (max-width:768px) {
    .sticky-book-btn{
        bottom: 36px;
        display: none;
    }
    .chat-icon{
        display: none;
    }
    .proceed-anyway-class{display: flex;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border: 1px solid #eee;
        padding: 10px 20px;
        /* margin-top: 5%; */
      }
      .proceed-anyway-class *{
        margin: 10px 0 5px;
      }
      .close-proceed{
        align-self: flex-end;
        cursor: pointer;
        font-size: 16px !important;
        color: #9a9a9a;
      }
      .close-proceed:hover{
          color: #000;
      }
   
    #proceed-anyway-btn{
        font-size: 14px !important;
        font-weight: 600;
        background-color: #E71C24;
        color: #fff; 
    }
}
@media (min-width:800px){
    .proceed-anyway-class{display: flex;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border: 1px solid #eee;
        padding: 10px 20px;
        margin-top: 5%;
      }
      .proceed-anyway-class *{
        margin: 15px 0 5px;
      }
      .close-proceed{
        align-self: flex-end;
        cursor: pointer;
        font-size: 16px;
        color: #9a9a9a;
      }
      .close-proceed:hover{
        color: #000;
      }
      #proceed-anyway-btn{
        font-size: 14px !important;
        font-weight: 600;
        background-color: #E71C24;
        color: #fff; 
    }
}
@media(max-width:768px)
{
    
#seolinks{display:flex;flex-direction:column;padding-left: 15px;width:100%;border-top:1px solid #ddd;    margin-top: 17px;padding-top: 15px;}
#seolinks > div{display:flex;flex-direction: column;line-height:30px;flex-wrap: wrap;flex: 0 100%;padding-bottom: 20px;}
#seolinks > div p:first-child{font-weight:bold;color:#000;margin-bottom:5px;padding:0;font-size:14px !important;}
#seolinks > div a{color:#000;display:block;font-size: 11px;font-weight:normal;}
}
@media(min-width:769px)
{
    
#seolinks{width:100%;display:flex;flex-direction:row;    padding-left: 15px; margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-top: 20px;}
  #seolinks > div{display:flex;flex-direction: column;line-height:30px;flex-wrap: wrap;    flex: 0 20%;}
  #seolinks > div p:first-child{font-weight:bold;margin-bottom:10px;padding:0;font-size:14px;color:#000;}
  #seolinks > div a{color:#000;display:block;font-size: 11px;font-weight:normal;}
}
#seolinks > div a:hover{color:#E71C24;}
@media (max-width:767px) {
	#seolinks > div{display:grid;}
}
.btn-estimate{
    color: #ffffff;
    font-size: 12px !important;
    font-weight: 400;
    padding: 9.6px 19.2px !important;
    background-color: #E71C24 !important;
    border-color: #E71C24;
    border-radius: 2px;
    margin-bottom: 0px;
    margin-top:0px;
}
.btn-estimate:hover{
  color: #ffffff;
}
.main-header__link{
    font-size:12px !important;
    line-height: 15px !important;
}
.pageOverlay_div{
  position: fixed;
    top: 0;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    z-index: 99;
}
.drop-down .md-modal{
  position: absolute;
  top: 48px;
  width: auto;
  height: auto;
  right: 0;
  min-width: 260px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #E4E4E4;
  background-color: #FFFFFF;
  box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
}
.user_infoTabs .user_name{
  color: #4A4A4A;
  font-size: 14px !important;
  text-transform: capitalize;
}
.user_infoTabs .user-email{
  color: #4A4A4A;
}
.md-modal__header{
  padding: 24px;
  border-bottom: 1px solid #E4E4E4;
}
.user_infoTabs .user-account{
  padding: 10px 24px;
}
.user_infoTabs .user-account__item{
  padding: 15px;
  cursor: pointer;
}
.user_infoTabs .user-account__item:hover{
  background-color: #F5F5F5;
  border-radius: 4px;
}
.user_infoTabs .user-account__item:hover .nav-link{
  color: #E71C24;
}
.user_infoTabs .user-account__item:hover .nav-link .fill_hover{
  fill:#E71C24;
}
.user_infoTabs .user-account__item .nav-link svg{
    margin-right: 10px;
    vertical-align: text-bottom;
}
.user_infoTabs .user-account__item .tab_showMoreLess{
    float: right;
    width: 18px;
}
.user_infoTabs .user-account__item .nav-link{
  padding: 0px;
  color: #4A4A4A;
  font-size: 14px !important;
  line-height: 1px;
}

.user_infoTabs .user-account__item .subTabsProject{
  padding-left: 15px;
}
.display_none{
    display: none;
  }
.account_subTabs{
    padding-left: 15px;
}
@media (min-width:768px){
    .loginfo{
        border-top: 1px solid #E4E4E4;
        padding: 10px; 
      }
      .loginfo .btn--danger{
        font-size: 16px;
        width: 100%;
        padding: 10px;
        border-radius: 4px;
        color: #fff;
      }
    .loginfo .btn--danger:hover{
        background-color: #E71C24;
    }
}