@import url("https://use.typekit.net/cdl5rxa.css");

html {
	overflow-x: hidden !important;
	overflow-y: scroll !important;
	height: 100%;
}

::-webkit-scrollbar {
    width: 7px;
}
 
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #5c789a; 
}


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

.fp-section {
    position: relative;
    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;
    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%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    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: hidden;
    position: relative
}

.fp-scroller {
    overflow: hidden
}

.iScrollIndicator {
    border: 0 !important
}

.fp-notransition {
    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;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important
}

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

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    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;
    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;
    cursor: pointer
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    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
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
    height: auto !important
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto !important
}

*,
*::before,
*::after {
    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: rgba(0, 0, 0, 0)
}

@-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: #212529;
    text-align: left;
    background-color: #fff
}

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

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

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

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

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -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,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

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

dt {
    font-weight: 700
}

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

blockquote {
    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: #fff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

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

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

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

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

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

figure {
    margin: 0 0 1rem
}

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

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

table {
    border-collapse: collapse
}

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

th {
    text-align: inherit
}

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

button {
    border-radius: 0
}

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

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -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;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

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

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

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

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

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

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

.figure {
    display: inline-block
}

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

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

.container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    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: 1300px
    }
}

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

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px
}

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

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

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

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

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

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.3333333333%
    }
    .offset-md-2 {
        margin-left: 16.6666666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.3333333333%
    }
    .offset-md-5 {
        margin-left: 41.6666666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.3333333333%
    }
    .offset-md-8 {
        margin-left: 66.6666666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.3333333333%
    }
    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }
    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.3333333333%
    }
    .offset-xl-2 {
        margin-left: 16.6666666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.3333333333%
    }
    .offset-xl-5 {
        margin-left: 41.6666666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.3333333333%
    }
    .offset-xl-8 {
        margin-left: 66.6666666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.3333333333%
    }
    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.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:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border {
    border: 1px solid #dee2e6 !important
}

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

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

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

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

.border-0 {
    border: 0 !important
}

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

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

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

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

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

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

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

.border-warning {
    border-color: #ffc107 !important
}

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

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

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

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

.rounded {
    border-radius: .25rem !important
}

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

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

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

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

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

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

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

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

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

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

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.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.8571428571%
}

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

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

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

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

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

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

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

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

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

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

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

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

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

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -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
}

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

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

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

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

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

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

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

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

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

.font-weight-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:hover,
a.text-primary:focus {
    color: #0062cc !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #545b62 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

.text-muted {
    color: #6c757d !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-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

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

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

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

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

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

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

.slick-loading .slick-slide {
    visibility: hidden
}

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

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

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

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

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc( 100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333
}

.ui-widget-content a {
    color: #333333
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold
}

.ui-widget-header a {
    color: #333333
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a.ui-button:link,
a.ui-button:visited,
.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    box-shadow: 0px 0px 5px #666666
}

/*! formstone v1.4.10 [dropdown.css] 2018-08-03 | GPL-3.0 License | formstone.it */

.fs-dropdown {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 100%
}

.fs-dropdown,
.fs-dropdown *,
.fs-dropdown :after,
.fs-dropdown :before,
.fs-dropdown:after,
.fs-dropdown:before {
    box-sizing: border-box;
    transition: none;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.fs-dropdown-element {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    opacity: 0;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent
}

.fs-dropdown-mobile .fs-dropdown-element,
.fs-dropdown-native .fs-dropdown-element {
    z-index: 7
}

.fs-dropdown-mobile.fs-dropdown-multiple .fs-dropdown-element,
.fs-dropdown-native.fs-dropdown-multiple .fs-dropdown-element {
    z-index: -1
}

.fs-dropdown-selected {
    border: none;
    padding: 0;
    width: 100%;
    position: relative;
    z-index: 2;
    background: #fff;
    border: 1px solid;
    color: #000;
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-align: left;
    text-overflow: clip
}

.fs-dropdown-options {
    width: 100%;
    max-height: 260px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    background: #fff;
    border: 1px solid;
    display: none;
    overflow: auto;
    overflow-x: hidden
}

.fs-dropdown-options.fs-scrollbar {
    position: absolute
}

.fs-dropdown-group {
    display: block;
    font-size: 75%
}

.fs-dropdown-item {
    border: none;
    padding: 0;
    width: 100%;
    background: #fff;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis
}

.fs-dropdown-item_placeholder {
    display: none
}

.fs-dropdown-item_selected {
    background: #ddd
}

.fs-dropdown-item_disabled {
    cursor: default;
    opacity: .5
}

.fs-dropdown-open {
    z-index: 3
}

.fs-dropdown-open .fs-dropdown-options {
    display: block
}

.fs-dropdown-open .fs-dropdown-selected {
    z-index: 6
}

.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-selected {
    z-index: 4
}

.fs-dropdown-cover .fs-dropdown-options {
    top: 0
}

.fs-dropdown-bottom .fs-dropdown-options {
    top: auto;
    bottom: 100%
}

.fs-dropdown-bottom.fs-dropdown-cover .fs-dropdown-options {
    top: auto;
    bottom: 0
}

.fs-dropdown-multiple .fs-dropdown-options {
    width: 100%;
    position: static;
    display: block
}

.fs-dropdown-disabled {
    opacity: .5
}

.fs-dropdown-disabled .fs-dropdown-selected {
    cursor: default
}

.fs-dropdown-disabled .fs-dropdown-group,
.fs-dropdown-disabled .fs-dropdown-item {
    cursor: default
}

.fs-dropdown-options.fs-scrollbar {
    overflow: hidden
}

.fs-dropdown-options.fs-scrollbar .fs-scrollbar-bar {
    border: 1px solid;
    border-width: 0 0 0 1px
}

.fs-dropdown-options.fs-scrollbar .fs-scrollbar-content {
    max-height: 260px;
    height: auto
}

.fs-dropdown-options.fs-scrollbar.fs-scrollbar-active .fs-scrollbar-content {
    padding: 0
}

/*! formstone v1.4.10 [scrollbar.css] 2018-08-03 | GPL-3.0 License | formstone.it */

.fs-scrollbar {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative
}

.fs-scrollbar,
.fs-scrollbar * {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.fs-scrollbar,
.fs-scrollbar-bar,
.fs-scrollbar-content,
.fs-scrollbar-handle,
.fs-scrollbar-track {
    box-sizing: border-box
}

.fs-scrollbar-content {
    position: relative;
    z-index: 1;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.fs-scrollbar-content::-webkit-resizer,
.fs-scrollbar-content::-webkit-scrollbar,
.fs-scrollbar-content::-webkit-scrollbar-button,
.fs-scrollbar-content::-webkit-scrollbar-corner,
.fs-scrollbar-content::-webkit-scrollbar-thumb,
.fs-scrollbar-content::-webkit-scrollbar-track,
.fs-scrollbar-content::-webkit-scrollbar-track-piece {
    background: 0 0;
    opacity: 0
}

.fs-scrollbar-bar {
    width: 20px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background: #fff;
    border: 1px solid;
    border-width: 0 0 0 1px;
    display: none
}

.fs-scrollbar-track {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    overflow: hidden
}

.fs-scrollbar-handle {
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background: #999;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0
}

.fs-scrollbar-horizontal .fs-scrollbar-content {
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 20px 0
}

.fs-scrollbar-horizontal .fs-scrollbar-bar {
    width: 100%;
    height: 20px;
    top: auto;
    bottom: 0;
    border-width: 1px 0 0 0
}

.fs-scrollbar-horizontal .fs-scrollbar-handle {
    width: 40px;
    height: 20px;
    top: auto;
    right: auto;
    bottom: 0
}

.fs-scrollbar-active .fs-scrollbar-content,
.fs-scrollbar-setup .fs-scrollbar-content {
    padding: 20px
}

.fs-scrollbar-active .fs-scrollbar-bar,
.fs-scrollbar-setup .fs-scrollbar-bar {
    display: block
}

/*! formstone v1.4.14 [checkbox.css] 2019-07-03 | GPL-3.0 License | formstone.it */

.fs-checkbox {
    display: inline-block;
    vertical-align: middle
}

.fs-checkbox,
.fs-checkbox *,
.fs-checkbox :after,
.fs-checkbox :before,
.fs-checkbox:after,
.fs-checkbox:before {
    box-sizing: border-box;
    transition: none;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.fs-checkbox-element_placeholder {
    display: none;
    visibility: hidden
}

.fs-checkbox-element {
    width: 110%;
    height: 110%;
    position: absolute;
    top: -5%;
    right: -5%;
    bottom: -5%;
    left: -5%;
    z-index: -1;
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
    transition: none;
    opacity: 0;
    -webkit-appearance: none
}

.fs-checkbox-label {
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fs-checkbox-marker {
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid;
    cursor: pointer;
    display: inline-block
}

.fs-checkbox-flag {
    width: 100%;
    height: 100%;
    margin: 0
}

.fs-checkbox-flag:before {
    width: 5px;
    height: 10px;
    border: 2px solid;
    border-top: 0;
    border-left: 0;
    content: '';
    display: block;
    margin: 3px 0 0 6px;
    transition: transform .15s ease;
    transform: rotate(45deg) scale(0)
}

.fs-checkbox-checked .fs-checkbox-flag:before {
    transform: rotate(45deg) scale(1)
}

.fs-checkbox-radio .fs-checkbox-marker {
    position: relative;
    border-radius: 100%
}

.fs-checkbox-radio .fs-checkbox-flag {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #666;
    border-radius: 100%;
    margin: auto;
    transform: scale(0);
    transition: transform .15s ease
}

.fs-checkbox-radio .fs-checkbox-flag:before {
    display: none
}

.fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-flag {
    transform: scale(1)
}

.fs-checkbox-radio.fs-checkbox-checked .fs-checkbox-flag:before {
    display: none
}

.fs-checkbox-disabled {
    cursor: default;
    opacity: .5
}

.fs-checkbox-label.fs-checkbox-disabled {
    cursor: default
}

.fs-checkbox-disabled .fs-checkbox-marker {
    cursor: default
}

.fs-checkbox-toggle {
    position: relative
}

.fs-checkbox-label.fs-checkbox-toggle {
    line-height: 40px
}

.fs-checkbox-toggle .fs-checkbox-marker {
    width: 100px;
    height: 40px;
    position: relative
}

.fs-checkbox-toggle .fs-checkbox-marker:after {
    clear: both;
    content: '';
    display: table
}

.fs-checkbox-toggle .fs-checkbox-flag {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #666;
    display: block;
    transition: left .15s ease
}

.no-touch .fs-checkbox-toggle:hover .fs-checkbox-flag:after {
    opacity: 1
}

.fs-checkbox-toggle.fs-checkbox-checked .fs-checkbox-flag {
    left: 50%
}

.fs-checkbox-toggle.fs-checkbox-checked .fs-checkbox-flag:before {
    display: none
}

.fs-checkbox-toggle.fs-checkbox-disabled .fs-checkbox-flag:after {
    display: none
}

.fs-checkbox-toggle .fs-checkbox-state {
    width: 50%;
    display: block;
    line-height: 40px;
    margin: 0;
    text-align: center
}

.fs-checkbox-toggle .fs-checkbox-state_on {
    float: left
}

.fs-checkbox-toggle .fs-checkbox-state_off {
    float: right
}

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

.fancybox-active {
    height: auto
}

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

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox-slide:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
    width: 0
}

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

.fancybox-slide--next {
    z-index: 99995
}

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

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

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

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

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

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

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

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

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

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

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

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

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

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

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

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

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

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

.fancybox-iframe {
    vertical-align: top
}

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

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

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

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

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

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

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision
}

.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

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

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s, visibility 0s, color .25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

.fancybox-close-small svg {
    fill: transparent;
    opacity: .8;
    stroke: currentColor;
    stroke-width: 1.5;
    transition: stroke .1s
}

.fancybox-close-small:focus {
    outline: none
}

.fancybox-close-small:hover svg {
    opacity: 1
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
    background: transparent;
    color: #fff
}

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

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

.fancybox-caption:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1
}

.fancybox-caption:after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    content: "";
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0
}

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

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

.fancybox-loading {
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    border: 6px solid rgba(99, 99, 99, 0.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

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

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

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

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

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

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

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

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

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

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

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

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

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

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox-thumbs-x>ul {
    overflow: hidden
}

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

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

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

.fancybox-thumbs>ul>li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1)
}

.fancybox-thumbs>ul>li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.fancybox-thumbs>ul>li:before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991
}

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 800px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs>ul>li {
        max-width: calc(100% - 10px)
    }
}

html {
    height: 100%;
    font-size: 62.5%
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    height: 100%;
    margin: 0 auto;
    background-color: #171717;
    color: #363839
}

*:focus {
    outline: none !important
}

::-moz-selection {
    background-color: rgba(0, 0, 0, 0.15)
}

::selection {
    background-color: rgba(0, 0, 0, 0.15)
}

::-moz-selection {
    background-color: rgba(0, 0, 0, 0.15)
}

h1,
.h1,
#request-quote .thank-you p,
#request-quote .floated-label-container input,
#request-quote .floated-label-container textarea,
#request-quote .field.select .fs-dropdown .fs-dropdown-selected,
#request-quote header h1,
.project header h1,
.fancybox-slide--html .bio-content h2,
#about header h1,
#home .slide .slide-title p,
footer .start-project a,
header p,
.site-nav nav a {
    font-family: "titling-gothic-fb-wide", sans-serif;
    font-size: 2.8rem;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.2
}

@media (max-width: 767.98px) {
    h1,
    .h1,
    #request-quote .thank-you p,
    #request-quote .floated-label-container input,
    #request-quote .floated-label-container textarea,
    #request-quote .field.select .fs-dropdown .fs-dropdown-selected,
    #request-quote header h1,
    .project header h1,
    .fancybox-slide--html .bio-content h2,
    #about header h1,
    #home .slide .slide-title p,
    footer .start-project a,
    header p,
    .site-nav nav a {
        font-size: 2.2rem
    }
}

h2,
.h2,
#request-quote .field.check-options>label,
#clients h1,
#marketing.capability .marketing-infographic .marketing-row.top h3,
#interactive-development.capability .graphic h3,
#branding.capability .infographic .brand-text h3,
.capability .featured-work h2,
.project h3,
#bcg.case-study .video-lightbox span,
#luminary.case-study .statement p,
#three-nations.case-study .brand-statements p,
.case-study .featured.video-lightbox span,
.slider-nav .text,
.header-tab-section h3,
.site-nav nav li.has-sub-menu ul a,
a.btn,
main button {
    font-family: "axia", sans-serif;
    font-size: 1.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.17em;
    line-height: 1.7;
    font-variant-numeric: proportional-nums;
    margin-bottom: 20px
}

h3,
.h3,
#ecommerce #contact-form form .row .error-msg,
#culture .audio-toggle .text span,
#connect main .ig-post .overlay span,
#connect header .announcements .date,
#connect header .quote-link a,
#connect header .contact-info h2,
#request-quote .error-msg,
#work .tag span,
#work h2,
#creative.capability .slider-meta span,
.capability .capabilities-nav a,
.capability main h2,
#spacee.project .comparison-slider .cursor-container p,
.project h2,
.project header p,
#hillwood-communities.case-study .communities .communities-slider-nav>span,
#three-nations.case-study .brand-statements-slider-nav span,
#tcu-bscoc.case-study .client .departments .departments-slider-nav>span,
.case-study .next-project h2 span,
.case-study .featured-two-column .caption span,
.fancybox-slide--html .bio-nav span,
#about .slider-meta span,
#about .audio-toggle .text span,
#about header p,
#home .audio-toggle .text span,
#works .audio-toggle .text span,
#home .caption-bar .slide-caption ul li,
#home .slide .slide-title h2,
.header-tab-section h2,
footer .info p,
footer .info a,
header h1,
.navbar .navbar-right>span,
.site-nav address,
.site-nav .quote a,
.site-nav .featured .overlay span,
.site-nav .featured>span,
a.line-btn {
    font-family: "axia", sans-serif;
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    line-height: 1.6;
    font-variant-numeric: proportional-nums;
    margin-bottom: 25px
}

p,
.p,
#connect header .announcements p,
#connect header .contact-info p,
#connect header .contact-info address,
#request-quote .floated-label-container textarea,
#request-quote .field.check-options .options input[type="text"],
#request-quote .field.check-options .options label,
#spacee.project .comparison-slider .mobile-selector a {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.4rem;
    letter-spacing: normal;
    line-height: 2.1;
    color: #363839;
    margin-bottom: 30px
}

main ol,
main ul {
    margin-bottom: 35px
}

main ol li,
main ul li {
    list-style: none;
    font-family: "proxima-nova", sans-serif;
    font-size: 1.4rem;
    line-height: 2.1;
    color: #363839
}

main ul li {
    position: relative;
    padding-left: 15px
}

main ul li:before {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #363839;
    border-radius: 50%
}

main ol {
    counter-rest: li
}

main ol li {
    counter-increment: li
}

main ol li:before {
    content: counter(li) ") ";
    color: #363839;
    margin-right: 5px
}

a,
main button {
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s ease-in-out
}

a:hover,
main button:hover {
    text-decoration: none
}

.interior a:not(.line-btn) {
    position: relative;
    font-weight: 700;
    color: #363839
}

.interior a:not(.line-btn):before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #363839;
    transform: scaleX(0);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out
}

.interior a:not(.line-btn):hover:before {
    opacity: 1;
    visibility: visible;
    transform: scaleX(1)
}

a.btn,
main button {
    font-size: 1.4rem;
    color: #000;
    width: 100%;
    max-width: 215px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: transparent;
    text-align: center;
    padding: 15px 20px;
    margin-bottom: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out
}

a.btn:hover,
main button:hover {
    border-color: #000;
    background: #000;
    color: #fff
}

a.arrow-btn {
    display: inline-flex;
    align-items: center;
    font-family: "axia", sans-serif;
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #fff
}

a.arrow-btn:before {
    display: none
}

a.arrow-btn svg {
    width: 24px;
    height: 24px;
    margin-left: 10px;
    transition: all 0.3s ease-in-out
}

a.arrow-btn svg path {
    fill: #000
}

a.arrow-btn.white svg path {
    fill: #fff
}

a.line-btn {
    font-weight: 900;
    color: #171717;
    position: relative;
    padding-left: 40px;
    margin-bottom: 0
}

a.line-btn:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2px;
    margin: auto;
    width: 9px;
    height: 9px;
    border: 1px solid #171717;
    border-radius: 50%;
    background-color: transparent;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

a.line-btn:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6px;
    margin: auto;
    width: 22px;
    height: 1px;
    background-color: #171717;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

a.line-btn:hover:before {
    left: 17px
}

a.line-btn:hover:after {
    left: 0px
}

a.line-btn.white {
    color: #fff
}

a.line-btn.white:before {
    border-color: #fff
}

a.line-btn.white:after {
    background-color: #fff
}

main {
    position: relative
}

.inner-container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1700px;
    margin: 0 auto
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

.no-scroll {
    overflow: hidden !important
}

.black {
    color: #000
}

.white {
    color: #fff
}

.lazy-bg {
    background-image: none !important
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19;
    width: 100%;
    height: 100%;
    background-color: #000
}

.pace {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 300px;
    height: 1px;
    margin: auto;
    background-color: #2a2a2a;
    overflow: hidden;
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pace .pace-progress {
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 21;
    width: 100%;
    max-width: 300px;
    height: 100%;
    background-color: #7e7979;
    transform: translate3d(0, 0, 0);
    transition: all 1000ms cubic-bezier(0, 0.995, 0.8, 1.005)
}

.pace.pace-inactive .pace-progress {
    transform: translate3d(200%, 0, 0) !important;
    -webkit-transform: translate3d(200%, 0, 0) !important
}

@media (max-width: 575.98px) {
    .pace {
        width: 200px
    }
    .pace .pace-progress {
        max-width: 200px
    }
}

.site-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: rgba(23, 23, 23, 0.95);
    visibility: hidden
}

.site-nav .dark-bg {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: #171717
	
}

.site-nav .featured {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: calc(100% / 3);
    height: 100%
}

.site-nav .featured>span,
.site-nav .featured .project {
    opacity: 0
}

.site-nav .featured>span {
    position: absolute;
    top: calc(50% + 70px);
    right: -35px;
    z-index: 1;
    transform: rotate(90deg);
    transform-origin: top right;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0
}

.site-nav .featured .project {
    position: relative;
    height: calc(100% / 3)
}

.site-nav .featured a {
    display: block;
    width: 100%;
    height: 100%
}

.site-nav .featured a:hover .image {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.site-nav .featured a:hover .overlay {
    opacity: 1;
    visibility: visible
}

.site-nav .featured a:hover .overlay span {
    opacity: 1;
    transform: translateY(0)
}

.site-nav .featured .image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.site-nav .featured .project:first-of-type .image {
    background-image: url("../images/nav/airbus.jpg")
}

.site-nav .featured .project:nth-of-type(2) .image {
    background-image: url("../images/nav/lire.jpg")
}

.site-nav .featured .project:last-of-type .image {
    background-image: url("../images/nav/alexa.jpg")
}

.site-nav .featured .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(30, 31, 31, 0.75);
    padding: 0 20px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out
}

.site-nav .featured .overlay span {
    color: #fff;
    margin-bottom: 0;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.35s ease-in-out
}

.site-nav .nav-container {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: calc((100% / 3) * 2);
    height: 100%;
    padding: 160px 50px 160px 125px
}

@media (max-width: 991.98px) {
    .site-nav .nav-container {
        padding-left: 80px
    }
}

@media (max-width: 767.98px) {
    .site-nav .nav-container {
        width: 100%;
        padding: 100px 20px 60px;
        overflow-y: scroll
    }
}

@media (max-width: 575.98px) {
    .site-nav .nav-container {
        padding: 100px 20px 30px
    }
}

.site-nav .nav-container:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 0px;
    background: linear-gradient(#171717 70%, rgba(23, 23, 23, 0))
}

@media (max-width: 767.98px) {
    .site-nav .nav-container:after {
        height: 120px
    }
}

.site-nav nav ul {
    margin: 0;
    padding: 0
}

.site-nav nav li {
    list-style: none;
    padding-left: 0
}

.site-nav nav li:before {
    display: none
}

.site-nav nav a {
    color: #fff
}

.site-nav nav>ul>li {
    transition: opacity 0.3s ease-in-out
}

.site-nav nav>ul>li>a {
    display: block;
    padding: 15px 0;
    opacity: 0;
    transition: none;
    transform: translateY(15px)
}

@media (max-height: 699px) and (min-width: 768px) and (max-width: 991px) {
    .site-nav nav>ul>li>a {
        padding: 5px 0
    }
}

@media (max-height: 599px) and (min-width: 992px) {
    .site-nav nav>ul>li>a {
        padding: 5px 0
    }
}

.site-nav nav:hover>ul>li {
    opacity: 0.4
}

.site-nav nav:hover>ul>li:hover {
    opacity: 1
}

.site-nav nav li.has-sub-menu .sub-menu {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    transition-delay: 0s
}

.site-nav nav li.has-sub-menu .sub-menu.sub-menu-open {
    transition-delay: 0.3s;
    opacity: 1
}

.site-nav nav li.has-sub-menu ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 580px;
    margin-left: -25px;
    margin-right: -25px;
    padding-bottom: 20px
}

@media (max-width: 1199.98px) {
    .site-nav nav li.has-sub-menu ul {
        max-width: 450px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .site-nav nav li.has-sub-menu ul {
        max-width: 350px;
        margin-left: -15px;
        margin-right: -15px
    }
}

@media (max-width: 767.98px) {
    .site-nav nav li.has-sub-menu ul {
        max-width: none
    }
}

@media (max-width: 575.98px) {
    .site-nav nav li.has-sub-menu ul {
        display: block;
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-height: 699px) and (min-width: 768px) and (max-width: 991px) {
    .site-nav nav li.has-sub-menu ul {
        padding-bottom: 10px
    }
}

@media (max-height: 599px) and (min-width: 992px) {
    .site-nav nav li.has-sub-menu ul {
        padding-bottom: 10px
    }
}

.site-nav nav li.has-sub-menu ul li {
    line-height: 1.6;
    padding: 0 25px
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .site-nav nav li.has-sub-menu ul li {
        padding: 0 15px
    }
}

@media (max-width: 575.98px) {
    .site-nav nav li.has-sub-menu ul li {
        padding: 0
    }
}

.site-nav nav li.has-sub-menu ul a {
    font-size: 1.4rem;
    line-height: 2;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 0
}

.site-nav nav li.has-sub-menu ul a:hover {
    color: rgba(255, 255, 255, 0.8)
}

.site-nav .nav-meta {
    position: absolute;
    bottom: 40px;
    left: 125px;
    right: 50px;
    display: flex;
    align-items: center
}

@media (max-width: 991.98px) {
    .site-nav .nav-meta {
        left: 80px;
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width: 767.98px) {
    .site-nav .nav-meta {
        position: static;
        margin-top: 60px
    }
}

.site-nav .quote {
    opacity: 0
}

.site-nav .quote a {
    position: relative;
    overflow: hidden;
    font-size: 1.0rem;
    letter-spacing: 0.4em;
    color: #fff;
    margin-bottom: 0;
    background-color: #495F7A;
    padding: 8px 15px 8px 20px
}

.site-nav .quote a:hover {
    color: #fff;
    background-color: #5c789a
}

.site-nav address {
    flex: 1;
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 0 50px;
    opacity: 0
}

@media (max-width: 991.98px) {
    .site-nav address {
        max-width: 230px;
        margin: 30px 0 0
    }
}

.site-nav address span {
    display: inline-block
}

.navbar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background: transparent;
    box-shadow: none;
    padding: 40px 50px;
    transition: transform 0.5s ease-in-out, background 0.5s ease-in-out, box-shadow 0.5s ease-in-out, padding 0.5s ease-in-out
}

@media (max-width: 767.98px) {
    .navbar {
        padding: 15px 20px
    }
}

.navbar .idcom-logo {
    font-size: 0
}

.navbar .idcom-logo a {
    position: relative;
    display: inline-block
}

.navbar .idcom-logo svg {
    width: 85px;
    height: 19px
}

.navbar .idcom-logo path {
    fill: #fff;
    transition: fill 0.3s ease-in-out
}

.navbar .navbar-right {
    line-height: 0
}

.navbar .navbar-right>span {
    color: #fff;
    margin: 1px 20px 0 0;
    transition: color 0.2s ease-in-out
}

.navbar .navbar-right .nav-toggle {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*border: none;*/
	border:1px solid #171717;
	border-radius:50%;	
	opacity: 0.7;	
    background: #171717;
    margin: 0;
    padding: 5px;
    cursor: pointer
}

.navbar .navbar-right .nav-toggle span {
    display: block;
    position: relative;
    width: 22px;
    height: 2px;
    background: #fff;
    transition: all 0.25s ease-in-out;
    overflow: hidden;
    margin: auto
}

.navbar .navbar-right .nav-toggle span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: #bfbfbf;
    transition: left 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22), background 0.3s ease-in-out
}

.navbar .navbar-right .nav-toggle span:first-child {
    transform-origin: 5px 1px
}

.navbar .navbar-right .nav-toggle span:nth-child(2) {
    margin-top: 4px
}

.navbar .navbar-right .nav-toggle span:nth-child(2):after {
    transition-delay: 0.1s
}

.navbar .navbar-right .nav-toggle span:last-child {
    margin-top: 4px;
    transform-origin: 5px 1px
}

.navbar .navbar-right .nav-toggle span:last-child:after {
    transition-delay: 0.2s
}

.navbar .navbar-right .nav-toggle:hover span:after {
    left: 0
}

.navbar .navbar-right .nav-toggle.active span {
    width: 27px
}

.navbar .navbar-right .nav-toggle.active span:first-child {
    transform: rotate(45deg)
}

.navbar .navbar-right .nav-toggle.active span:nth-child(2) {
    opacity: 0
}

.navbar .navbar-right .nav-toggle.active span:last-child {
    transform: rotate(-45deg)
}

.navbar .navbar-right .nav-toggle.active:hover span:after {
    left: 100%
}

.page-request-quote .navbar .idcom-logo path,
.page-request-quote .navbar .idcom-logo polygon,
.page-not-found .navbar .idcom-logo path,
.page-not-found .navbar .idcom-logo polygon {
    fill: #000
}

.page-request-quote .navbar-right>span,
.page-not-found .navbar-right>span {
    color: #000
}

.page-request-quote .navbar.active .idcom-logo path,
.page-request-quote .navbar.active .idcom-logo polygon,
.page-not-found .navbar.active .idcom-logo path,
.page-not-found .navbar.active .idcom-logo polygon {
    fill: #fff
}

.navbar.is-solid {
    background: #171717;
    padding: 15px 50px;
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.15)
}

@media (max-width: 767.98px) {
    .navbar.is-solid {
        padding: 15px 20px
    }
}

.navbar.is-solid .idcom-logo path,
.navbar.is-solid .idcom-logo polygon {
    fill: #fff
}

.navbar.is-solid .navbar-right>span {
    color: #fff
}

.navbar.is-solid .navbar-right .nav-toggle span {
    background: #fff
}

.navbar.is-solid.active .navbar-right>span {
    color: #fff
}

.navbar.is-solid.active .navbar-right button span {
    color: #fff;
    background-color: #fff
}

.navbar.is-hidden {
    transform: translateY(-100%);
    box-shadow: none
}

.navbar.active {
    box-shadow: none
}

.navbar.active .navbar-right>span {
    color: rgba(255, 255, 255, 0.6)
}

.navbar.active .navbar-right .nav-toggle span {
    background: rgba(255, 255, 255, 0.6)
}

.navbar.active .navbar-right .nav-toggle span:after {
    background: #737373
}

.navbar.is-solid.active {
    background: transparent
}

.navbar.is-solid.active .navbar-right>span {
    color: rgba(255, 255, 255, 0.6)
}

.navbar.is-solid.active .navbar-right .nav-toggle span {
    background: rgba(255, 255, 255, 0.6)
}

header {
    position: relative;
    padding: 210px 0 200px
}

header h1 {
    color: #fff;
    margin-bottom: 20px
}

header p {
    color: #fff;
    margin-bottom: 0
}

header .scroll-down {
    position: absolute;
    bottom: 77px;
    left: calc(50% - 10px);
    z-index: 2;
    line-height: 1;
    opacity: 1
}

header .scroll-down svg {
    width: 16px;
    height: 9px;
    margin: 0 auto;
    -webkit-animation: scroll-bounce 1.5s ease-in-out infinite alternate;
    animation: scroll-bounce 1.5s ease-in-out infinite alternate
}

@-webkit-keyframes scroll-bounce {
    0% {
        transform: translateY(-6px)
    }
    100% {
        transform: translateY(6px)
    }
}

@keyframes scroll-bounce {
    0% {
        transform: translateY(-6px)
    }
    100% {
        transform: translateY(6px)
    }
}

footer {
    position: relative;
    z-index: 3;
    padding: 0 50px 25px;
    background-color: #171717
}

@media (max-width: 767.98px) {
    footer {
        padding: 0 20px 25px
    }
}

footer .start-project {
    padding: 210px 0 185px;
    text-align: center
}

@media (max-width: 767.98px) {
    footer .start-project {
        padding: 150px 0 125px
    }
}

footer .start-project a {
    position: relative;
    padding: 10px;
    margin-bottom: 0;
    overflow: hidden;
    color: #171717;
    transition: none
}

@media (max-width: 499px) {
    footer .start-project a {
        font-size: 5.7vw;
        padding: 5px
    }
}

footer .start-project a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: translate3d(101%, 0, 0);
    transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1)
}

footer .start-project a span {
    display: block;
    position: relative;
    color: #fff
}

footer .start-project a span:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    white-space: nowrap;
    transition: width 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    overflow: hidden;
    color: #171717;
    -webkit-text-stroke: 1px #171717;
    text-stroke: 1px #171717
}

.is-not-mobile footer .start-project a:hover:after {
    transform: translateZ(0)
}

.is-not-mobile footer .start-project a:hover span:before {
    width: 100%
}

footer .start-project p {
    color: white;
    font-weight: initial;
    font-size: 12pt
}

@media (max-width: 399px) {
    footer .info {
        text-align: center
    }
}

footer .info p,
footer .info a {
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0
}

footer .info a:hover {
    color: #fff
}

footer .info .contact {
    margin-bottom: 13px
}

@media (max-width: 399px) {
    footer .info .contact {
        flex-direction: column;
        margin-bottom: 18px
    }
}

footer .info .contact .phone {
    margin-right: 30px
}

@media (max-width: 399px) {
    footer .info .contact .phone {
        margin-right: 0;
        margin-bottom: 5px
    }
}

footer .info .copyright-social ul {
    margin: 0;
    padding: 0
}

@media (max-width: 399px) {
    footer .info .copyright-social ul {
        display: block !important
    }
}

footer .info .copyright-social li {
    list-style: none
}

footer .info .copyright-social li+li {
    margin-left: 30px
}

@media (max-width: 399px) {
    footer .info .copyright-social li+li {
        margin-left: 0;
        margin-top: 5px
    }
}

@media (max-width: 767.98px) {
    footer .info .copyright-social p {
        order: 1;
        margin-top: 13px
    }
}

@media (max-width: 399px) {
    footer .info .copyright-social p {
        margin-top: 18px
    }
}

@media (max-width: 767.98px) {
    .page-capability .start-project {
        padding-top: 210px
    }
}

@media (max-width: 575.98px) {
    .page-capability .start-project {
        padding-top: 300px
    }
}

.bg-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.white-section {
    background-color: #fff;
    padding: 120px 0
}

@media (max-width: 767.98px) {
    .white-section {
        padding: 80px 0
    }
}

.header-tab-section {
    background-color: #fff
}

.header-tab-section .row {
    margin-right: 0;
    margin-left: -20px
}

@media (max-width: 767.98px) {
    .header-tab-section .row {
        margin-left: 0px
    }
}

.header-tab-section h2 {
    color: #fff;
    background-color: #000;
    padding: 8px 15px;
    margin: 6px 0 0;
    text-align: center
}

@media (max-width: 767.98px) {
    .header-tab-section h2 {
        margin: 0 0 30px
    }
}

.header-tab-section h3 {
    position: relative;
    margin-bottom: 30px
}

.two-column .column {
    width: 50%;
    padding: 20px
}

@media (max-width: 767.98px) {
    .two-column .column {
        width: 100%
    }
}

.two-column .column:nth-child(2) {
    background-color: #2a3336
}

.two-column .column .content {
    max-width: 430px;
    padding: 120px 0
}

.black-content h2,
.black-content h3,
.black-content p {
    color: #fff
}

.black-content h3 {
    margin-bottom: 50px
}

.black-content .line-btn {
    margin-top: 15px
}

.logo-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 25px 0 100px;
    padding: 0
}

.logo-list li {
    list-style: none;
    width: 25%;
    padding: 0 20px;
    margin-bottom: 30px;
    text-align: center
}

@media (max-width: 767.98px) {
    .logo-list li {
        width: 50%
    }
}

.logo-list li:before {
    display: none
}

.logo-list img {
    margin: 0 auto
}

.slider-nav {
    position: relative
}

@media (max-width: 767.98px) {
    .slider-nav {
        padding-top: 55px
    }
}

.slider-nav .slick-prev,
.slider-nav .slick-next {
    position: absolute;
    top: calc(50% - 12px);
    cursor: pointer
}

@media (max-width: 767.98px) {
    .slider-nav .slick-prev,
    .slider-nav .slick-next {
        top: 0
    }
}

.slider-nav .slick-prev svg,
.slider-nav .slick-next svg {
    font-size: 2.4rem;
    color: rgba(255, 255, 255, 0.75);
    transition: color 0.3s ease-in-out
}

.slider-nav .slick-prev:hover svg,
.slider-nav .slick-next:hover svg {
    color: #fff
}

.slider-nav .slick-prev {
    right: 100%
}

@media (max-width: 767.98px) {
    .slider-nav .slick-prev {
        right: auto;
        left: calc(50% - 40px)
    }
}

.slider-nav .slick-next {
    left: 100%
}

@media (max-width: 767.98px) {
    .slider-nav .slick-next {
        left: auto;
        right: calc(50% - 40px)
    }
}

.slider-nav .text {
    color: #fff;
    margin-bottom: 0
}

.vimeo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden
}

.vimeo-wrapper iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    transform: translate(-50%, -50%);
    border: none
}

video.full-bg-vid {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    min-height: 100.5vh;
    min-width: 177.77vh;
    transform: translate(-50%, -50%)
}

.fb-full-width .fancybox-slide--html {
    padding: 0
}

.fb-full-width .fancybox-content {
    margin: 0;
    height: 100%;
    width: 100%;
    padding: 0
}

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

button.fancybox-button.fancybox-close-small {
    top: 10px;
    right: 10px
}

.come-in {
    transform: translateY(150px);
    -webkit-animation: come-in 0.8s ease forwards;
    animation: come-in 0.8s ease forwards
}

@media (min-width: 992px) {
    .come-in:nth-child(3n+1) {
        -webkit-animation-duration: 0.2s;
        animation-duration: 0.2s
    }
    .come-in:nth-child(3n+2) {
        -webkit-animation-duration: 0.4s;
        animation-duration: 0.4s
    }
    .come-in:nth-child(3n+3) {
        -webkit-animation-duration: 0.6s;
        animation-duration: 0.6s
    }
}

@media (max-width: 991.98px) {
    .come-in:nth-child(odd) {
        -webkit-animation-duration: 0.6s;
        animation-duration: 0.6s
    }
}

.already-visible {
    transform: translateY(0);
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes come-in {
    to {
        transform: translateY(0)
    }
}

@keyframes come-in {
    to {
        transform: translateY(0)
    }
}

#home {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

#home .section {
    width: 100vw;
    height: 100vh
}

#home .slide {
    position: relative;
    overflow: hidden
}

#home .slide.active {
    z-index: 1
}

#home .slide .slide-container {
    width: 100%;
    height: 100%
}

#home .slide .slide-container>a {
    display: block;
    width: 100%;
    height: 100%
}

#home .slide .slide-content {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}

#home .slide .slide-title {
    position: absolute;
    bottom: 50px;
    left: 0;
    z-index: 3;
    width: calc(100% - 200px);
    padding: 0 0 60px 50px
}

@media (max-width: 991.98px) {
    #home .slide .slide-title {
        width: 100%;
        padding: 0 50px 60px
    }
}

@media (max-width: 767.98px) {
    #home .slide .slide-title {
        padding: 0 20px 60px
    }
}

#home .slide .slide-title h2 {
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 10px
}

#home .slide .slide-title p {
    color: #fff;
    margin-bottom: 0
}

#home .dot-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url(../images/general/header-dot-bg.png) repeat
}

#home .bg-holder {
    z-index: -1
}

#home .bg-holder #scene {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

#home .bg-holder #scene .plx-layer {
    position: absolute;
    width: 100%;
    height: 100%
}

#home .bg-holder #scene img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 110%;
    min-height: 110%;
    max-width: none;
    transform: translate(-50%, -50%)
}

#home .caption-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 50px;
    background: #000;
    transform: translateY(53px);
    transition: all 1.2s ease-out
}

@media (max-width: 767.98px) {
    #home .caption-bar {
        padding: 0
    }
}

.is-mobile #home .caption-bar {
    transition: all 0.6s ease-out
}

#home .caption-bar.show-caption-bar {
    transform: translateY(0px)
}

#home .caption-bar .slide-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 50px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out
}

@media (max-width: 767.98px) {
    #home .caption-bar .slide-caption {
        padding: 0
    }
}

#home .caption-bar .slide-caption ul {
    padding: 0;
    margin: 0
}

@media (max-width: 767.98px) {
    #home .caption-bar .slide-caption ul {
        display: none
    }
}

#home .caption-bar .slide-caption ul li {
    color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0
}

#home .caption-bar .slide-caption ul li:before {
    display: none
}

#home .caption-bar .slide-caption ul li+li {
    margin-left: 6px;
    padding-left: 16px
}

#home .caption-bar .slide-caption ul li+li:before {
    display: block;
    top: 7px;
    background: rgba(255, 255, 255, 0.7)
}

#home .caption-bar .slide-caption .line-btn {
    color: rgba(255, 255, 255, 0.7)
}

@media (max-width: 767.98px) {
    #home .caption-bar .slide-caption .line-btn {
        display: block;
        width: 100%;
        padding: 17px 20px;
        text-align: center
    }
}

#home .caption-bar .slide-caption .line-btn:before {
    border-color: rgba(255, 255, 255, 0.7)
}

#home .caption-bar .slide-caption .line-btn:after {
    background: rgba(255, 255, 255, 0.7)
}

#home .caption-bar .slide-caption.show-caption {
    opacity: 1;
    visibility: visible
}

@media (max-width: 767.98px) {
    #home .caption-bar .slide-caption.caption-project .line-btn:before {
        left: calc(50% - 100px)
    }
    #home .caption-bar .slide-caption.caption-project .line-btn:after {
        left: calc(50% - 95px)
    }
    #home .caption-bar .slide-caption.caption-project .line-btn:hover:before {
        left: calc(50% - 84px)
    }
    #home .caption-bar .slide-caption.caption-project .line-btn:hover:after {
        left: calc(50% - 101px)
    }
}

@media (max-width: 767.98px) {
    #home .caption-bar .slide-caption.caption-case-study .line-btn:before {
        left: calc(50% - 117px)
    }
    #home .caption-bar .slide-caption.caption-case-study .line-btn:after {
        left: calc(50% - 112px)
    }
    #home .caption-bar .slide-caption.caption-case-study .line-btn:hover:before {
        left: calc(50% - 101px)
    }
    #home .caption-bar .slide-caption.caption-case-study .line-btn:hover:after {
        left: calc(50% - 118px)
    }
}

@media (max-width: 767.98px) {
    #home .caption-bar .slide-caption.caption-learn .line-btn:before {
        left: calc(50% - 93px)
    }
    #home .caption-bar .slide-caption.caption-learn .line-btn:after {
        left: calc(50% - 88px)
    }
    #home .caption-bar .slide-caption.caption-learn .line-btn:hover:before {
        left: calc(50% - 77px)
    }
    #home .caption-bar .slide-caption.caption-learn .line-btn:hover:after {
        left: calc(50% - 94px)
    }
}

@media (max-width: 767.98px) {
    #home .caption-bar .slide-caption.caption-culture .line-btn:before {
        left: calc(50% - 101px)
    }
    #home .caption-bar .slide-caption.caption-culture .line-btn:after {
        left: calc(50% - 96px)
    }
    #home .caption-bar .slide-caption.caption-culture .line-btn:hover:before {
        left: calc(50% - 85px)
    }
    #home .caption-bar .slide-caption.caption-culture .line-btn:hover:after {
        left: calc(50% - 102px)
    }
}

#home .scroll-down {
    position: absolute;
    bottom: 75px;
    left: calc(50% - 10px);
    z-index: 1;
    line-height: 1;
    opacity: 1;
    transition: opacity 0.3s ease-in-out
}

.is-mobile #home .scroll-down {
    transform: rotate(-90deg)
}

#home .scroll-down.hide-scroll-down {
    opacity: 0
}

#home .scroll-down svg {
    width: 16px;
    height: 9px;
    margin: 0 auto;
    -webkit-animation: scroll-bounce 1.5s ease-in-out infinite alternate;
    animation: scroll-bounce 1.5s ease-in-out infinite alternate
}

@keyframes scroll-bounce {
    0% {
        transform: translateY(-6px)
    }
    100% {
        transform: translateY(6px)
    }
}

#home .audio-toggle {
    position: fixed;
    bottom: 60px;
    right: 50px;
    cursor: pointer;
    display: flex;
    z-index: 1
}

/*@media (max-width: 991.98px) {
    #home .audio-toggle {
        display: none
    }
}*/

#home .audio-toggle .wave-container {
    transform: translateY(10%)
}

#home .audio-toggle img {
    width: 100%;
    max-width: 45px
}

#home .audio-toggle .text {
    position: relative;
    height: 13px;
    margin-right: 10px
}

#home .audio-toggle .text span {
    color: #fff;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out
}

#home .audio-toggle .text span.active {
    opacity: 1;
    visibility: visible
}

#home .audio-toggle svg {
    width: 50px;
    height: 30px;
    padding: 0px;
    overflow: auto
}

#home .audio-toggle svg g {
    transform: translateY(50%)
}

#home .audio-toggle #wave,
#home .audio-toggle #waveoff {
    fill: none;
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #fff;
    opacity: 0;
    transition: all 2s ease-in-out
}

#home .audio-toggle #wave.active,
#home .audio-toggle #waveoff.active {
    opacity: 1
}

#home .home-lazy-bg {
    background-image: none !important
}

#home #slide-hero {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 50px;
    text-align: center
}

/*@media (max-width: 767.98px) {
    #home #slide-hero {
        padding: 0 20px
    }
}*/

#home #slide-hero .video-captions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "axia", sans-serif;
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    color: #fff
}

#home #slide-hero .video-captions div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 50px;
    text-align: center;
    opacity: 0;
    transition: opacity 1.2s ease-in-out
}

/*@media (max-width: 767.98px) {
    #home #slide-hero .video-captions div {
        padding: 0 20px
    }
}*/

#home #slide-hero .video-captions div.active {
    opacity: 1;
    z-index: 2
}

#home #slide-hero h1 {
    font-family: "axia", sans-serif;
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: 0.75em;
    line-height: 1.5;
    margin-bottom: 0;
    padding-left: 0.75em
}

#home #slide-hero .copyright {
    position: absolute;
    bottom: 20px;
    left: 50px;
    z-index: 2;
    opacity: 0.6
}

@media (max-width: 767.98px) {
    #home #slide-hero .copyright {
        left: 20px
    }
}

#home #slide-hero .copyright span {
    font-family: "proxima-nova", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    color: #fff
}

#home #slide-hero .internet {
    position: absolute;
    bottom: 40px;
    left: 82px;
    z-index: 2;
    opacity: 0.6
}

@media (max-width: 767.98px) {
    #home #slide-hero .internet {
        left: 45px
    }
}

#home #slide-hero .internet span {
    font-family: "proxima-nova", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: #fff
}





#home #slide-sundance-square .dot-overlay {
    z-index: 4
}

#home #slide-sundance-square .slide-content {
    z-index: 3
}

#home #slide-sundance-square .slide-title {
    z-index: 4
}

#home #slide-sundance-square .square {
    position: relative;
    z-index: -1;
    width: 389px;
    height: 389px;
    box-shadow: 0px 0px 50px 15px rgba(0, 0, 0, 0.4);
    transform-style: preserve-3d;
    margin-top: -60px
}

@media (max-width: 991.98px) {
    #home #slide-sundance-square .square {
        width: 310px;
        height: 310px
    }
}

@media (max-width: 767.98px) {
    #home #slide-sundance-square .square {
        width: 247px;
        height: 247px
    }
}

@media (max-width: 575.98px) {
    #home #slide-sundance-square .square {
        width: 136px;
        height: 136px
    }
}

#home #slide-sundance-square .square img {
    position: absolute;
    max-width: none
}

#home #slide-sundance-square .square .square-text {
    transform: translateZ(20px)
}

#home #slide-sundance-square .entertain img {
    top: calc(50% - 226px);
    left: calc(50% - 363px);
    width: 752px;
    height: 421px
}

@media (max-width: 991.98px) {
    #home #slide-sundance-square .entertain img {
        top: calc(50% - 181px);
        left: calc(50% - 289px);
        width: 600px;
        height: 336px
    }
}

@media (max-width: 767.98px) {
    #home #slide-sundance-square .entertain img {
        top: calc(50% - 145px);
        left: calc(50% - 232px);
        width: 480px;
        height: 269px
    }
}

@media (max-width: 575.98px) {
    #home #slide-sundance-square .entertain img {
        top: calc(50% - 80px);
        left: calc(50% - 128px);
        width: 265px;
        height: 149px
    }
}

/*
.is-mobile #home #slide-granite-properties .bg-holder {
    background-image: url("../images/home-slides/granite-properties/bg-granite-properties-mobile.jpg")
}

.is-mobile #home #slide-bob-schieffer .bg-holder {
    background-image: url("../images/home-slides/bob-schieffer/bg-bob-schieffer-mobile.jpg")
}

@media (max-width: 991.98px) {
    #home #slide-three-nations .bg-holder {
        background-image: url("../images/home-slides/three-nations/bg-three-nations-mobile.jpg")
    }
    #home #slide-three-nations .bg-holder .plx-layer {
        display: none
    }
}
*/
#home #slide-bar-z-winery .bg-holder video.full-bg-vid {
    left: auto;
    right: 0;
    transform: translateY(-50%)
}
/*
.is-mobile #home #slide-bar-z-winery .bg-holder {
    background-image: url("../images/home-slides/bar-z/bg-bar-z-mobile.jpg")
}

.is-mobile #home #slide-rainforest .bg-holder {
    background-image: url("../images/home-slides/rainforest/bg-rainforest-mobile.jpg")
}

.is-mobile #home #slide-f1-consultancy .bg-holder {
    background-image: url("../images/home-slides/f1/bg-f1-mobile.jpg")
}

.is-mobile #home #slide-culture .bg-holder {
    background-image: url("../images/home-slides/culture/bg-culture-mobile.jpg")
}

.is-mobile #home #slide-leather-milk .bg-holder {
    background-image: url("../images/home-slides/leather-milk/bg-leather-milk-mobile.jpg")
}

.is-mobile #home #slide-fwmd .bg-holder {
    background-image: url("../images/home-slides/fwmd/bg-fwmd-mobile.jpg")
}

.is-mobile #home #slide-spacee .bg-holder {
    background-image: url("../images/home-slides/spacee/bg-spacee-mobile.jpg")
}

.is-mobile #home #slide-alliancetexas .bg-holder {
    background-image: url("../images/home-slides/spacee/bg-spacee-mobile.jpg")
}

@media (min-width: 992px) {
    #home #slide-luminary .bg-holder {
        background-image: url("../images/home-slides/luminary/bg-luminary.jpg")
    }
}

@media (max-width: 991.98px) {
    #home #slide-luminary .bg-holder {
        background-image: url("../images/home-slides/luminary/bg-luminary-mobile.jpg")
    }
}

.is-mobile #home #slide-city-center .bg-holder {
    background-image: url("../images/home-slides/city-center/bg-city-center-mobile.jpg")
}

.is-mobile #home #slide-bcg .bg-holder {
    background-image: url("../images/home-slides/bcg/bg-bcg-mobile.jpg")
}

@media (min-width: 992px) {
    #home #slide-liberty .bg-holder {
        background-image: url("../images/home-slides/liberty/bg-liberty.jpg")
    }
}

@media (max-width: 991.98px) {
    #home #slide-liberty .bg-holder {
        background-image: url("../images/home-slides/liberty/bg-liberty-mobile.jpg")
    }
}

@media (min-width: 992px) {
    #home #slide-tandy .bg-holder {
        background-image: url("../images/home-slides/tandy/bg-tandy.jpg")
    }
}

@media (max-width: 991.98px) {
    #home #slide-tandy .bg-holder {
        background-image: url("../images/home-slides/tandy/bg-tandy-mobile.jpg")
    }
}

.is-mobile #home #slide-bowie .bg-holder {
    background-image: url("../images/home-slides/bowie/bg-bowie-mobile.jpg")
}
*/

#works .audio-toggle {
    position: fixed;
    bottom: 15px;
    right: 50px;
    cursor: pointer;
    display: flex;
    z-index: 1
}

/*@media (max-width: 991.98px) {
    #works .audio-toggle {
        display: none
    }
}*/

#works .audio-toggle .wave-container {
    transform: translateY(10%)
}

#works .audio-toggle img {
    width: 100%;
    max-width: 45px
}

#works .audio-toggle .text {
    position: relative;
    height: 13px;
    margin-right: 10px
}

#works .audio-toggle .text span {
    color: #fff;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out
}

#works .audio-toggle .text span.active {
    opacity: 1;
    visibility: visible
}

#works .audio-toggle svg {
    width: 50px;
    height: 30px;
    padding: 0px;
    overflow: auto
}

#works .audio-toggle svg g {
    transform: translateY(50%)
}

#works .audio-toggle #wave,
#works .audio-toggle #waveoff {
    fill: none;
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #fff;
    opacity: 0;
    transition: all 2s ease-in-out
}

#works .audio-toggle #wave.active,
#works .audio-toggle #waveoff.active {
    opacity: 1
}



#about header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh
}

#about header .bg-holder {
    background: #171717 url("../images/about/about-header-bg.jpg") no-repeat top center/cover
}

#about header .bg-holder .vimeo-wrapper {
    z-index: 2
}

#about header .container {
    position: relative;
    z-index: 2
}

#about header h1 {
    margin-bottom: 0
}

#about header p {
    margin-bottom: 20px
}

#about .audio-toggle {
    position: fixed;
    bottom: 50px;
    right: 50px;
    cursor: pointer;
    display: flex
}

/*@media (max-width: 991.98px) {
    #about .audio-toggle {
        display: none
    }
}*/

#about .audio-toggle .wave-container {
    transform: translateY(10%)
}

#about .audio-toggle img {
    width: 100%;
    max-width: 45px
}

#about .audio-toggle .text {
    position: relative;
    height: 13px;
    margin-right: 10px
}

#about .audio-toggle .text span {
    color: #fff;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out
}

#about .audio-toggle .text span.active {
    opacity: 1;
    visibility: visible
}

#about .audio-toggle svg {
    width: 50px;
    height: 30px;
    padding: 0px;
    overflow: auto
}

#about .audio-toggle svg g {
    transform: translateY(50%)
}

#about .audio-toggle #wave,
#about .audio-toggle #waveoff {
    fill: none;
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #fff;
    opacity: 0;
    transition: all 2s ease-in-out
}

#about .audio-toggle #wave.active,
#about .audio-toggle #waveoff.active {
    opacity: 1
}

#about main {
    padding-top: 100vh;
    z-index: 3
}

#about .white-section,
#about .client-section {
    position: relative
}

@media (min-width: 768px) {
    #about .intro-content,
    #about .hq-intro {
        opacity: 0
    }
}

#about .header-tab-section .header-tab h2,
#about .hq-header h2 {
    position: relative
}

@media (min-width: 768px) {
    #about .header-tab-section .header-tab h2,
    #about .hq-header h2 {
        left: -100%;
        opacity: 0
    }
}

#about .team-grid {
    background-color: #171717
}

#about .team-grid .grid-header {
    padding: 0 20px
}

#about .team-grid .grid-header .black-content h3 {
    margin-bottom: 0
}

#about .team-grid .grid-item {
    background-color: #2a3336;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding-bottom: 29%;
    position: relative;
    overflow: hidden
}

@media (max-width: 991.98px) {
    #about .team-grid .grid-item {
        padding-bottom: 58%
    }
}

#about .team-grid .team-meta {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 80px 20px 20px;
    text-align: right;
    background: url("../images/about/bio-title-black-bg.png") no-repeat bottom right
}

@media (max-width: 575.98px) {
    #about .team-grid .team-meta {
        padding: 80px 20px 15px
    }
}

#about .team-grid .team-meta h2 {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1;
    color: #fff;
    margin-bottom: 8px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out
}

#about .team-grid .team-meta h3 {
    position: relative;
    right: -5px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
    transition-delay: 0s
}

#about .team-grid .team-img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #2a3336;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    transition: all 2s linear;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    overflow: hidden
}

#about .team-grid .team-img img {
    max-width: none;
    width: 100%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    transition: all 2s linear
}

#about .team-grid .join-outfit {
    background-image: url("../images/about/join-outfit.jpg")
}

#about .team-grid .join-outfit.wide-outfit {
    background-image: url("../images/about/join-outfit-wide.jpg") !important
}

#about .team-grid .join-outfit .outfit-info {
    max-width: 215px;
    padding: 20px;
    text-align: center
}

#about .team-grid .join-outfit h3 {
    color: rgba(255, 255, 255, 0.6)
}

#about .team-grid .join-outfit a {
    position: static;
    width: auto;
    height: auto;
    font-size: 1.4rem;
    font-style: italic;
    font-weight: 400;
    color: #fff
}

@media (max-width: 399px) {
    #about .team-grid .join-outfit a {
        font-size: 1.2rem
    }
}

#about .team-grid .join-outfit a:hover {
    color: rgba(255, 255, 255, 0.6)
}

#about .team-grid a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%
}

#about .team-grid a:before {
    display: none
}

#about .team-grid a:hover .team-img img {
    transform: scale(1.05)
}

#about .team-grid a:hover .team-meta {
    opacity: 1
}

#about .team-grid a:hover h2,
#about .team-grid a:hover h3 {
    opacity: 1;
    transform: translateY(0)
}

#about .team-grid a:hover h3 {
    transition-delay: 0.15s
}

#about .team-grid a.no-lightbox {
    cursor: default
}

#about .client-section {
    padding: 120px 0 75px;
    background-color: #171717;
    text-align: center
}

#about .client-section h2 {
    text-align: center;
    margin-bottom: 70px;
    padding-bottom: 70px
}

#about .client-section h2:after {
    left: 50%;
    margin-left: -30px
}

#about .client-section p {
    margin-bottom: 0
}

#about .client-section .logo-list img {
    opacity: 0
}

@media (max-width: 575.98px) {
    #about .client-section {
        padding: 80px 0px
    }
    #about .client-section h2 {
        margin-bottom: 0px;
        padding-bottom: 40px
    }
}

#about .about-slider-section {
    position: relative;
    z-index: 1;
    background-color: #171717
}

#about .about-slider .slider-item img {
    max-width: 100%;
    height: auto
}

#about .slider-meta {
    padding-top: 50px
}

#about .slider-meta span {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
    cursor: default
}

#about .slider-meta .slick-prev,
#about .slider-meta .slick-next {
    cursor: pointer;
    transition: color 0.3s ease-in-out
}

#about .slider-meta .slick-prev:hover,
#about .slider-meta .slick-next:hover {
    color: #fff
}

#about .slider-meta span+span {
    margin-left: 20px
}

#about .hidden {
    display: none
}

.fancybox-slide--html .fancy-box {
    padding: 0
}

.fancybox-slide--html .bio-fancy-container {
    height: 100%;
    display: -webkit-flex
}

@media (max-width: 991.98px) {
    .fancybox-slide--html .bio-fancy-container {
        justify-content: flex-end;
        -webkit-justify-content: flex-end
    }
}

.fancybox-slide--html .fancybox-button {
    position: fixed
}

.fancybox-slide--html .bio-content {
    position: relative;
    z-index: 2;
    align-self: flex-start;
    width: calc(100% / 3);
    min-height: 100%;
    padding: 150px 50px 50px;
    background-color: #fff
}

@media (max-width: 991.98px) {
    .fancybox-slide--html .bio-content {
        width: 100%;
        min-height: auto;
        padding-top: 50px
    }
}

@media (max-width: 767.98px) {
    .fancybox-slide--html .bio-content {
        padding: 50px 20px
    }
}

.fancybox-slide--html .bio-content h2 {
    color: #000;
    margin-bottom: 5px
}

.fancybox-slide--html .bio-content h3 {
    display: inline-block;
    position: relative;
    padding: 5px 0;
    margin-bottom: 40px
}

.fancybox-slide--html .bio-content p:last-child {
    margin-bottom: 0
}

.fancybox-slide--html .bio-nav {
    display: flex
}

.fancybox-slide--html .bio-nav span {
    display: inline-block;
    margin-bottom: 0;
    cursor: default;
    color: #000
}

.fancybox-slide--html .bio-nav span+span {
    margin-left: 20px
}

.fancybox-slide--html .bio-nav .prev,
.fancybox-slide--html .bio-nav .next {
    cursor: pointer
}

.fancybox-slide--html .bio-video {
    position: relative;
    width: calc((100% / 3) * 2);
    background-color: #171717
}

@media (max-width: 991.98px) {
    .fancybox-slide--html .bio-video {
        width: 100%;
        height: auto
    }
}

.fancybox-slide--html .bio-video .full-bg-vid.desktop {
    top: 0;
    transform: translate(-50%, 0)
}

.fancybox-slide--html .bio-video video.mobile {
    /*display: none;*/
    width: 100%;
    height: auto
}

@media (max-width: 991.98px) {
    .fancybox-slide--html .bio-video video.mobile {
        display: block
    }
}

.fancybox-slide--html .vimeo-wrapper {
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media (max-width: 991.98px) {
    .fancybox-slide--html .vimeo-wrapper {
        position: relative;
        display: none
    }
}

@media (max-width: 991.98px) {
    .fancybox-slide--html .vimeo-wrapper iframe {
        width: 100%;
        height: 100%;
        min-height: auto;
        min-width: 100%;
        top: 0;
        left: 0;
        transform: translate(0, 0)
    }
}

.fancybox-slide--html .vimeo-wrapper video.full-bg-vid {
    position: fixed
}
/*
@media (max-width: 991.98px) {
    .fancybox-slide--html .vimeo-wrapper video.desktop {
        display: none
    }
}

.fancybox-slide--html #brandon-content .vimeo-wrapper {
    background-image: url("../images/about/brandon-bowman-still.jpg")
}*/

.case-study header {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.case-study header .container {
    position: relative
}

.case-study main {
    padding-top: 100vh
}

.case-study .intro .row+.row {
    margin-top: 50px
}

.case-study .intro .container {
    opacity: 0
}

.case-study .intro h2 {
    position: relative;
    margin-bottom: 0
}

.case-study .intro h2:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    background: rgba(0, 0, 0, 0.3);
    margin: 25px 0
}

.case-study .intro .services h3 {
    margin-bottom: 15px
}

.case-study .intro .services ul {
    margin: 0;
    padding: 0
}

.case-study .intro .services li {
    list-style: none;
    line-height: 1.5;
    padding-left: 0
}

.case-study .intro .services li:before {
    display: none
}

.case-study .intro .services li+li {
    margin-top: 8px
}

@media (max-width: 991.98px) {
    .case-study .intro .services ul {
        margin-bottom: 35px
    }
    .case-study .intro .services>div:last-child ul {
        margin-bottom: 0
    }
}

.case-study .featured {
    position: relative;
    padding-bottom: 50%;
    background-color: #171717
}

@media (max-width: 575.98px) {
    .case-study .featured {
        padding-bottom: 100%
    }
}

.case-study .featured.parallax-bg {
    overflow: hidden;
    padding-bottom: 40%
}

.case-study .featured.parallax-bg .bg-holder {
    height: calc(100% + 75px)
}

.is-mobile .case-study .featured.parallax-bg .bg-holder {
    height: 100%
}

.case-study .featured.video {
    padding-bottom: 0
}

.case-study .featured.video video {
    width: 100%
}

.case-study .featured.video-lightbox:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/general/header-dot-bg.png") repeat
}

.case-study .featured.video-lightbox a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.case-study .featured.video-lightbox a:hover svg {
    opacity: 1
}

.case-study .featured.video-lightbox svg {
    width: 106px;
    height: 105px;
    opacity: 0.6;
    transition: opacity 0.3s ease-in-out
}

@media (max-width: 575.98px) {
    .case-study .featured.video-lightbox svg {
        width: 80px;
        height: 80px
    }
}

.case-study .featured.video-lightbox span {
    font-size: 1.4rem;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 0 20px;
    text-align: center
}

.case-study .featured.video-lightbox p {
    color: #fff;
    max-width: 700px;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 0 20px;
    text-align: center
}

.case-study .featured-two-column {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767.98px) {
    .case-study .featured-two-column {
        display: block
    }
}

.case-study .featured-two-column .left,
.case-study .featured-two-column .right {
    position: relative;
    width: 50%;
    padding-bottom: 44%
}

@media (max-width: 767.98px) {
    .case-study .featured-two-column .left,
    .case-study .featured-two-column .right {
        width: 100%;
        padding-bottom: 85%
    }
}

.case-study .featured-two-column .bg-holder:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 202px;
    background: url("../images/case-studies/caption-overlay.png") repeat-x
}

.case-study .featured-two-column .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 50px 30px;
    text-align: center
}

@media (max-width: 767.98px) {
    .case-study .featured-two-column .caption {
        padding: 0 20px 30px
    }
}

.case-study .featured-two-column .caption span {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0
}

.case-study .featured-two-column .caption .cap-desktop {
    display: block
}

.case-study .featured-two-column .caption .cap-mobile {
    display: none
}

.is-mobile .case-study .featured-two-column .caption .cap-desktop {
    display: none
}

.is-mobile .case-study .featured-two-column .caption .cap-mobile {
    display: block
}

.case-study .featured-two-column .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 100px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out
}

@media (max-width: 767.98px) {
    .case-study .featured-two-column .overlay {
        padding: 80px 20px
    }
}

.case-study .featured-two-column .overlay.show-overlay {
    opacity: 1;
    visibility: visible
}

.case-study .featured-two-column .overlay .content-container {
    max-width: 450px
}

.case-study .featured-two-column .overlay h2 {
    margin-bottom: 0
}

.case-study .featured-two-column .overlay h2:after {
    content: '';
    position: relative;
    display: block;
    width: 100px;
    height: 1px;
    background: rgba(0, 0, 0, 0.75);
    margin: 20px 0
}

.case-study .featured-two-column .overlay p {
    margin-bottom: 0
}

.is-not-mobile .case-study .featured-two-column .left:hover .overlay {
    opacity: 1;
    visibility: visible
}

.case-study .text-centered {
    padding: 120px 0;
    text-align: center
}

.case-study .text-centered>*:last-child {
    margin-bottom: 0
}

.case-study .text-centered h2 {
    position: relative;
    margin-bottom: 0
}

.case-study .text-centered h2:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    margin: 25px auto
}

.case-study .text-centered p {
    max-width: 850px;
    margin: 0 auto 35px
}

.case-study .text-centered.white-text h2,
.case-study .text-centered.white-text p {
    color: #fff
}

.case-study .text-centered.white-text h2:after {
    background: rgba(255, 255, 255, 0.6)
}

.case-study .text-centered.black-text h2 {
    color: #000
}

.case-study .text-centered.black-text h2:after {
    background: rgba(0, 0, 0, 0.3)
}

.case-study .text-centered.black-text p {
    color: #363839
}

.case-study .client {
    position: relative;
    overflow: hidden;
    background-color: #171717
}

.case-study .client .site-showcase {
    padding-bottom: 120px
}

@media (min-width: 992px) {
    .case-study .client .site-showcase .device-right,
    .case-study .client .site-showcase .device-left {
        display: flex;
        align-items: center
    }
    .case-study .client .site-showcase .device-right img,
    .case-study .client .site-showcase .device-left img {
        position: absolute
    }
}

.case-study .client .site-showcase .device-right img,
.case-study .client .site-showcase .device-left img {
    opacity: 0
}

.case-study .client .site-showcase .device-right {
    min-height: 520px;
    margin-bottom: 150px
}

@media (max-width: 1349px) {
    .case-study .client .site-showcase .device-right {
        min-height: 442px
    }
}

@media (max-width: 1199.98px) {
    .case-study .client .site-showcase .device-right {
        min-height: 345px
    }
}

@media (max-width: 1099px) {
    .case-study .client .site-showcase .device-right {
        min-height: 310px
    }
}

@media (max-width: 991.98px) {
    .case-study .client .site-showcase .device-right {
        min-height: initial;
        direction: rtl
    }
    .case-study .client .site-showcase .device-right p {
        direction: ltr
    }
}

.case-study .client .site-showcase .device-right img {
    right: 20px;
    transform: translateY(50px)
}

@media (max-width: 1349px) {
    .case-study .client .site-showcase .device-right img {
        max-width: 900px
    }
}

@media (max-width: 1199.98px) {
    .case-study .client .site-showcase .device-right img {
        max-width: 700px
    }
}

@media (max-width: 1099px) {
    .case-study .client .site-showcase .device-right img {
        max-width: 630px
    }
}

@media (max-width: 991.98px) {
    .case-study .client .site-showcase .device-right img {
        max-width: 117%
    }
}

.case-study .client .site-showcase .device-left {
    min-height: 577px
}

@media (max-width: 1199.98px) {
    .case-study .client .site-showcase .device-left {
        min-height: 456px
    }
}

@media (max-width: 1099px) {
    .case-study .client .site-showcase .device-left {
        min-height: 411px
    }
}

@media (max-width: 991.98px) {
    .case-study .client .site-showcase .device-left {
        min-height: initial
    }
}

.case-study .client .site-showcase .device-left img {
    left: 60px;
    transform: translateY(50px)
}

@media (max-width: 1349px) {
    .case-study .client .site-showcase .device-left img {
        left: 30px
    }
}

@media (max-width: 1199.98px) {
    .case-study .client .site-showcase .device-left img {
        max-width: 600px
    }
}

@media (max-width: 1099px) {
    .case-study .client .site-showcase .device-left img {
        max-width: 540px
    }
}

@media (max-width: 991.98px) {
    .case-study .client .site-showcase .device-left img {
        max-width: 103.5%
    }
}

.case-study .client .site-showcase .content {
    max-width: 390px;
    opacity: 0
}

@media (max-width: 991.98px) {
    .case-study .client .site-showcase .content {
        max-width: 450px;
        margin: 0 auto 60px;
        text-align: center
    }
}

.case-study .client .site-showcase .device-right .content {
    transform: translateX(-25%)
}

.case-study .client .site-showcase .device-left .content {
    transform: translateX(25%)
}

@media (min-width: 992px) {
    .case-study .client .site-showcase .device-left .content {
        margin: 0 0 0 auto;
        text-align: right
    }
    .case-study .client .site-showcase .device-left .content p:before {
        margin: 0 0 20px auto
    }
}

@media (max-width: 991.98px) {
    .case-study .client .site-showcase .device-left .content {
        margin-bottom: 20px
    }
}

.case-study .client .site-showcase .device-left .content .line-btn {
    margin-top: 15px
}

.case-study .client .site-showcase h3 {
    color: #fff
}

.case-study .client .site-showcase p {
    position: relative;
    color: #fff
}

.case-study .client .site-showcase p:before {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 0 20px
}

@media (max-width: 991.98px) {
    .case-study .client .site-showcase p:before {
        margin: 0 auto 20px
    }
}

.case-study .client .site-showcase p:last-child {
    margin-bottom: 0
}

.case-study .client .slick-prev svg path,
.case-study .client .slick-next svg path {
    fill: rgba(255, 255, 255, 0.75)
}

.case-study .client .slick-prev:hover svg path,
.case-study .client .slick-next:hover svg path {
    fill: #fff
}

.case-study .slick-prev,
.case-study .slick-next {
    font-size: 0;
    cursor: pointer;
    z-index: 1
}

.case-study .slick-prev svg,
.case-study .slick-next svg {
    width: 24px;
    height: 24px
}

.case-study .slick-prev svg path,
.case-study .slick-next svg path {
    fill: rgba(0, 0, 0, 0.75);
    transition: fill 0.3s ease-in-out
}

.case-study .slick-prev:hover svg path,
.case-study .slick-next:hover svg path {
    fill: #000
}

.case-study .slick-prev svg {
    transform: rotate(180deg)
}

.case-study .screenshots {
    display: flex;
    align-items: center;
    padding: 10px 10px 20px
}

.case-study .screenshots .front,
.case-study .screenshots .back {
    width: 50%
}

.case-study .screenshots .front {
    z-index: 1;
    margin-left: 7px
}

.case-study .screenshots .front img {
    margin-left: auto;
    box-shadow: 3px 4px 25px rgba(0, 0, 0, 0.2)
}

.case-study .screenshots .back {
    margin-left: -15px
}

.case-study .screenshots .back img {
    box-shadow: 0px 7px 25px rgba(0, 0, 0, 0.15)
}

.case-study .screenshots .image-stack img+img {
    margin-top: 30px
}

.case-study .graphic-container {
    position: relative;
    width: 100%;
    overflow: hidden
}

.case-study .graphic-container img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none
}

.case-study .gallery-grid {
    display: flex;
    flex-wrap: wrap
}

.case-study .gallery-grid .image {
    width: calc(100% / 3);
    padding-bottom: 24%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media (max-width: 991.98px) {
    .case-study .gallery-grid .image {
        width: 50%;
        padding-bottom: 35%
    }
}

@media (max-width: 399px) {
    .case-study .gallery-grid .image {
        width: 100%;
        padding-bottom: 72%
    }
}

.case-study .single-screenshot img {
    box-shadow: 3px 4px 25px rgba(0, 0, 0, 0.2);
    margin: 0 auto
}

.case-study .next-project {
    position: relative;
    padding: 100px 0;
    text-align: center;
    background-color: #171717
}

.case-study .next-project .bg-holder {
    opacity: 0;
    transition: opacity 0.3s ease-in-out
}

.case-study .next-project .container {
    position: relative;
    z-index: 1
}

.case-study .next-project a {
    color: #fff
}

.case-study .next-project a:hover .bg-holder {
    opacity: 1
}

.case-study .next-project h2 {
    margin-bottom: 0
}

.case-study .next-project h2 span {
    position: relative;
    color: #bbb;
    margin-bottom: 0
}

.case-study .next-project h2 span:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    margin: 20px auto
}

@media (max-width: 991.98px) {
    .case-study .next-project .bg-holder {
        opacity: 1
    }
}

#sundance-square.case-study header .bg-holder {
    background-image: url("../images/case-studies/oouuuppppssss.jpg")
}

#sundance-square.case-study .client .text-centered:first-child {
    padding-bottom: 130px
}

@media (max-width: 991.98px) {
    #sundance-square.case-study .client .text-centered:first-child {
        padding-bottom: 50px;
        padding-top: 80px
    }
}

#sundance-square.case-study .client .text-centered:first-child h2:after {
    display: none
}

#sundance-square.case-study .client .branding {
    padding-bottom: 120px;
    text-align: center
}

#sundance-square.case-study .client .branding .row div {
    opacity: 0
}

@media (max-width: 991.98px) {
    #sundance-square.case-study .client .branding div+div {
        margin-top: 60px
    }
}

#sundance-square.case-study .client .branding h3 {
    color: #fff
}

#sundance-square.case-study .client .branding img {
    margin: 0 auto
}

#sundance-square.case-study .gallery .text-centered {
    padding-top: 0;
    padding-bottom: 40px
}


#bob-schieffer.case-study .client #bob-stories img {
    margin: 60px auto 0;
    opacity: 0;
    transform: translateY(20px)
}

#bob-schieffer.case-study .professional-values .row>div {
    opacity: 0
}

@media (max-width: 991.98px) {
    #bob-schieffer.case-study .professional-values .content {
        margin-bottom: 40px
    }
}

#bob-schieffer.case-study .professional-values h2 {
    position: relative;
    margin-bottom: 0
}

#bob-schieffer.case-study .professional-values h2:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    background: rgba(0, 0, 0, 0.3);
    margin: 25px 0
}


#tcu-bscoc.case-study .client .departments {
    padding-top: 0
}

#tcu-bscoc.case-study .client .departments .departments-intro {
    opacity: 0;
    transform: translateY(50px)
}

#tcu-bscoc.case-study .client .departments .departments-slider-nav {
    max-width: 500px;
    margin: 100px auto 60px;
    text-align: center
}

@media (max-width: 767.98px) {
    #tcu-bscoc.case-study .client .departments .departments-slider-nav {
        margin-bottom: 20px
    }
    #tcu-bscoc.case-study .client .departments .departments-slider-nav .slick-track {
        display: flex;
        align-items: flex-end
    }
}

#tcu-bscoc.case-study .client .departments .departments-slider-nav .department-names {
    padding-bottom: 30px
}

#tcu-bscoc.case-study .client .departments .departments-slider-nav>span {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
    cursor: default
}

#tcu-bscoc.case-study .client .departments .departments-slider-nav span+span {
    margin-left: 20px
}

#tcu-bscoc.case-study .client .departments .departments-slider-nav .slick-prev,
#tcu-bscoc.case-study .client .departments .departments-slider-nav .slick-next {
    position: static;
    transition: color 0.3s ease-in-out;
    cursor: pointer
}

#tcu-bscoc.case-study .client .departments .departments-slider-nav .slick-prev:hover,
#tcu-bscoc.case-study .client .departments .departments-slider-nav .slick-next:hover {
    color: #fff
}

#tcu-bscoc.case-study .client .departments .departments-slider img {
    margin: 0 auto
}

#tcu-bscoc.case-study .wall-graphics {
    text-align: center
}

#tcu-bscoc.case-study .wall-graphics .wall-graphics-intro {
    opacity: 0;
    transform: translateY(50px)
}

#tcu-bscoc.case-study .wall-graphics .text-centered {
    padding-top: 0
}

#tcu-bscoc.case-study .graphic-container {
    height: 500px;
    z-index: 2
}

@media (max-width: 767.98px) {
    #tcu-bscoc.case-study .graphic-container {
        height: 250px
    }
}

@media (max-width: 767.98px) {
    #tcu-bscoc.case-study .graphic-container .desktop {
        display: none;
        visibility: hidden
    }
}

#tcu-bscoc.case-study .graphic-container .mobile {
    display: none;
    visibility: hidden
}

@media (min-width: 768px) {
    #tcu-bscoc.case-study .graphic-container .mobile {
        display: block;
        visibility: visible
    }
}

#three-nations.case-study .featured-two-column {
    background-color: #171717
}

#three-nations.case-study .featured-two-column>div {
    opacity: 0
}


#three-nations.case-study .client-intro {
    opacity: 0;
    transform: translateY(50px)
}

#three-nations.case-study .brand {
    text-align: center
}

#three-nations.case-study .brand h3 {
    color: #fff
}

#three-nations.case-study .brand-statements-wrapper {
    opacity: 0;
    transform: translateY(50px)
}

#three-nations.case-study .brand-statements p {
    color: #fff;
    max-width: 900px;
    margin: 0 auto 25px
}

#three-nations.case-study .brand-statements p:last-child {
    margin-bottom: 0
}

#three-nations.case-study .brand-statements-slider-nav {
    margin-top: 40px
}

#three-nations.case-study .brand-statements-slider-nav span {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
    cursor: default
}

#three-nations.case-study .brand-statements-slider-nav .slick-prev,
#three-nations.case-study .brand-statements-slider-nav .slick-next {
    cursor: pointer;
    transition: color 0.3s ease-in-out
}

#three-nations.case-study .brand-statements-slider-nav .slick-prev:hover,
#three-nations.case-study .brand-statements-slider-nav .slick-next:hover {
    color: #fff
}

#three-nations.case-study .brand-statements-slider-nav span+span {
    margin-left: 20px
}

#three-nations.case-study .tagline {
    margin-top: 120px;
    opacity: 0;
    transform: translateY(50px)
}

#three-nations.case-study .tagline img {
    margin: 35px auto 0
}

#three-nations.case-study .wraps {
    margin-top: 120px
}

#three-nations.case-study .wraps .graphics {
    max-width: 1050px;
    margin: 40px auto 0
}

#three-nations.case-study .wraps img {
    opacity: 0
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #three-nations.case-study .wraps img {
        width: 100%;
        max-width: 270px
    }
}

@media (max-width: 991.98px) {
    #three-nations.case-study .wraps img:last-child {
        margin-top: 35px
    }
}

@media (max-width: 767.98px) {
    #three-nations.case-study .wraps img:nth-child(2) {
        margin-top: 35px
    }
}

#three-nations.case-study .site-showcase-title {
    padding-top: 180px;
    padding-bottom: 130px
}

@media (max-width: 991.98px) {
    #three-nations.case-study .site-showcase-title {
        padding-bottom: 50px
    }
}

#three-nations.case-study .site-showcase-title h2:after {
    display: none
}

#three-nations.case-study .post-launch .text-centered {
    padding-top: 0
}

#luminary.case-study .featured-two-column {
    background-color: #171717
}

#luminary.case-study .featured-two-column>div {
    opacity: 0
}

#luminary.case-study .client-intro {
    opacity: 0;
    transform: translateY(50px)
}

#luminary.case-study .brand {
    text-align: center
}

#luminary.case-study .brand h3 {
    color: #fff
}

#luminary.case-study .tagline {
    opacity: 0;
    transform: translateY(50px)
}

#luminary.case-study .tagline img {
    margin: 35px auto 0
}

#luminary.case-study .statement {
    margin-top: 120px;
    opacity: 0;
    transform: translateY(50px)
}

#luminary.case-study .statement p {
    color: #fff;
    max-width: 900px;
    margin: 0 auto 25px
}

#luminary.case-study .statement p:last-child {
    margin-bottom: 0
}

#luminary.case-study .site-showcase-title {
    padding-top: 180px;
    padding-bottom: 130px
}

@media (max-width: 991.98px) {
    #luminary.case-study .site-showcase-title {
        padding-bottom: 50px
    }
}

#luminary.case-study .site-showcase-title h2:after {
    display: none
}

#luminary.case-study .environmental-design {
    text-align: center
}

#luminary.case-study .environmental-design .text-centered {
    padding-top: 0;
    opacity: 0;
    transform: translateY(50px)
}

#luminary.case-study .graphic-container {
    height: 503px;
    z-index: 2
}

#hillwood-communities.case-study .featured.video-lightbox span {
    max-width: 320px
}

#hillwood-communities.case-study .client .text-centered {
    padding-bottom: 130px
}

@media (max-width: 991.98px) {
    #hillwood-communities.case-study .client .text-centered {
        padding-bottom: 50px
    }
}

#hillwood-communities.case-study .client .text-centered h2:after {
    display: none
}

#hillwood-communities.case-study .communities {
    overflow: hidden
}

#hillwood-communities.case-study .communities .text-centered {
    padding-top: 0;
    opacity: 0;
    transform: translateY(50px)
}

#hillwood-communities.case-study .communities .community-names {
    text-align: center;
    padding-bottom: 30px
}

#hillwood-communities.case-study .communities .community-names .slick-track {
    display: flex;
    align-items: center
}

#hillwood-communities.case-study .communities .logo #pomona {
    width: 245px;
    height: 33px
}

#hillwood-communities.case-study .communities .logo #harvest {
    width: 175px;
    height: 45px
}

#hillwood-communities.case-study .communities .logo #wolf-ranch {
    width: 300px;
    height: 33px
}

#hillwood-communities.case-study .communities .communities-slider-nav {
    margin-bottom: 60px;
    text-align: center
}

#hillwood-communities.case-study .communities .communities-slider-nav>span {
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 0;
    cursor: default
}

#hillwood-communities.case-study .communities .communities-slider-nav span+span {
    margin-left: 20px
}

#hillwood-communities.case-study .communities .communities-slider-nav .slick-prev,
#hillwood-communities.case-study .communities .communities-slider-nav .slick-next {
    position: static;
    transition: color 0.3s ease-in-out;
    cursor: pointer
}

#hillwood-communities.case-study .communities .communities-slider-nav .slick-prev:hover,
#hillwood-communities.case-study .communities .communities-slider-nav .slick-next:hover {
    color: #000
}

#hillwood-communities.case-study .communities .communities-slider-nav .slick-prev {
    right: calc(50% + 15px)
}

#hillwood-communities.case-study .communities .communities-slider-nav .slick-next {
    left: calc(50% + 15px)
}



#fwmd.case-study .client .text-centered {
    padding-bottom: 130px
}

@media (max-width: 991.98px) {
    #fwmd.case-study .client .text-centered {
        padding-bottom: 50px
    }
}

#fwmd.case-study .client .text-centered h2:after {
    display: none
}

#fwmd.case-study .impact .text-centered {
    padding-top: 0;
    opacity: 0;
    transform: translateY(50px)
}

#fwmd.case-study .impact .text-centered>*:last-child:after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: rgba(23, 23, 23, 0.5);
    margin: 30px auto 0
}



#alliancetexas.case-study .client .text-centered {
    padding-bottom: 130px
}

@media (max-width: 991.98px) {
    #alliancetexas.case-study .client .text-centered {
        padding-bottom: 50px
    }
}

#alliancetexas.case-study .client .text-centered h2:after {
    display: none
}

#alliancetexas.case-study .framework .text-centered {
    padding-top: 0;
    padding-bottom: 60px;
    opacity: 0;
    transform: translateY(50px)
}

@media (max-width: 991.98px) {
    #alliancetexas.case-study .framework .text-centered {
        padding-bottom: 50px
    }
}

#alliancetexas.case-study .framework .text-centered p:last-child:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    background: rgba(0, 0, 0, 0.3);
    margin: 25px auto 0
}

#alliancetexas.case-study .highlight {
    padding-top: 0
}

#alliancetexas.case-study .highlight .text-centered {
    padding-top: 0;
    padding-bottom: 80px;
    opacity: 0;
    transform: translateY(50px)
}

@media (max-width: 991.98px) {
    #alliancetexas.case-study .highlight .text-centered {
        padding-bottom: 50px
    }
}

@media (max-width: 767.98px) {
    #alliance-airshow.case-study header p br {
        display: none
    }
}

#alliance-airshow.case-study .client #showcase-top img {
    margin: 60px auto 0;
    opacity: 0;
    transform: translateY(20px)
}

#alliance-airshow.case-study .client #showcase-top h2:after {
    display: none
}

@media (max-width: 1199.98px) {
    #alliance-airshow.case-study .client .site-showcase .device-right img {
        max-width: 625px
    }
}

@media (max-width: 991.98px) {
    #alliance-airshow.case-study .client .site-showcase .device-right img {
        margin: 0 75px
    }
}

@media (max-width: 767px) {
    #alliance-airshow.case-study .client .site-showcase .device-right img {
        margin: 0 -16px
    }
}

@media (max-width: 500px) {
    #alliance-airshow.case-study .client .site-showcase .device-right img {
        margin: 0 60px;
        max-width: 400px
    }
}

@media (max-width: 400px) {
    #alliance-airshow.case-study .client .site-showcase .device-right img {
        margin: 0 5px;
        max-width: 100%
    }
}

#alliance-airshow.case-study .client .site-showcase .device-right h2 {
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.5rem
}

#alliance-airshow.case-study .client .site-showcase .device-left img {
    left: 30px
}

@media (max-width: 1500px) {
    #alliance-airshow.case-study .client .site-showcase .device-left img {
        max-width: 900px
    }
}

@media (max-width: 1300px) {
    #alliance-airshow.case-study .client .site-showcase .device-left img {
        max-width: 800px
    }
}

@media (max-width: 1199px) {
    #alliance-airshow.case-study .client .site-showcase .device-left img {
        max-width: 600px
    }
}

@media (max-width: 1150px) {
    #alliance-airshow.case-study .client .site-showcase .device-left img {
        max-width: 500px
    }
}

@media (max-width: 991.98px) {
    #alliance-airshow.case-study .client .site-showcase .device-left img {
        max-width: 100%
    }
}

@media (max-width: 500px) {
    #alliance-airshow.case-study .client .site-showcase .device-left img {
        max-width: 100%
    }
}

#alliance-airshow.case-study .client .site-showcase .device-left h2 {
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.5rem
}

#alliance-airshow.case-study .white-section .container .text-centered p:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    margin: 25px auto;
    background: rgba(0, 0, 0, 0.5)
}

#alliance-airshow.case-study .white-section .container .alliance-highlight h2:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    margin: 25px auto;
    background: rgba(0, 0, 0, 0.5)
}

#alliance-airshow.case-study .white-section .container .alliance-highlight p:after {
    display: none
}

#alliance-airshow.case-study .white-section .container .screenshots iframe {
    border: 1px solid black;
    width: 100%
}


#city-center.case-study .featured.video {
    font-size: 0
}

#city-center.case-study .featured-two-column .left {
    background-color: #0c2a39
}

#city-center.case-study .featured-two-column .left .bg-holder:after {
    display: none
}



#city-center.case-study .client-intro {
    padding-bottom: 0
}

#city-center.case-study .client-intro p {
    max-width: 800px
}

#city-center.case-study .site-showcase-title {
    padding-top: 180px;
    padding-bottom: 130px
}

@media (max-width: 991.98px) {
    #city-center.case-study .site-showcase-title {
        padding-bottom: 50px
    }
}

#city-center.case-study .site-showcase-title h2:after {
    display: none
}

#city-center.case-study .site-showcase .device-right .content {
    max-width: 360px
}

#city-center.case-study .framework .text-centered {
    padding-top: 0;
    padding-bottom: 60px;
    opacity: 0;
    transform: translateY(50px)
}

@media (max-width: 991.98px) {
    #city-center.case-study .framework .text-centered {
        padding-bottom: 50px
    }
}

#city-center.case-study .framework .text-centered p {
    max-width: 800px
}

#city-center.case-study .framework .text-centered p:last-child:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    background: rgba(0, 0, 0, 0.3);
    margin: 25px auto 0
}

#city-center.case-study .perspective {
    padding-top: 0
}

#city-center.case-study .perspective .text-centered {
    padding-top: 0
}

#bcg.case-study .details h2:not(:first-child) {
    margin-top: 80px
}

#bcg.case-study .video-lightbox {
    position: relative
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #bcg.case-study .video-lightbox {
        height: 0;
        padding-bottom: 100%
    }
}

@media (max-width: 575.98px) {
    #bcg.case-study .video-lightbox {
        height: 500px
    }
}

#bcg.case-study .video-lightbox:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/general/header-dot-bg.png") repeat
}

#bcg.case-study .video-lightbox a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media (max-width: 767.98px) {
    #bcg.case-study .video-lightbox a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden
    }
}

#bcg.case-study .video-lightbox a:hover svg {
    opacity: 1
}

@media (max-width: 767.98px) {
    #bcg.case-study .video-lightbox img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        max-height: 500px
    }
}

#bcg.case-study .video-lightbox .overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#bcg.case-study .video-lightbox svg {
    width: 106px;
    height: 105px;
    opacity: 0.6;
    transition: opacity 0.3s ease-in-out
}

@media (max-width: 575.98px) {
    #bcg.case-study .video-lightbox svg {
        width: 80px;
        height: 80px
    }
}

#bcg.case-study .video-lightbox span {
    font-size: 1.4rem;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 0 20px;
    text-align: center
}

#bcg.case-study .video-lightbox p {
    color: #fff;
    max-width: 700px;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 0 20px;
    text-align: center
}

#bcg.case-study .outcome {
    padding-top: 0
}

#bcg.case-study .outcome h2:after {
    background-color: #171717
}

#granite-properties.case-study .client #web-refresh img {
    margin: 60px auto 0;
    opacity: 0;
    transform: translateY(20px)
}

#granite-properties.case-study .site-showcase h2 {
    text-align: center;
    color: white;
    margin-bottom: 50px
}

#granite-properties.case-study .granite-screenshots {
    padding: 120px 0
}

#granite-properties.case-study .granite-screenshots p {
    margin-bottom: 75px !important
}

#granite-properties.case-study .granite-screenshots p:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    background: rgba(0, 0, 0, 0.5);
    margin: 20px auto
}

#granite-properties.case-study .granite-screenshots img {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2)
}

#granite-properties.case-study .granite-screenshots .front {
    margin-left: auto;
    position: relative;
    transform: translateX(10px);
    z-index: 1
}

#granite-properties.case-study .granite-screenshots .back {
    margin-right: auto;
    position: relative;
    transform: translateX(-10px)
}

#granite-properties.case-study .gallery .text-centered {
    padding-top: 0;
    padding-bottom: 40px
}

@media (max-width: 767.98px) {
    #bowie.case-study header p br {
        display: none
    }
}

#bowie.case-study .client #showcase-top img {
    margin: 60px auto 0;
    opacity: 0;
    transform: translateY(20px)
}

#bowie.case-study .client #showcase-top h2:after {
    display: none
}

@media (max-width: 1199.98px) {
    #bowie.case-study .client .site-showcase .device-right img {
        max-width: 625px
    }
}

@media (max-width: 991.98px) {
    #bowie.case-study .client .site-showcase .device-right img {
        margin: 0 75px
    }
}

@media (max-width: 767px) {
    #bowie.case-study .client .site-showcase .device-right img {
        margin: 0 -16px
    }
}

@media (max-width: 500px) {
    #bowie.case-study .client .site-showcase .device-right img {
        margin: 0 60px;
        max-width: 400px
    }
}

@media (max-width: 400px) {
    #bowie.case-study .client .site-showcase .device-right img {
        margin: 0 5px;
        max-width: 100%
    }
}

#bowie.case-study .client .site-showcase .device-right h2 {
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.5rem
}

#bowie.case-study .client .site-showcase .device-left img {
    left: 30px
}

@media (max-width: 1500px) {
    #bowie.case-study .client .site-showcase .device-left img {
        max-width: 900px
    }
}

@media (max-width: 1300px) {
    #bowie.case-study .client .site-showcase .device-left img {
        max-width: 800px
    }
}

@media (max-width: 1199px) {
    #bowie.case-study .client .site-showcase .device-left img {
        max-width: 600px
    }
}

@media (max-width: 1150px) {
    #bowie.case-study .client .site-showcase .device-left img {
        max-width: 500px
    }
}

@media (max-width: 991.98px) {
    #bowie.case-study .client .site-showcase .device-left img {
        max-width: 100%
    }
}

@media (max-width: 500px) {
    #bowie.case-study .client .site-showcase .device-left img {
        max-width: 100%
    }
}

#bowie.case-study .client .site-showcase .device-left h2 {
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.5rem
}

#bowie.case-study .white-section .container .text-centered p:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    margin: 25px auto;
    background: rgba(0, 0, 0, 0.5)
}

#bowie.case-study .white-section .container .bowie-highlight h2:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    margin: 25px auto;
    background: rgba(0, 0, 0, 0.5)
}

#bowie.case-study .white-section .container .bowie-highlight p:after {
    display: none
}

#bowie.case-study .white-section .container .screenshots iframe {
    border: 1px solid black;
    width: 100%
}

#bowie.case-study .white-section .container .screenshots .front {
    z-index: 0 !important
}

@media (max-width: 767.98px) {
    #tandy.case-study header p br {
        display: none
    }
}


#tandy.case-study .intro {
    padding: 120px 0 0
}

#tandy.case-study .featured {
    padding-bottom: unset;
    background-color: #fff
}

#tandy.case-study .featured h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    color: white;
    transform: translate(-50%, 50%);
    width: 85%;
    text-align: center
}

#tandy.case-study .featured img {
    width: 100%
}

#tandy.case-study .client .text-centered {
    padding: 60px 0 120px 0
}

#tandy.case-study .client #showcase-top img {
    margin: 60px auto 0;
    opacity: 0;
    transform: translateY(20px)
}

#tandy.case-study .client #showcase-top h2:after {
    display: none
}

@media (max-width: 1199.98px) {
    #tandy.case-study .client .site-showcase .device-right img {
        max-width: 625px
    }
}

@media (max-width: 991.98px) {
    #tandy.case-study .client .site-showcase .device-right img {
        margin: 0 75px
    }
}

@media (max-width: 767px) {
    #tandy.case-study .client .site-showcase .device-right img {
        margin: 0 -16px
    }
}

@media (max-width: 500px) {
    #tandy.case-study .client .site-showcase .device-right img {
        margin: 0 60px;
        max-width: 400px
    }
}

@media (max-width: 400px) {
    #tandy.case-study .client .site-showcase .device-right img {
        margin: 0 5px;
        max-width: 100%
    }
}

#tandy.case-study .client .site-showcase .device-right h2 {
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.5rem
}

#tandy.case-study .client .site-showcase .device-left img {
    left: 30px
}

@media (max-width: 1500px) {
    #tandy.case-study .client .site-showcase .device-left img {
        max-width: 900px
    }
}

@media (max-width: 1300px) {
    #tandy.case-study .client .site-showcase .device-left img {
        max-width: 800px
    }
}

@media (max-width: 1199px) {
    #tandy.case-study .client .site-showcase .device-left img {
        max-width: 600px
    }
}

@media (max-width: 1150px) {
    #tandy.case-study .client .site-showcase .device-left img {
        max-width: 500px
    }
}

@media (max-width: 991.98px) {
    #tandy.case-study .client .site-showcase .device-left img {
        max-width: 100%
    }
}

@media (max-width: 500px) {
    #tandy.case-study .client .site-showcase .device-left img {
        max-width: 100%
    }
}

#tandy.case-study .client .site-showcase .device-left h2 {
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.5rem
}

#tandy.case-study .white-section .container .text-centered p:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    margin: 25px auto;
    background: rgba(0, 0, 0, 0.5)
}

#tandy.case-study .white-section .container .text-centered h2 span.first-half {
    color: #808080
}

#tandy.case-study .white-section .container .text-centered h2:after {
    background: unset
}

#tandy.case-study .white-section .container .alliance-highlight h2:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    margin: 25px auto;
    background: rgba(0, 0, 0, 0.5)
}

#tandy.case-study .white-section .container .alliance-highlight p:after {
    display: none
}

#tandy.case-study .white-section .container .screenshots iframe {
    border: 1px solid black;
    width: 100%
}

#tandy.case-study .social-media {
    background: #1b1b1b
}

#tandy.case-study .social-media .text-centered {
    opacity: 0
}

#tandy.case-study .social-media .row {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#tandy.case-study .social-media .row img {
    opacity: 0;
    margin-left: auto;
    margin-right: auto
}



@media (max-width: 767.98px) {
    #ross-perot.case-study header p br {
        display: none
    }
}


#ross-perot.case-study .celebrating {
    position: relative
}



#ross-perot.case-study .celebrating .text-centered {
    padding: 150px 0
}

#ross-perot.case-study .celebrating .text-centered h2:after {
    color: #171717
}

#ross-perot.case-study .celebrating .text-centered p {
    color: #171717;
    position: relative
}

#ross-perot.case-study .client #showcase-top img {
    margin: 60px auto 0;
    opacity: 0;
    transform: translateY(20px)
}

#ross-perot.case-study .client #showcase-top h2:after {
    display: none
}

@media (max-width: 1199.98px) {
    #ross-perot.case-study .client .site-showcase .device-right img {
        max-width: 625px
    }
}

@media (max-width: 991.98px) {
    #ross-perot.case-study .client .site-showcase .device-right img {
        margin: 0 75px
    }
}

@media (max-width: 767px) {
    #ross-perot.case-study .client .site-showcase .device-right img {
        margin: 0 -16px
    }
}

@media (max-width: 500px) {
    #ross-perot.case-study .client .site-showcase .device-right img {
        margin: 0 60px;
        max-width: 400px
    }
}

@media (max-width: 400px) {
    #ross-perot.case-study .client .site-showcase .device-right img {
        margin: 0 5px;
        max-width: 100%
    }
}

#ross-perot.case-study .client .site-showcase .device-right h2 {
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.5rem
}

#ross-perot.case-study .client .site-showcase .device-left img {
    left: 30px
}

@media (max-width: 1500px) {
    #ross-perot.case-study .client .site-showcase .device-left img {
        max-width: 900px
    }
}

@media (max-width: 1300px) {
    #ross-perot.case-study .client .site-showcase .device-left img {
        max-width: 800px
    }
}

@media (max-width: 1199px) {
    #ross-perot.case-study .client .site-showcase .device-left img {
        max-width: 600px
    }
}

@media (max-width: 1150px) {
    #ross-perot.case-study .client .site-showcase .device-left img {
        max-width: 500px
    }
}

@media (max-width: 991.98px) {
    #ross-perot.case-study .client .site-showcase .device-left img {
        max-width: 100%
    }
}

@media (max-width: 500px) {
    #ross-perot.case-study .client .site-showcase .device-left img {
        max-width: 100%
    }
}

#ross-perot.case-study .client .site-showcase .device-left h2 {
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.5rem
}

#ross-perot.case-study .white-section .container .text-centered p:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    margin: 25px auto;
    background: rgba(0, 0, 0, 0.5)
}

#ross-perot.case-study .white-section .container .alliance-highlight h2:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    margin: 25px auto;
    background: rgba(0, 0, 0, 0.5)
}

#ross-perot.case-study .white-section .container .alliance-highlight p:after {
    display: none
}

#ross-perot.case-study .white-section .container .screenshots iframe {
    border: 1px solid black;
    width: 100%
}

#ross-perot.case-study .memories {
    background: #fff
}

#ross-perot.case-study .memories .text-centered {
    padding-top: 0
}

#ross-perot.case-study .featured-quotes {
    background-color: #102548;
    position: relative
}

#ross-perot.case-study .featured-quotes h2 {
    color: #d6ae75;
    padding: 120px 0 30px;
    text-align: center;
    font-family: auto;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 20px
}

#ross-perot.case-study .featured-quotes .single-quote p {
    color: white !important;
    text-align: center;
    max-width: 850px;
    line-height: 1.5;
    font-size: 22px;
    font-family: auto;
    margin: 60px 0;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 812px) {
    #ross-perot.case-study .featured-quotes .single-quote p {
        margin: 60px 30px
    }
}

#ross-perot.case-study .featured-quotes .quotes-arrows {
    position: absolute;
    top: 0;
    height: 100%;
    width: -webkit-fill-available;
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin: 0 60px
}

@media (max-width: 812px) {
    #ross-perot.case-study .featured-quotes .quotes-arrows {
        position: relative
    }
}

#ross-perot.case-study .featured-quotes .nav-quotes .slick-dots {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: unset;
    padding: 60px 0
}

#ross-perot.case-study .featured-quotes .nav-quotes .slick-dots li {
    padding: unset !important
}

#ross-perot.case-study .featured-quotes .nav-quotes .slick-dots li.slick-active button {
    opacity: 1
}

#ross-perot.case-study .featured-quotes .nav-quotes .slick-dots li.slick-active button h2 {
    color: #d6ae75
}

#ross-perot.case-study .featured-quotes .nav-quotes .slick-dots li.slick-active button img {
    opacity: 1
}

#ross-perot.case-study .featured-quotes .nav-quotes .slick-dots li:before {
    content: unset
}

#ross-perot.case-study .featured-quotes .nav-quotes .slick-dots li button {
    border: unset;
    opacity: 0.5;
    transition: opacity 0.2s linear;
    padding: 0 15px
}

#ross-perot.case-study .featured-quotes .nav-quotes .slick-dots li button h2 {
    color: white;
    padding: unset;
    margin: unset;
    text-transform: capitalize;
    font-style: italic;
    font-size: 1.5rem;
    font-family: "proxima-nova", sans-serif
}

#ross-perot.case-study .featured-quotes .nav-quotes .slick-dots li button h1 {
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 1.5rem
}

#ross-perot.case-study .featured-quotes .nav-quotes .slick-dots li button img {
    opacity: 0;
    margin-left: auto;
    margin-right: auto;
    transition: opacity 0.2s linear
}

#ross-perot.case-study .featured-quotes .nav-quotes .slick-dots li button:hover {
    background: transparent;
    opacity: 1
}

#ross-perot.case-study .featured-quotes .nav-quotes .slick-dots li button:hover h2 {
    color: #d6ae75
}



@media (max-width: 767.98px) {
    #liberty.case-study header p br {
        display: none
    }
}


#liberty.case-study .featured.video video {
    max-height: 680px;
    -o-object-fit: cover;
    object-fit: cover
}

#liberty.case-study .client #showcase-top img {
    margin: 60px auto 0;
    opacity: 0;
    transform: translateY(20px)
}

#liberty.case-study .client #showcase-top h2:after {
    display: none
}

#liberty.case-study .client .site-showcase .device-right {
    justify-content: space-around;
    margin-bottom: unset
}

#liberty.case-study .client .site-showcase .device-right img {
    position: relative;
    right: unset !important;
    transform: unset !important;
    width: 100%
}

@media (max-width: 1199.98px) {
    #liberty.case-study .client .site-showcase .device-right img {
        max-width: 625px
    }
}

@media (max-width: 991.98px) {
    #liberty.case-study .client .site-showcase .device-right img {
        margin: 0 75px
    }
}

@media (max-width: 767px) {
    #liberty.case-study .client .site-showcase .device-right img {
        margin: 0 -16px
    }
}

@media (max-width: 500px) {
    #liberty.case-study .client .site-showcase .device-right img {
        margin: 0 60px;
        max-width: 400px
    }
}

@media (max-width: 400px) {
    #liberty.case-study .client .site-showcase .device-right img {
        margin: 0 5px;
        max-width: 100%
    }
}

#liberty.case-study .client .site-showcase .device-right h2 {
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.5rem
}

#liberty.case-study .client .site-showcase .device-left img {
    left: 30px
}

@media (max-width: 1500px) {
    #liberty.case-study .client .site-showcase .device-left img {
        max-width: 900px
    }
}

@media (max-width: 1300px) {
    #liberty.case-study .client .site-showcase .device-left img {
        max-width: 800px
    }
}

@media (max-width: 1199px) {
    #liberty.case-study .client .site-showcase .device-left img {
        max-width: 600px
    }
}

@media (max-width: 1150px) {
    #liberty.case-study .client .site-showcase .device-left img {
        max-width: 500px
    }
}

@media (max-width: 991.98px) {
    #liberty.case-study .client .site-showcase .device-left img {
        max-width: 100%
    }
}

@media (max-width: 500px) {
    #liberty.case-study .client .site-showcase .device-left img {
        max-width: 100%
    }
}

#liberty.case-study .client .site-showcase .device-left h2 {
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.5rem
}

#liberty.case-study .client .content-slider .content {
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#liberty.case-study .client .content-slider .content p {
    color: white
}

#liberty.case-study .client .content-slider .content p:before {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 0 20px
}

#liberty.case-study .client .content-slider .video-slider-wrapper img {
    margin-left: auto;
    margin-right: auto
}

#liberty.case-study .client .social-grid {
    padding-bottom: unset
}

#liberty.case-study .client .social-grid img {
    opacity: 0;
    transform: translateY(150px)
}

#liberty.case-study .client.alt {
    background-color: white
}

#liberty.case-study .client.alt .site-showcase .device-left .content p {
    color: black
}

#liberty.case-study .client.alt .site-showcase .device-left .content p:before {
    background: rgba(0, 0, 0, 0.5)
}

#liberty.case-study .client.alt .site-showcase .device-left .content a {
    color: black
}

#liberty.case-study .client.alt .site-showcase .device-left .content a:before {
    border-color: black
}

#liberty.case-study .client.alt .site-showcase .device-left .content a:after {
    background-color: black
}

#liberty.case-study .client .text-carousel-nav {
    color: white;
    cursor: pointer;
    text-align: center
}

#liberty.case-study .client .text-carousel-nav .slick-prev,
#liberty.case-study .client .text-carousel-nav .slick-next {
    font-size: inherit !important;
    color: white !important
}

#liberty.case-study .white-section .container .text-centered p:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    margin: 25px auto;
    background: rgba(0, 0, 0, 0.5)
}

#liberty.case-study .white-section .container .bowie-highlight h2:after {
    content: '';
    position: relative;
    display: block;
    width: 45px;
    height: 1px;
    margin: 25px auto;
    background: rgba(0, 0, 0, 0.5)
}

#liberty.case-study .white-section .container .bowie-highlight p:after {
    display: none
}

#liberty.case-study .white-section .container .screenshots iframe {
    border: 1px solid black;
    width: 100%
}

#liberty.case-study .white-section .container .screenshots .front {
    z-index: 0 !important
}

#liberty.case-study .text-carousel {
    margin-bottom: 20px
}

#liberty.case-study .text-carousel .text-item {
    font-weight: 900;
    font-stretch: expanded;
    font-size: 5rem;
    font-family: "titling-gothic-fb", sans-serif;
    letter-spacing: 0px
}

#liberty.case-study .gallery .text-centered {
    padding-top: 0;
    padding-bottom: 100px
}

#liberty.case-study .gallery .text-centered p:after {
    content: unset !important
}

.project header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    min-height: 500px
}

.project header .container {
    z-index: 1
}

.project header h1 {
    margin-bottom: 0
}

.project header p {
    margin-bottom: 20px
}

.project main {
    padding-top: 500px
}

.project .white-section {
    position: relative;
    padding-bottom: 250px
}

@media (max-width: 767.98px) {
    .project .white-section {
        padding-bottom: 120px
    }
}

.project .white-section .container {
    opacity: 0
}

.project h2 {
    color: #363839;
    margin-bottom: 20px
}

.project h3 {
    position: relative;
    color: #000;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.project h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 1px;
    background: rgba(149, 149, 149, 0.5)
}

.project .column-line-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 1300px
}

@media (max-width: 1199.98px) {
    .project .column-line-container {
        max-width: 960px
    }
}

@media (max-width: 991.98px) {
    .project .column-line-container {
        max-width: 720px
    }
}

.project .column-line-container .column-line {
    width: 66.6666666667%;
    height: 0%;
    border-right: 1px solid rgba(149, 149, 149, 0.5)
}

.project .description {
    padding-right: 180px
}

@media (max-width: 991.98px) {
    .project .description {
        padding-right: 80px
    }
}

@media (max-width: 767.98px) {
    .project .description {
        padding-right: 20px;
        margin-top: 40px
    }
}

.project .description .view-site {
    color: #363839;
    margin-top: 10px
}

.project .info {
    padding-left: 45px
}

@media (max-width: 767.98px) {
    .project .info {
        padding-left: 20px
    }
}

.project .info h2 {
    margin-bottom: 5px
}

.project .info h2:not(:first-of-type) {
    margin-top: 35px
}

.project .info p {
    margin-bottom: 0
}

.project .devices {
    margin-top: 110px
}

.project .devices p:first-child {
    margin-top: 30px
}

@media (max-width: 991.98px) {
    .project .devices p:first-child {
        margin-top: 0
    }
}

.project .devices .arrow-btn {
    color: #000
}

.project .devices .site-info>*:last-child {
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .project .devices .site-info {
        padding-right: 80px;
        margin-bottom: 50px
    }
}

@media (max-width: 767.98px) {
    .project .devices .site-info {
        padding-right: 0
    }
}

.project .devices .site-info p {
    transform: translateX(-25%);
    width: 100%;
    opacity: 0
}

.project .devices .site-mockups {
    direction: rtl
}

.project .devices .site-mockups img {
    max-width: 114%
}

@media (min-width: 576px) {
    .project .devices .site-mockups img {
        max-width: 575px
    }
}

@media (min-width: 768px) {
    .project .devices .site-mockups img {
        max-width: 780px
    }
}

@media (min-width: 992px) {
    .project .devices .site-mockups img {
        max-width: 810px
    }
}

@media (min-width: 1200px) {
    .project .devices .site-mockups img {
        max-width: none
    }
}

.project .screenshots {
    margin-top: 200px
}

@media (max-width: 767.98px) {
    .project .screenshots {
        margin-top: 100px
    }
}

.project .screenshots .front {
    z-index: 1;
    margin-left: 7px;
    transform: translateY(5%)
}

.project .screenshots .front img {
    margin-left: auto;
    box-shadow: 3px 4px 25px rgba(0, 0, 0, 0.2)
}

.project .screenshots .back {
    margin-left: -15px;
    transform: translateY(-5%)
}

.project .screenshots .back img {
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15)
}

.project .screenshots .image-stack img+img {
    margin-top: 30px
}

@media (max-width: 767.98px) {
    .project .screenshots .image-stack img+img {
        margin-top: 15px
    }
}

.project .screenshots-vertical {
    margin-top: 200px
}

@media (max-width: 767.98px) {
    .project .screenshots-vertical {
        margin-top: 100px
    }
}

.project .screenshots-vertical .image {
    max-width: 1265px;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(50px)
}

.project .screenshots-vertical .image img {
    box-shadow: 3px 4px 25px rgba(0, 0, 0, 0.2)
}

.project .screenshots-vertical .image+.image {
    margin-top: 50px
}

.project .logos {
    position: relative;
    background: #fff;
    padding: 165px 0 100px;
    text-align: center
}

@media (max-width: 767.98px) {
    .project .logos {
        padding-top: 120px;
        padding-bottom: 0
    }
}

.project .logos>div {
    opacity: 0;
    transform: translateY(50px)
}

@media (min-width: 768px) {
    .project .logos>div:first-child {
        padding-right: 50px
    }
}

@media (min-width: 768px) {
    .project .logos>div:last-child {
        padding-left: 50px
    }
}

@media (max-width: 767.98px) {
    .project .logos>div:last-child {
        margin-top: 80px
    }
}

.project .logos img {
    margin: 20px auto 0
}

.project .thumbs {
    background-color: #171717
}

.project .thumbs .container-fluid {
    padding: 0
}

@media (min-width: 768px) {
    .project .thumbs .image-container {
        opacity: 0
    }
}

.project .thumbs .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 60%;
    transition: all 1s ease-in-out
}

#crescent.project .white-section {
    padding-bottom: 150px
}

@media (max-width: 767.98px) {
    #crescent.project .white-section {
        padding-bottom: 120px
    }
}

#basa-resources.project .white-section {
    padding-bottom: 150px
}

@media (max-width: 767.98px) {
    #basa-resources.project .white-section {
        padding-bottom: 120px
    }
}

#spacee.project .comparison-slider {
    position: relative;
    overflow: hidden
}

#spacee.project .comparison-slider .enhanced,
#spacee.project .comparison-slider .traditional {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#spacee.project .comparison-slider .enhanced:after,
#spacee.project .comparison-slider .traditional-container:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(48, 48, 48, 0.2)
}

#spacee.project .comparison-slider .traditional-container {
    position: relative;
    overflow: hidden;
    width: 50%;
    height: 100%;
    border-right: 2px solid #fff
}

@media (max-width: 767.98px) {
    #spacee.project .comparison-slider .traditional-container {
        border-right: none;
        transition: width 1s ease-in-out
    }
}

#spacee.project .comparison-slider img,
#spacee.project .comparison-slider video {
    width: 100%;
    height: auto
}

#spacee.project .comparison-slider .cursor-container {
    position: absolute;
    top: calc(50% - 26px);
    width: 53px;
    height: 53px;
    border-radius: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    background-image: url("../images/projects/spacee/drag-circle.png");
    cursor: pointer
}

#spacee.project .comparison-slider .cursor-container p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#spacee.project .comparison-slider .cursor-container p.traditional-text {
    right: calc(100% + 10px)
}

#spacee.project .comparison-slider .cursor-container p.enhanced-text {
    left: calc(100% + 15px)
}

#spacee.project .comparison-slider .mobile-selector {
    position: absolute;
    top: 20px;
    left: calc(50% - 91px);
    width: 182px;
    height: 40px;
    background-color: #fff;
    border-radius: 20px
}

#spacee.project .comparison-slider .mobile-selector .indicator {
    position: absolute;
    top: 4px;
    left: 86px;
    z-index: 0;
    height: 32px;
    border-radius: 20px;
    background-color: #03bffe;
    transition: left 0.25s, width 0.25s
}

#spacee.project .comparison-slider .mobile-selector a {
    position: relative;
    z-index: 1;
    float: left;
    padding: 0 15px;
    line-height: 2.9;
    color: #363839;
    margin: 0
}

#spacee.project .comparison-slider .mobile-selector a:before {
    display: none
}

#spacee.project .comparison-slider .mobile-selector a.selected {
    color: #fff
}

#spacee.project .comparison-slider .mobile-selector .traditional-mobile {
    padding-right: 10px
}

#spacee.project .comparison-slider .mobile-selector .enhanced-mobile {
    padding-left: 10px
}

.capability header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #171717;
    padding: 0
}

.capability header .container {
    height: 100vh
}

.capability header .header-content {
    position: relative;
    z-index: 3
}

@media (max-width: 575.98px) {
    .capability header p br {
        display: none
    }
}

.capability main {
    padding-top: 100vh
}

.capability main section {
    background-color: #fff
}

.capability main h2 {
    color: #363839
}

.capability .info {
    padding-top: 120px
}

@media (max-width: 767.98px) {
    .capability .info {
        padding-top: 80px
    }
}

.capability .info .container .row {
    overflow: hidden
}

.capability .info h2 {
    position: relative
}

.capability .capability-line {
    position: absolute;
    top: 12px;
    left: 0;
    width: 0;
    height: 1px;
    border-bottom: 1px solid #000
}

.capability .capability-content-outer {
    position: relative;
    overflow: hidden
}

@media (max-width: 1199.98px) {
    .capability .capability-content-outer>.capability-line {
        display: none
    }
}

.capability .capability-content {
    max-width: 700px;
    position: relative;
    margin: 0 auto 120px
}

@media (max-width: 1199.98px) {
    .capability .capability-content {
        padding-top: 30px
    }
}

@media (max-width: 767.98px) {
    .capability .capability-content {
        margin-bottom: 80px
    }
}

.capability .capability-content .capability-line {
    top: 0;
    width: 0
}

@media (min-width: 1200px) {
    .capability .capability-content .capability-line {
        display: none
    }
}

.capability .capability-content p {
    opacity: 0
}

.capability .infographic {
    width: 100%
}

.capability .infographic img {
    margin: 0 auto
}

.capability .focus {
    padding-top: 120px
}

@media (max-width: 767.98px) {
    .capability .focus {
        padding-top: 80px
    }
}

.capability .focus .content-container {
    background: #171717;
    padding: 65px
}

@media (max-width: 767.98px) {
    .capability .focus .content-container {
        padding: 65px 20px
    }
}

.capability .focus .row {
    align-items: center;
    opacity: 0
}

@media (min-width: 992px) {
    .capability .focus .row {
        min-height: 120px
    }
}

.capability .focus .row+.row {
    margin-top: 60px
}

.capability .focus .col-lg-4 {
    text-align: center;
    padding-right: 75px
}

@media (max-width: 991.98px) {
    .capability .focus .col-lg-4 {
        padding-right: 0
    }
}

.capability .focus .col-lg-8 {
    padding-left: 75px
}

@media (min-width: 992px) {
    .capability .focus .col-lg-8:before {
        content: '';
        position: absolute;
        top: calc(50% - 60px);
        left: 0;
        width: 1px;
        height: 120px;
        background: rgba(255, 255, 255, 0.25)
    }
}

@media (max-width: 991.98px) {
    .capability .focus .col-lg-8 {
        padding-left: 0
    }
}

.capability .focus h3 {
    color: #fff
}

@media (min-width: 992px) {
    .capability .focus h3 {
        margin-bottom: 0
    }
}

.capability .focus ul {
    margin: 0;
    padding: 0
}

@media (min-width: 768px) {
    .capability .focus ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.capability .focus li {
    line-height: 1.5;
    color: #fff;
    padding-right: 20px
}

@media (max-width: 767.98px) {
    .capability .focus li {
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }
}

.capability .focus li:before {
    background: #fff;
    top: 9px
}

@media (max-width: 767.98px) {
    .capability .focus li:before {
        display: none
    }
}

.capability .focus li+li {
    margin-top: 10px
}

.capability .featured-work {
    padding-top: 100px
}

.capability .featured-work .client {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 450px;
    opacity: 0
}

@media (max-width: 991.98px) {
    .capability .featured-work .client {
        padding: 0 20px
    }
}

.capability .featured-work .content-container {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 85%;
    height: 50%;
    background: #fff;
    padding: 20px;
    transition: all 0.3s ease-in-out
}

@media (max-width: 767.98px) {
    .capability .featured-work .content-container {
        padding: 80px 20px
    }
}

.capability .featured-work .content-container.active {
    width: 90%;
    height: 60%
}

.capability .featured-work h2 {
    text-align: center
}

.capability .featured-work h2 a {
    color: #171717
}

.capability .capabilities-nav {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 4;
    width: 100%;
    background-color: #171717 !important
}

.capability .capabilities-nav .container-fluid {
    padding: 0
}

.capability .capabilities-nav ul.c-nav {
    list-style-type: none;
    margin: 0;
    padding: 20px 0
}

.capability .capabilities-nav li {
    padding: 0 50px;
    text-align: center
}

@media (max-width: 767.98px) {
    .capability .capabilities-nav li {
        padding: 0 20px;
        width: 50%
    }
}

@media (max-width: 575.98px) {
    .capability .capabilities-nav li {
        width: 100%
    }
}

.capability .capabilities-nav li:before {
    display: none
}

.capability .capabilities-nav a {
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0
}

.capability .capabilities-nav a:hover {
    color: #fff
}

#strategy.capability .capabilities-nav .strategy,
#branding.capability .capabilities-nav .branding,
#creative.capability .capabilities-nav .creative,
#content-production.capability .capabilities-nav .content-production,
#interactive-development.capability .capabilities-nav .interactive-development,
#marketing.capability .capabilities-nav .marketing,
#performance-analysis.capability .capabilities-nav .performance-analysis {
    display: none
}

#branding.capability header {
    height: 100vh;
    padding: 0
}

#branding.capability header .container {
    height: 100vh
}

@media (max-width: 767.98px) {
    #branding.capability header p br {
        display: block
    }
}

#branding.capability .capabilities-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

#branding.capability .capabilities-slider:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(../images/general/header-black-left-bg.png);
    background-size: cover
}

#branding.capability .capabilities-slider:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(../images/general/header-dot-bg.png);
    background-repeat: repeat
}

#branding.capability .slider-item {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center
}

#branding.capability main {
    padding-top: 100vh
}

#branding.capability .info {
    padding-top: 60px;
    padding-bottom: 60px
}

#branding.capability .infographic {
    text-align: center;
    position: relative
}

#branding.capability .infographic .inner-text-container {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    height: 100%
}

#branding.capability .infographic .inner-text-title {
    font-family: "titling-gothic-fb-wide", sans-serif;
    font-size: 2rem;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    transition-delay: .3s
}

@media (max-width: 767.98px) {
    #branding.capability .infographic .inner-text-title {
        font-size: 1.5rem
    }
}

@media (max-width: 575.98px) {
    #branding.capability .infographic .inner-text-title {
        font-size: 1.2rem
    }
}

#branding.capability .infographic .inner-text-title.not-active {
    transition-delay: 0s;
    opacity: 0
}

#branding.capability .infographic .brand-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    max-width: 200px;
    transition-delay: 0s
}

#branding.capability .infographic .brand-text.active {
    transition-delay: .3s;
    opacity: 1
}

#branding.capability .infographic .brand-text h3 {
    position: relative;
    color: #171717;
    margin-top: 18px;
    margin-bottom: 22px;
    padding-bottom: 25px
}

@media (max-width: 767.98px) {
    #branding.capability .infographic .brand-text h3 {
        font-size: 1.5rem;
        padding-bottom: 10px;
        margin-bottom: 12px
    }
}

#branding.capability .infographic .brand-text h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 70px;
    height: 1px;
    margin-left: -35px;
    background-color: #171717
}

#branding.capability .infographic .brand-text p {
    line-height: 1.5;
    margin-bottom: 10px
}

@media (max-width: 767.98px) {
    #branding.capability .infographic .brand-text p {
        font-size: 1.2rem
    }
}

#branding.capability .infographic .ig-container {
    display: inline-block;
    max-width: 600px;
    width: 100%;
    height: 100%;
    position: relative
}

#branding.capability .infographic .ig-container:after {
    content: 'Hover over outer \Aring for each example';
    font-family: "proxima-nova", sans-serif;
    font-size: 1.4rem;
    font-style: italic;
    position: absolute;
    bottom: 50px;
    right: -100px;
    white-space: pre-line;
    text-align: left;
    color: #171717
}

@media (max-width: 991.98px) {
    #branding.capability .infographic .ig-container:after {
        content: 'Click the outer \Aring for each example';
        bottom: -50px;
        right: 0;
        left: 0;
        text-align: center
    }
}

#branding.capability .infographic #branding-graphic {
    width: 600px;
    height: 600px;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

@media (max-width: 767.98px) {
    #branding.capability .infographic #branding-graphic {
        width: 400px;
        height: 400px
    }
}

@media (max-width: 450px) {
    #branding.capability .infographic #branding-graphic {
        width: 275px;
        height: 275px
    }
}

#branding.capability .infographic #arrow-ring {
    -webkit-animation-name: ckw;
    animation-name: ckw;
    -webkit-animation-duration: 30.5s;
    animation-duration: 30.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes ckw {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes ckw {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

#branding.capability .infographic .infographic-text {
    cursor: pointer;
    transition: all 0.3s ease-in-out
}

#branding.capability .infographic .infographic-text path.panel,
#branding.capability .infographic .infographic-text rect.panel,
#branding.capability .infographic .infographic-text polygon.panel {
    transition: all 0.3s ease-in-out
}

#branding.capability .infographic .infographic-text.not-active path,
#branding.capability .infographic .infographic-text.not-active rect,
#branding.capability .infographic .infographic-text.not-active polygon {
    fill: #959595;
    transition: all 0.3s ease-in-out
}

#branding.capability .infographic .infographic-text.not-active path.panel,
#branding.capability .infographic .infographic-text.not-active rect.panel,
#branding.capability .infographic .infographic-text.not-active polygon.panel {
    fill: #E6E7E8;
    transition: all 0.3s ease-in-out
}

#branding.capability .infographic .branding-content-outer {
    overflow: hidden
}

#branding.capability .infographic .branding-content {
    max-width: 700px;
    position: relative;
    margin: 0 auto 120px auto
}

@media (max-width: 1199.98px) {
    #branding.capability .infographic .branding-content {
        padding-top: 30px
    }
}

#branding.capability .infographic .branding-content:before {
    content: '';
    position: absolute;
    top: 12px;
    right: 100%;
    border-bottom: 1px solid #000;
    width: 100%;
    margin-right: 70px
}

@media (max-width: 1199.98px) {
    #branding.capability .infographic .branding-content:before {
        margin-right: 15px;
        width: 100px;
        left: 0;
        top: 0
    }
}

@media (min-width: 992px) {
    #branding.capability .featured-work .top-row .client:first-child .bg-holder {
        background-image: url("../images/featured-the-luminary.jpg")
    }
    #branding.capability .featured-work .top-row .client:last-child .bg-holder {
        background-image: url("../images/featured-three-nations.jpg")
    }
    #branding.capability .featured-work .top-bottom .client:first-child .bg-holder {
        background-image: url("../images/nav/airbus.jpg")
    }
    #branding.capability .featured-work .top-bottom .client:last-child .bg-holder {
        background-image: url("../images/featured-basa.jpg")
    }
}

@media (max-width: 991.98px) {
    #branding.capability .featured-work .top-row .client:first-child .bg-holder {
        background-image: url("../images/featured-the-luminary-mobile.jpg")
    }
    #branding.capability .featured-work .top-row .client:last-child .bg-holder {
        background-image: url("../images/featured-three-nations-mobile.jpg")
    }
    #branding.capability .featured-work .top-bottom .client:first-child .bg-holder {
        background-image: url("../images/featured-crescent-mobile.jpg")
    }
    #branding.capability .featured-work .top-bottom .client:last-child .bg-holder {
        background-image: url("../images/featured-basa-mobile.jpg")
    }
}

#interactive-development.capability header {
    height: 100vh;
    padding: 0
}

#interactive-development.capability header .container {
    height: 100vh
}


#interactive-development.capability header .bg-holder:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(../images/general/header-black-left-bg.png);
    background-size: cover
}

#interactive-development.capability header .bg-holder:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(../images/general/header-dot-bg.png);
    background-repeat: repeat
}

#interactive-development.capability .graphic .graphic-image {
    margin-bottom: 20px;
    text-align: center
}

#interactive-development.capability .graphic video {
    width: 100%;
    max-width: 300px
}

#interactive-development.capability .graphic h3 {
    margin-bottom: 0;
    text-align: center
}

#interactive-development.capability .graphic h3:after {
    content: '';
    display: block;
    position: relative;
    width: 50px;
    height: 1px;
    border-bottom: 1px solid rgba(23, 23, 23, 0.5);
    margin: 25px auto 20px
}

#interactive-development.capability .graphic p {
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#interactive-development.capability .infographic {
    margin-left: 0
}


#strategy.capability header {
    height: 100vh;
    padding: 0
}

#strategy.capability header .container {
    height: 100vh
}

#strategy.capability header .bg-holder {
    background-position: center
}



#strategy.capability header .bg-holder:before {
    content: '';
    background-image: url(../images/general/header-black-left-bg.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0
}

#strategy.capability header .bg-holder:after {
    content: '';
    background-image: url(../images/general/header-dot-bg.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0
}

#strategy.capability h1 img {
    margin: 0 auto
}

#strategy.capability .infographic {
    text-align: center;
    width: 100%;
    height: 100%
}

#strategy.capability .infographic object.mobile {
    max-width: 500px;
    height: 100%
}

@media (min-width: 992px) {
    #strategy.capability .infographic object.mobile {
        display: none
    }
}

#strategy.capability .infographic svg {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 100%
}

@media (max-width: 991.98px) {
    #strategy.capability .infographic svg.desktop {
        display: none
    }
}

#strategy.capability .infographic svg.mobile {
    max-width: 500px;
    height: 100%
}

@media (min-width: 992px) {
    #strategy.capability .infographic svg.mobile {
        display: none
    }
}

#strategy.capability .infographic .ig-text {
    opacity: 0
}

#strategy.capability .infographic .ig-circle {
    cursor: pointer
}

#strategy.capability .infographic #dotted-line {
    position: relative
}

#strategy.capability .infographic #small-dot {
    position: relative;
    z-index: 3
}

#strategy.capability .infographic #discover-ring {
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5))
}

@media (min-width: 992px) {
    #strategy.capability .featured-work .client:first-of-type .bg-holder {
        background-image: url("../images/capabilities/lire.jpg")
    }
    #strategy.capability .featured-work .client:nth-of-type(2) .bg-holder {
        background-image: url("../images/capabilities/featured-three-nations.jpg")
    }
}

@media (max-width: 991.98px) {
    #strategy.capability .featured-work .client:first-of-type .bg-holder {
        background-image: url("../images/capabilities/featured-sundance-square-mobile.jpg")
    }
    #strategy.capability .featured-work .client:nth-of-type(2) .bg-holder {
        background-image: url("../images/capabilities/featured-three-nations-mobile.jpg")
    }
}

#strategy.capability .focus .row {
    opacity: 0
}

#content-production.capability header {
    height: 100vh;
    padding: 0
}

#content-production.capability header .container {
    height: 100vh
}

@media (min-width: 992px) {
    #content-production.capability header .bg-holder {
        background-image: url("../images/capabilities/strategy/header-strategy.jpg")
    }
}

@media (max-width: 991.98px) {
    #content-production.capability header .bg-holder {
        background-image: url("../images/capabilities/strategy/header-strategy-mobile.jpg");
        background-position: right
    }
}

#content-production.capability header .bg-holder:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url("../images/general/header-black-left-bg.png");
    background-size: cover
}

#content-production.capability header .bg-holder:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url("../images/general/header-dot-bg.png");
    background-repeat: repeat
}

#content-production.capability .graphic {
    margin-top: 60px
}

#content-production.capability .graphic h2 em,
#content-production.capability .graphic h2 i {
    display: inline-block;
    font-style: normal;
    color: #959595
}

#content-production.capability .graphic h2 em.mobile,
#content-production.capability .graphic h2 i.mobile {
    display: none
}

.is-mobile #content-production.capability .graphic h2 em.desktop,
.is-mobile #content-production.capability .graphic h2 i.desktop {
    display: none
}

.is-mobile #content-production.capability .graphic h2 em.mobile,
.is-mobile #content-production.capability .graphic h2 i.mobile {
    display: inline-block
}

#content-production.capability .examples .cp-image {
    overflow: hidden;
    position: relative;
    padding-bottom: 100%
}

#content-production.capability .examples .cp-image:hover .cp-poster {
    opacity: 0
}

#content-production.capability .examples .cp-content p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.4rem;
    margin: 10px 3px 25px;
    color: #171717
}

#content-production.capability .examples .cp-poster {
    position: absolute;
    background-size: cover;
    height: 100%;
    width: 100%;
    z-index: 2
}

#content-production.capability .examples .vimeo-wrapper {
    background-size: cover
}

#content-production.capability .examples .full-bg-vid {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: auto;
    height: 100%;
    min-width: 101%;
    min-height: 101%;
    transform: translate(-50%, -50%)
}

@media (min-width: 992px) {
    #content-production.capability .featured-work .client:first-child .bg-holder {
        background-image: url("../images/capabilities/lire.jpg")
    }
    #content-production.capability .featured-work .client:last-child .bg-holder {
        background-image: url("../images/case-studies/hillwood-communities/featured-hillwood-communities.jpg")
    }
}

@media (max-width: 991.98px) {
    #content-production.capability .featured-work .client:first-child .bg-holder {
        background-image: url("../images/capabilities/featured-sundance-square-mobile.jpg")
    }
    #content-production.capability .featured-work .client:last-child .bg-holder {
        background-image: url("../images/case-studies/hillwood-communities/featured-hillwood-communities-mobile.jpg")
    }
}

@media (max-width: 767.98px) {
    #content-production.capability .focus {
        padding-top: 80px
    }
    #content-production.capability .graphic {
        margin-top: 40px
    }
}

#creative.capability header .bg-holder {
    background-position: center
}

@media (min-width: 992px) {
    #creative.capability header .bg-holder {
        background-image: url("../images/capabilities/creative/header-creative.jpg")
    }
}

@media (max-width: 991.98px) {
    #creative.capability header .bg-holder {
        background-image: url("../images/capabilities/creative/header-creative-mobile.jpg");
        background-position: right
    }
}

#creative.capability header .bg-holder:before {
    content: '';
    background-image: url(../images/general/header-black-left-bg.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0
}

#creative.capability header .bg-holder:after {
    content: '';
    background-image: url(../images/general/header-dot-bg.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0
}

#creative.capability h1 img {
    margin: 0 auto
}

#creative.capability main section {
    background-color: #fff
}

#creative.capability .info .meta-header {
    margin-bottom: 30px
}

@media (max-width: 399px) {
    #creative.capability .info .meta-header {
        display: block !important;
        margin-bottom: 10px
    }
}

#creative.capability .info .meta-header h2 {
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    #creative.capability .creative-slider .slick-list {
        padding-bottom: 55px;
        overflow-x: hidden
    }
}

#creative.capability .creative-slider .slider-item {
    position: relative;
    background-size: cover;
    padding-bottom: 6.25%
}

#creative.capability .creative-slider .slide__caption {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.4rem;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 20px
}

@media (max-width: 991.98px) {
    #creative.capability .creative-slider .slide__caption {
        font-size: 1.2rem;
        color: #171717;
        top: 105%;
        bottom: auto;
        left: 0
    }
}

#creative.capability .creative-slider video {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%
}

@media (max-width: 399px) {
    #creative.capability .slider-meta {
        justify-content: flex-start !important;
        margin-top: 30px
    }
}

#creative.capability .slider-meta span {
    color: rgba(23, 23, 23, 0.7);
    margin-bottom: 0;
    cursor: default
}

#creative.capability .slider-meta .slick-prev,
#creative.capability .slider-meta .slick-next {
    cursor: pointer;
    transition: color 0.3s ease-in-out
}

#creative.capability .slider-meta .slick-prev:hover,
#creative.capability .slider-meta .slick-next:hover {
    color: #171717
}

#creative.capability .slider-meta span+span {
    margin-left: 20px
}

@media (min-width: 992px) {
    #creative.capability .featured-work .client:first-child .bg-holder {
        background-image: url("../images/capabilities/featured-the-luminary.jpg")
    }
    #creative.capability .featured-work .client:last-child .bg-holder {
        background-image: url("../images/capabilities/featured-three-nations.jpg")
    }
}

@media (max-width: 991.98px) {
    #creative.capability .featured-work .client:first-child .bg-holder {
        background-image: url("../images/capabilities/featured-the-luminary-mobile.jpg")
    }
    #creative.capability .featured-work .client:last-child .bg-holder {
        background-image: url("../images/capabilities/featured-three-nations-mobile.jpg")
    }
}

#marketing.capability header {
    height: 100vh;
    padding: 0
}

#marketing.capability header .container {
    height: 100vh
}

@media (max-width: 767.98px) {
    #marketing.capability header p br {
        display: block
    }
}

@media (min-width: 992px) {
    #marketing.capability header .bg-holder {
        background-image: url("../images/capabilities/marketing/header-marketing.jpg")
    }
}

@media (max-width: 991.98px) {
    #marketing.capability header .bg-holder {
        background-image: url("../images/capabilities/marketing/header-marketing-mobile.jpg")
    }
}

#marketing.capability header .bg-holder:before {
    content: '';
    background-image: url(../images/general/header-black-left-bg.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0
}

#marketing.capability header .bg-holder:after {
    content: '';
    background-image: url(../images/general/header-dot-bg.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0
}

#marketing.capability .capability-content {
    margin-bottom: 0
}

#marketing.capability .marketing-infographic {
    background-color: #f2f3f3;
    width: 100%;
    padding: 65px 65px 35px
}

@media (max-width: 767.98px) {
    #marketing.capability .marketing-infographic {
        padding: 65px 20px 35px
    }
}

#marketing.capability .marketing-infographic .marketing-row {
    width: 100%
}

#marketing.capability .marketing-infographic .marketing-row.top {
    margin-bottom: 45px
}

@media (max-width: 991.98px) {
    #marketing.capability .marketing-infographic .marketing-row.top {
        text-align: center
    }
}

#marketing.capability .marketing-infographic .marketing-row.top h3 {
    margin-bottom: 0
}

#marketing.capability .marketing-infographic .marketing-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 160px;
    padding: 0px 15px;
    margin-bottom: 30px;
    text-align: center
}

#marketing.capability .marketing-infographic .marketing-item:first-child .m-number {
    color: #60829c
}

#marketing.capability .marketing-infographic .marketing-item:nth-child(2) .m-number {
    color: #506078
}

#marketing.capability .marketing-infographic .marketing-item:nth-child(3) .m-number {
    color: #718fa0
}

#marketing.capability .marketing-infographic .marketing-item:nth-child(4) .m-number {
    color: #a7b6c2
}

#marketing.capability .marketing-infographic .marketing-item:last-child .m-number {
    color: #3c455e
}

#marketing.capability .marketing-infographic .m-number {
    font-family: "titling-gothic-fb-wide", sans-serif;
    font-size: 2.8rem;
    align-self: center
}

#marketing.capability .marketing-infographic .m-title {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.4rem;
    line-height: 1.3;
    color: #171717;
    margin-top: 5px;
    align-self: center
}

#marketing.capability .marketing-slider {
    position: relative;
    padding-top: 5px
}

@media (max-width: 991.98px) {
    #marketing.capability .marketing-slider {
        padding-top: 40px
    }
}

#marketing.capability .marketing-slider *,
#marketing.capability .marketing-slider *:before,
#marketing.capability .marketing-slider *:after {
    transition: all 0.3s ease-in-out
}

#marketing.capability .marketing-slider p.caption {
    font-style: italic;
    color: #a8a8a8;
    text-align: right;
    margin-top: 7px;
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    #marketing.capability .marketing-slider p.caption {
        text-align: center;
        margin-top: 15px
    }
}

#marketing.capability .marketing-slider .checkbox-label {
    display: block;
    position: relative;
    width: 80px;
    height: 2px;
    background: rgba(54, 64, 73, 0.25);
    margin-right: 70px
}

@media (max-width: 991.98px) {
    #marketing.capability .marketing-slider .checkbox-label {
        margin: 0 auto
    }
}

#marketing.capability .marketing-slider .checkbox-label .on,
#marketing.capability .marketing-slider .checkbox-label .off {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.4rem;
    line-height: 1;
    color: #171717;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 70px
}

#marketing.capability .marketing-slider .checkbox-label .on {
    left: calc(100% + 15px)
}

#marketing.capability .marketing-slider .checkbox-label .off {
    right: calc(100% + 15px);
    text-align: right
}

#marketing.capability .marketing-slider .checkbox-label:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 0;
    z-index: 1;
    width: 16px;
    height: 16px;
    background: #171717;
    cursor: pointer
}

#marketing.capability .marketing-slider .checkbox {
    position: absolute;
    left: -5000px;
    opacity: 0
}

#marketing.capability .marketing-slider .checkbox:checked+.checkbox-label:before {
    left: calc(100% - 16px)
}

@media (min-width: 992px) {
    #marketing.capability .featured-work .client:first-child .bg-holder {
        background-image: url("../images/capabilities/lire.jpg")
    }
    #marketing.capability .featured-work .client:last-child .bg-holder {
        background-image: url("../images/capabilities/featured-the-luminary.jpg")
    }
}

@media (max-width: 991.98px) {
    #marketing.capability .featured-work .client:first-child .bg-holder {
        background-image: url("../images/capabilities/featured-sundance-square-mobile.jpg")
    }
    #marketing.capability .featured-work .client:last-child .bg-holder {
        background-image: url("../images/capabilities/featured-the-luminary-mobile.jpg")
    }
}

#performance-analysis.capability header {
    height: 100vh;
    padding: 0
}

#performance-analysis.capability header .container {
    height: 100vh
}

@media (min-width: 992px) {
    #performance-analysis.capability header .bg-holder {
        background-image: url("../images/capabilities/performance-analysis/header-perf-analysis.jpg")
    }
}

@media (max-width: 991.98px) {
    #performance-analysis.capability header .bg-holder {
        background-image: url("../images/capabilities/performance-analysis/header-perf-analysis-mobile.jpg")
    }
}

#performance-analysis.capability header .bg-holder:before {
    content: '';
    background-image: url(../images/general/header-black-left-bg.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0
}

#performance-analysis.capability header .bg-holder:after {
    content: '';
    background-image: url(../images/general/header-dot-bg.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0
}

#performance-analysis.capability .capability-content {
    margin-bottom: 0
}

#performance-analysis.capability .graphs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px
}

@media (max-width: 575.98px) {
    #performance-analysis.capability .graphs {
        flex-direction: column
    }
}

#performance-analysis.capability .graphs .single-graph {
    text-align: center
}

@media (min-width: 576px) {
    #performance-analysis.capability .graphs .single-graph+.single-graph {
        margin-left: 60px
    }
}

@media (max-width: 575.98px) {
    #performance-analysis.capability .graphs .single-graph+.single-graph {
        margin-top: 50px
    }
}

@media (max-width: 991.98px) {
    #performance-analysis.capability .graphs .single-graph:last-child {
        margin-left: 0;
        margin-top: 30px
    }
}

@media (max-width: 575.98px) {
    #performance-analysis.capability .graphs .single-graph:last-child {
        margin-top: 50px
    }
}

#performance-analysis.capability .graphs .single-graph svg #labels,
#performance-analysis.capability .graphs .single-graph svg #percentages {
    opacity: 0
}

#performance-analysis.capability .graphs .single-graph svg #circle-percentages path {
    stroke-dasharray: 0, 100
}

@media (min-width: 992px) {
    #performance-analysis.capability .featured-work .client:first-child .bg-holder {
        background-image: url("../images/capabilities/featured-the-luminary.jpg")
    }
    #performance-analysis.capability .featured-work .client:last-child .bg-holder {
        background-image: url("../images/capabilities/featured-three-nations.jpg")
    }
}

@media (max-width: 991.98px) {
    #performance-analysis.capability .featured-work .client:first-child .bg-holder {
        background-image: url("../images/capabilities/featured-the-luminary-mobile.jpg")
    }
    #performance-analysis.capability .featured-work .client:last-child .bg-holder {
        background-image: url("../images/capabilities/featured-three-nations-mobile.jpg")
    }
}

#work .client {
    position: relative;
    overflow: hidden
}

#work .client.short {
    padding-bottom: 51%
}

@media (max-width: 499px) {
    #work .client.short:not(.wide) {
        padding-bottom: 100%
    }
}

#work .client.tall {
    padding-bottom: 102%
}

#work .client.thin {
    width: 50%
}

@media (max-width: 499px) {
    #work .client.thin {
        width: 100%
    }
}

#work .client.wide {
    width: 100%
}

#work .client.case-study .caption p {
    padding-right: 65px
}

@media (max-width: 1199.98px) {
    #work .client.case-study .caption p {
        padding-right: 80px
    }
}

#work .client.case-study .caption h2 {
    padding-right: 15px
}

@media (max-width: 1199.98px) {
    #work .client.case-study .caption h2 {
        padding-right: 80px
    }
}

#work .client.motion video {
    position: absolute;
    top: 0;
    left: 50%;
    width: 102%;
    height: 100%;
    transform: translateX(-50%);
    border: none
}

@media (max-width: 499px) {
    #work .client.motion video {
        top: 50%;
        transform: translate(-50%, -50%);
        width: 105vw;
        height: 105vw
    }
}

#work .client .bg-holder {
    width: 101%;
    height: 101%
}

#work .thin-group {
    display: flex
}

@media (max-width: 499px) {
    #work .thin-group {
        display: block
    }
}

#work .bg-holder {
    transition: all 0.3s ease-in-out;
    z-index: 0
}

#work a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#work a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 385px;
    background: url("../images/work/tile-caption-gradient.png") no-repeat bottom left/cover
}

#work a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(23, 23, 23, 0.75);
    opacity: 0;
    transition: opacity 0.3s ease-in-out
}

#work a:hover:after {
    opacity: 1
}

#work a:hover .bg-holder {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

#work a:hover .caption {
    transform: translateY(0) !important
}

#work a:hover p {
    opacity: 1;
    transition-delay: 0.4s
}

#work .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 0 35px 25px;
    overflow: hidden;
    transition: transform 0.3s ease-in-out
}

@media (max-width: 1199.98px) {
    #work .caption {
        padding: 0 20px 25px
    }
}

#work h2 {
    color: #fff;
    margin-bottom: 0
}

#work p {
    line-height: 1.5;
    color: #fff;
    margin: 0;
    padding-top: 10px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    transition-delay: 0s
}

.is-mobile #work p {
    display: none
}

#work .tag {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2
}

#work .tag:before {
    content: '';
    position: absolute;
    top: -27px;
    left: -19px;
    width: 158px;
    height: 158px;
    background: #171717;
    transform: rotate(45deg)
}

#work .tag span {
    position: relative;
    display: block;
    width: 60px;
    letter-spacing: 0.25em;
    color: rgba(255, 255, 255, 0.7);
    text-align: right;
    padding: 0 10px 20px 0;
    margin-bottom: 0
}

#work #bob-schieffer .bg-holder {
    background-image: url("../images/work/bob-schieffer.jpg")
}

#work #western .bg-holder {
    background-image: url("../images/work/western-commerce.jpg")
}

#work #three-nations .bg-holder {
    background-image: url("../images/work/three-nations.jpg")
}

#work #qslwm .bg-holder {
    background-image: url("../images/work/qslwm-poster.jpg")
}

#work #lucky-spur .bg-holder {
    background-image: url("../images/work/lucky-spur-poster.jpg")
}

#work #hillwood-communities .bg-holder {
    background-image: url("../images/work/hillwood-communities.jpg")
}

#work #granite-park .bg-holder {
    background-image: url("../images/work/granite-park.jpg")
}

#work #pomona .bg-holder {
    background-image: url("../images/work/pomona-poster.jpg")
}

#work #kimbell .bg-holder {
    background-image: url("../images/work/kimbell.jpg")
}

#work #bar-z .bg-holder {
    background-image: url("../images/work/bar-z.jpg")
}

#work #crescent .bg-holder {
    background-image: url("../images/work/crescent.jpg")
}

#work #sundance .bg-holder {
    background-image: url("../images/work/sundance-poster.jpg")
}

#work #granite-properties .bg-holder {
    background-image: url("../images/work/granite-properties-poster.jpg")
}

#work #bscoc .bg-holder {
    background-image: url("../images/work/bscoc.jpg")
}

#work #coyote-rock .bg-holder {
    background-image: url("../images/work/coyote-rock-ranch.jpg")
}

#work #luminary .bg-holder {
    background-image: url("../images/work/luminary.jpg")
}

#work #harvest .bg-holder {
    background-image: url("../images/work/harvest.jpg")
}

#work #unthsc .bg-holder {
    background-image: url("../images/work/unthsc.jpg")
}

#work #leather-milk .bg-holder {
    background-image: url("../images/work/leather-milk.jpg")
}

#work #f1-consultancy .bg-holder {
    background-image: url("../images/work/f1-consultancy.jpg")
}

#work #rainforest .bg-holder {
    background-image: url("../images/work/rainforest.jpg")
}

#work #basa .bg-holder {
    background-image: url("../images/work/basa.jpg")
}

#work #fwmd .bg-holder {
    background-image: url("../images/work/fwmd.jpg")
}

#work #idcom-meat-co .bg-holder {
    background-image: url("../images/work/idcom-meat-co.jpg")
}

#work #spacee .bg-holder {
    background-image: url("../images/work/spacee-poster.jpg")
}

#work #alliancetexas .bg-holder {
    background-image: url("../images/work/alliancetexas.jpg")
}

#work #city-center .bg-holder {
    background-image: url("../images/work/city-center-poster.jpg")
}

#work #bcg .bg-holder {
    background-image: url("../images/work/bcg-poster.jpg")
}

#work #ross-perot .bg-holder {
    background-image: url("../images/work/ross-perot.jpg")
}

#work #tandy .bg-holder {
    background-image: url("../images/work/tandy.jpg")
}

#work #bowie .bg-holder {
    background-image: url("../images/work/bowie.jpg")
}

#work #liberty .bg-holder {
    background-image: url("../images/work/liberty.gif")
}

#clients {
    height: 100%;
    background: #171717
}

#clients .title-container {
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 1;
    transform: translateY(-51%);
    padding-left: 50px
}

@media (max-width: 1199.98px) {
    #clients .title-container {
        max-width: 400px
    }
}

@media (max-width: 991.98px) {
    #clients .title-container {
        top: 160px;
        transform: none;
        max-width: none
    }
}

@media (max-width: 767.98px) {
    #clients .title-container {
        padding: 0 20px
    }
}

@media (max-width: 499px) {
    #clients .title-container {
        top: 130px;
        max-width: 320px
    }
}

#clients h1 {
    color: #fff;
    margin: 0
}

#clients hr {
    width: 50px;
    border-color: rgba(255, 255, 255, 0.5);
    margin: 20px 0 30px
}

#clients .fs-dropdown {
    max-width: 265px
}

#clients .fs-dropdown .fs-dropdown-item_disabled {
    display: none
}

#clients .fs-dropdown .fs-dropdown-selected {
    max-width: 265px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 15px;
    color: rgba(255, 255, 255, 0.8)
}

#clients .fs-dropdown .fs-dropdown-selected:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 14px;
    height: 8px;
    background: url("../images/general/dropdown-arrow.svg") no-repeat center center;
    opacity: 0.7
}

#clients .fs-dropdown .fs-dropdown-selected:hover {
    color: rgba(255, 255, 255, 0.8)
}

#clients .fs-dropdown .fs-dropdown-selected.animating:after {
    -webkit-animation: bounce 2s forwards;
    animation: bounce 2s forwards
}

@-webkit-keyframes bounce {
    0%,
    30%,
    60%,
    80%,
    100% {
        transform: translateY(0)
    }
    20% {
        transform: translateY(-10px)
    }
    40% {
        transform: translateY(-5px)
    }
}

@keyframes bounce {
    0%,
    30%,
    60%,
    80%,
    100% {
        transform: translateY(0)
    }
    20% {
        transform: translateY(-10px)
    }
    40% {
        transform: translateY(-5px)
    }
}

#clients .fs-dropdown .fs-dropdown-options {
    display: block;
    background: #171717;
    border: none;
    margin-top: 5px;
    max-height: 0px;
    opacity: 0;
    transition: all 0.3s ease-in-out
}

#clients .fs-dropdown .fs-dropdown-options.options-open {
    opacity: 1;
    max-height: 260px
}

#clients .fs-dropdown .fs-dropdown-item {
    max-width: none;
    background: transparent;
    padding: 5px 15px
}

#clients .fs-dropdown button {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    transition: color 0.3s ease-in-out
}

#clients .fs-dropdown button:hover {
    color: #fff
}

#clients .fs-scrollbar .fs-scrollbar-bar {
    width: 10px;
    background: transparent;
    border: none
}

#clients .fs-scrollbar .fs-scrollbar-track {
    background: transparent
}

#clients .fs-scrollbar .fs-scrollbar-handle {
    width: 10px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 20px
}

#clients .clients-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 150px 45px 50px 0
}

@media (max-width: 991.98px) {
    #clients .clients-container {
        position: static;
        padding: 350px 50px 50px
    }
    #clients .clients-container:after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 400px;
        background: linear-gradient(#171717 70%, rgba(23, 23, 23, 0))
    }
}

@media (max-width: 767.98px) {
    #clients .clients-container {
        padding: 350px 20px 50px
    }
}

#clients .clients-container.mixing li {
    color: rgba(255, 255, 255, 0)
}

#clients .clients-container .perspective {
    transform: rotateY(-25deg) translateZ(0) scale(1);
    transform-origin: right center;
    transform-style: preserve-3d;
    transition: all 0.3s ease-in-out
}

#clients .clients-container ul {
    margin: 0;
    padding: 0;
    text-align: right
}

@media (max-width: 991.98px) {
    #clients .clients-container ul {
        text-align: left
    }
}

#clients .clients-container li {
    list-style: none;
    font-family: "titling-gothic-fb-wide", sans-serif;
    font-size: 4vw;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.2;
    color: #fff;
    padding-left: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    transition: color 0.3s ease-in-out
}

@media (max-width: 1399px) {
    #clients .clients-container li {
        font-size: 3vw
    }
}

@media (max-width: 991.98px) {
    #clients .clients-container li {
        font-size: 6vw
    }
}

#clients .clients-container li:before {
    display: none
}

#clients .clients-container li:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 55%;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

@media (max-width: 991.98px) {
    #clients .clients-container li:after {
        right: auto;
        left: 0;
        width: 80%
    }
}

#clients .clients-container li.last-visible-item:after {
    border-bottom: none
}

#clients .clients-container a {
    color: #fff;
    -webkit-text-stroke: 1px transparent;
    text-stroke: 1px transparent
}

#clients .clients-container a:hover {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff
}

.page-request-quote {
    background-color: #fff
}

#request-quote header {
    background: #fff;
    text-align: left;
    padding-bottom: 60px
}

@media (max-width: 991.98px) {
    #request-quote header {
        padding-top: 160px
    }
}

@media (min-width: 768px) {
    #request-quote header {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 499px) {
    #request-quote header {
        padding-top: 130px
    }
}

#request-quote header h1 {
    color: #000;
    margin-bottom: 0
}

#request-quote main {
    background: #fff;
    padding-bottom: 100px
}

@media (min-width: 768px) {
    #request-quote main {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 991.98px) {
    #request-quote form .col-lg-4:last-child {
        margin-top: 60px
    }
}

@media (max-width: 767.98px) {
    #request-quote form .col-lg-4:nth-child(2) {
        margin-top: 60px
    }
}

#request-quote .field+.field {
    margin-top: 60px
}

#request-quote .field.text input {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    transition: border-bottom-color 0.3s ease-in-out
}

#request-quote .field.check-options>label {
    font-size: 1.3rem;
    color: #000;
    margin-bottom: 15px
}

#request-quote .field.check-options .options {
    display: flex
}

#request-quote .field.check-options .options .option {
    display: flex;
    align-items: center
}

#request-quote .field.check-options .options label {
    flex: auto;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    line-height: normal;
    margin-bottom: 0;
    margin-left: 10px
}

#request-quote .field.check-options .options input[type="text"] {
    position: relative;
    top: 1px;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    line-height: normal;
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0;
    background: #fff;
    color: #363839;
    margin-bottom: 0;
    margin-left: 10px;
    padding: 3px 0;
    transition: border-bottom-color 0.3s ease-in-out
}

#request-quote .field.check-options .fs-checkbox {
    height: 20px
}

#request-quote .field.check-options .fs-checkbox .fs-checkbox-marker,
#request-quote .field.check-options .fs-checkbox .fs-checkbox-flag {
    border-color: rgba(0, 0, 0, 0.25);
    border-radius: 0
}

#request-quote .field.check-options .fs-checkbox-radio .fs-checkbox-flag {
    background-color: rgba(0, 0, 0, 0.5)
}

#request-quote .field.check-options .fs-checkbox:not(.fs-checkbox-radio) .fs-checkbox-flag {
    color: rgba(0, 0, 0, 0.5)
}

#request-quote .field.check-options.referral .option:last-child {
    flex: 1 1 auto;
    margin-left: 20px
}

#request-quote .field.check-options.referral .option:last-child input {
    width: calc(100% - 62px)
}

#request-quote .field.check-options.project-type .options {
    flex-wrap: wrap;
    justify-content: space-between
}

#request-quote .field.check-options.project-type .option {
    width: calc(50% - 10px);
    margin-bottom: 15px
}

#request-quote .field.check-options.project-type .option:last-child,
#request-quote .field.check-options.project-type .option:nth-last-child(2) {
    margin-bottom: 0
}

#request-quote .field.select .fs-dropdown {
    z-index: auto
}

#request-quote .field.select .fs-dropdown .fs-dropdown-selected {
    position: relative;
    font-size: 2.3rem;
    width: 100%;
    max-width: none;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0;
    background: #fff;
    color: #c1c1c1;
    margin-bottom: 0;
    padding: 5px 42px 5px 0
}

#request-quote .field.select .fs-dropdown .fs-dropdown-selected:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    z-index: 1;
    margin: auto 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #000 transparent transparent transparent
}

#request-quote .field.select .fs-dropdown .fs-dropdown-options {
    display: block;
    border: none;
    border-radius: 0;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.15);
    max-height: 0px;
    opacity: 0;
    transition: all 0.3s ease-in-out
}

#request-quote .field.select .fs-dropdown .fs-dropdown-options.options-open {
    opacity: 1;
    max-height: 260px
}

#request-quote .field.select .fs-dropdown .fs-dropdown-options .fs-dropdown-item {
    width: 100%;
    max-width: none;
    padding: 3px 10px;
    color: #000;
    transition: background 0.3s ease-in-out
}

#request-quote .field.select .fs-dropdown .fs-dropdown-options .fs-dropdown-item:hover,
#request-quote .field.select .fs-dropdown .fs-dropdown-options .fs-dropdown-item.fs-dropdown-item_selected {
    background: #dbdbdb
}

#request-quote .field.select .fs-dropdown .fs-dropdown-options .fs-dropdown-item_disabled {
    color: #494949
}

#request-quote .field.select .fs-dropdown .fs-dropdown-options .fs-dropdown-item_disabled:hover {
    background: #fff;
    color: #494949
}

#request-quote .field.select .fs-scrollbar .fs-scrollbar-bar {
    width: 10px;
    background: transparent;
    border: none;
    margin-right: 3px
}

#request-quote .field.select .fs-scrollbar .fs-scrollbar-track {
    background: transparent
}

#request-quote .field.select .fs-scrollbar .fs-scrollbar-handle {
    width: 10px;
    background: #c1c1c1;
    border-radius: 20px
}

#request-quote .field.description .floated-label-container ::-webkit-input-placeholder {
    font-family: "axia", sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.17em;
    line-height: 1.7;
    font-variant-numeric: proportional-nums;
    color: #959595;
    margin-bottom: 0
}

#request-quote .field.description .floated-label-container ::-moz-placeholder {
    font-family: "axia", sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.17em;
    line-height: 1.7;
    font-variant-numeric: proportional-nums;
    color: #959595;
    margin-bottom: 0
}

#request-quote .field.description .floated-label-container :-ms-input-placeholder {
    font-family: "axia", sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.17em;
    line-height: 1.7;
    font-variant-numeric: proportional-nums;
    color: #959595;
    margin-bottom: 0
}

#request-quote .field.description .floated-label-container :-moz-placeholder {
    font-family: "axia", sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.17em;
    line-height: 1.7;
    font-variant-numeric: proportional-nums;
    color: #959595;
    margin-bottom: 0
}

#request-quote .field.description .floated-label-container textarea:-webkit-autofill,
#request-quote .field.description .floated-label-container textarea:-webkit-autofill:hover,
#request-quote .field.description .floated-label-container textarea:-webkit-autofill:focus {
    background: #fff !important;
    color: #363839 !important
}

#request-quote .floated-label-container {
    position: relative
}

#request-quote .floated-label-container input,
#request-quote .floated-label-container textarea {
    display: block;
    width: 100%;
    border: none;
    border-radius: 0;
    background: #fff;
    color: #c1c1c1;
    margin-bottom: 0;
    padding: 5px 0
}

#request-quote .floated-label-container input {
    font-size: 2.3rem
}

@media (max-width: 575.98px) {
    #request-quote .floated-label-container input {
        font-size: 1.8rem
    }
}

#request-quote .floated-label-container textarea {
    text-transform: none;
    line-height: 1.5;
    color: #363839;
    height: 270px;
    resize: none;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: none;
    margin-bottom: 0;
    padding: 10px 15px;
    transition: border-color 0.3s ease-in-out
}

@media (max-width: 991.98px) {
    #request-quote .floated-label-container textarea {
        height: 200px
    }
}

#request-quote .floated-label-container ::-webkit-input-placeholder {
    color: #c1c1c1
}

#request-quote .floated-label-container ::-moz-placeholder {
    color: #c1c1c1
}

#request-quote .floated-label-container :-ms-input-placeholder {
    color: #c1c1c1
}

#request-quote .floated-label-container :-moz-placeholder {
    color: #c1c1c1
}

#request-quote .floated-label-container input:-webkit-autofill,
#request-quote .floated-label-container input:-webkit-autofill:hover,
#request-quote .floated-label-container input:-webkit-autofill:focus,
#request-quote .floated-label-container textarea:-webkit-autofill,
#request-quote .floated-label-container textarea:-webkit-autofill:hover,
#request-quote .floated-label-container textarea:-webkit-autofill:focus {
    background: #fff !important;
    color: #c1c1c1 !important
}

#request-quote .error-msg {
    display: block;
    width: 100%;
    letter-spacing: 0.25em;
    color: #D8000C;
    margin-top: 10px;
    margin-bottom: 0
}

#request-quote .thank-you {
    opacity: 0;
    visibility: hidden;
    transition: height 0.3s ease-in-out, margin-top 0.3s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out
}

#request-quote .thank-you p,
#request-quote .thank-you .line-btn {
    display: none
}

#request-quote .thank-you p.show,
#request-quote .thank-you .line-btn.show {
    display: inline-block
}

#request-quote .thank-you p {
    font-size: 2.3rem;
    line-height: 1.5;
    color: #c1c1c1;
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    #request-quote .thank-you p {
        font-size: 1.8rem
    }
}

#request-quote input[name="website"],
#request-quote input[type="hidden"] {
    display: none !important
}

#request-quote .submit {
    margin-top: 30px;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out
}

#request-quote .submit.fade-out-mobile {
    opacity: 0;
    visibility: hidden
}

#request-quote .submit button {
    max-width: none;
    border-color: #000;
    background: #000;
    color: #fff
}

#request-quote .submit button:hover {
    background: transparent;
    color: #000
}

#connect {
    overflow-y: scroll;
    overflow: hidden
}

#connect header {
    min-height: 100vh;
    z-index: 2;
    padding-left: 30px;
    padding-right: 30px
}

@media (max-width: 767.98px) {
    #connect header {
        padding-top: 160px;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 499px) {
    #connect header {
        padding-top: 130px
    }
}

#connect header:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url(../images/general/header-dot-bg.png) repeat
}

@media (min-width: 992px) {
    #connect header .bg-holder {
        background-image: url("../images/connect/bg-connect.jpg")
    }
}

@media (max-width: 991.98px) {
    #connect header .bg-holder {
        background-image: url("../images/connect/bg-connect-mobile.jpg")
    }
}

#connect header .bg-holder video.full-bg-vid {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%
}

#connect header .container {
    position: relative;
    z-index: 3
}

#connect header .row:last-child {
    margin-top: 100px
}

@media (max-width: 767.98px) {
    #connect header .row:last-child {
        margin-top: 80px
    }
}

#connect header .title {
    max-width: 400px
}

@media (max-width: 767.98px) {
    #connect header .title {
        max-width: 320px
    }
}

#connect header .contact-info {
    margin-left: 205px
}

@media (max-width: 1199.98px) {
    #connect header .contact-info {
        margin-left: 170px
    }
}

@media (max-width: 991.98px) {
    #connect header .contact-info {
        margin-left: 0
    }
}

#connect header .contact-info h2 {
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 10px
}

#connect header .contact-info h2:last-of-type {
    margin-top: 50px
}

#connect header .contact-info p,
#connect header .contact-info address {
    text-transform: none;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 0
}

#connect header .contact-info p a,
#connect header .contact-info address a {
    color: #fff
}

#connect header .contact-info p a:hover,
#connect header .contact-info address a:hover {
    color: rgba(255, 255, 255, 0.6)
}

@media (max-width: 767.98px) {
    #connect header .quote-link {
        margin-top: 50px
    }
}

#connect header .quote-link a {
    position: relative;
    overflow: hidden;
    font-size: 1.2rem;
    letter-spacing: 0.4em;
    color: #fff;
    margin-bottom: 0;
    background-color: #495F7A;
    padding: 8px 15px 8px 20px
}

#connect header .quote-link a:hover {
    color: #fff;
    background-color: #5c789a
}

#connect header .announcements {
    max-width: 450px;
    margin-left: auto;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 45px 30px
}

@media (max-width: 767.98px) {
    #connect header .announcements {
        max-width: none;
        margin-left: 0;
        margin-top: 60px;
        padding: 45px 20px
    }
}

#connect header .announcements .date {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 10px
}

#connect header .announcements p {
    text-transform: none;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 0
}

#connect header .announcements p a {
    font-weight: 700;
    font-style: italic;
    color: #fff
}

#connect header .announcements p a:hover {
    color: rgba(255, 255, 255, 0.6)
}

#connect main {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%
}

#connect main .ig-post {
    position: relative;
    width: 25%;
    height: 0px;
    padding-bottom: 25vw
}

@media (max-width: 767.98px) {
    #connect main .ig-post {
        width: 50%;
        padding-bottom: 50vw
    }
}

#connect main .ig-post a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.6)
}

#connect main .ig-post a:hover {
    color: #fff
}

#connect main .ig-post a:hover .bg-holder {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

#connect main .ig-post a:hover .overlay {
    opacity: 1;
    visibility: visible
}

#connect main .ig-post a:hover .overlay span {
    opacity: 1;
    transform: translateY(0)
}

#connect main .ig-post .bg-holder {
    transition: all 0.3s ease-in-out
}

#connect main .ig-post .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(23, 23, 23, 0.75);
    padding: 20px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out
}

#connect main .ig-post .overlay span {
    color: #fff;
    margin-bottom: 0;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.35s ease-in-out
}

#connect main .ig-post svg.ig {
    position: absolute;
    bottom: 11px;
    left: 15px;
    z-index: 1;
    width: 24px;
    height: 28px
}

@media (max-width: 575.98px) {
    #connect main .ig-post svg.ig {
        width: 20px;
        height: 23px
    }
}

#connect main .ig-post .video,
#connect main .ig-post .carousel {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 15px
}

#connect main .ig-post .video svg,
#connect main .ig-post .carousel svg {
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.4))
}

#connect main .ig-post .video svg {
    width: 22px;
    height: 20px
}

@media (max-width: 575.98px) {
    #connect main .ig-post .video svg {
        width: 21px;
        height: 18px
    }
}

#connect main .ig-post .carousel svg {
    width: 20px;
    height: 20px
}

@media (max-width: 575.98px) {
    #connect main .ig-post .carousel svg {
        width: 18px;
        height: 18px
    }
}

#culture header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
    padding-left: 20px;
    padding-right: 20px;
    transform: translate3d(0, 0, 0)
}

#culture header .title-container {
    position: absolute;
    left: 20px;
    right: 20px;
    z-index: 2;
    width: calc(100% - 40px)
}

#culture header .title-container h1 {
    margin-bottom: 0
}

#culture header .title-container h1:after {
    background-color: transparent
}

#culture header .title-container h1 img {
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    transform: scale(0.8)
}

#culture .culture-bg-video {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100vh;
    margin-top: -100vh
}

#culture .audio-toggle {
    position: fixed;
    bottom: 66px;
    right: 50px;
    cursor: pointer;
    display: flex;
    z-index: 4
}

/*@media (max-width: 991.98px) {
    #culture .audio-toggle {
        display: none
    }
}*/

#culture .audio-toggle .wave-container {
    transform: translateY(10%)
}

#culture .audio-toggle img {
    width: 100%;
    max-width: 45px
}

#culture .audio-toggle .text {
    position: relative;
    height: 13px;
    margin-right: 10px
}

#culture .audio-toggle .text span {
    color: #fff;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out
}

#culture .audio-toggle .text span.active {
    opacity: 1;
    visibility: visible
}

#culture .audio-toggle svg {
    width: 50px;
    height: 30px;
    padding: 0px;
    overflow: auto
}

#culture .audio-toggle svg g {
    transform: translateY(50%)
}

#culture .audio-toggle #wave,
#culture .audio-toggle #waveoff {
    fill: none;
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #fff;
    opacity: 0;
    transition: all 2s ease-in-out
}

#culture .audio-toggle #wave.active,
#culture .audio-toggle #waveoff.active {
    opacity: 1
}

@media (min-width: 768px) {
    #culture .culture-container.container-fluid {
        padding-left: 50px;
        padding-right: 50px
    }
}

#culture .culture-container .width-90 {
    width: 90%
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #culture .culture-container .width-90 {
        width: 100%
    }
}

@media (max-width: 575.98px) {
    #culture .culture-container .width-90 {
        width: 100%
    }
}

#culture .culture-container .width-80 {
    width: 80%
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #culture .culture-container .width-80 {
        width: 100%
    }
}

@media (max-width: 575.98px) {
    #culture .culture-container .width-80 {
        width: 100%
    }
}

#culture .culture-container .width-70 {
    width: 70%
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #culture .culture-container .width-70 {
        width: 90%
    }
}

@media (max-width: 575.98px) {
    #culture .culture-container .width-70 {
        width: 90%
    }
}

#culture .culture-container .width-60 {
    width: 60%
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #culture .culture-container .width-60 {
        width: 80%
    }
}

@media (max-width: 575.98px) {
    #culture .culture-container .width-60 {
        width: 80%
    }
}

#culture .culture-container .width-50 {
    width: 50%
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #culture .culture-container .width-50 {
        width: 75%
    }
}

@media (max-width: 575.98px) {
    #culture .culture-container .width-50 {
        width: 75%
    }
}

#culture .culture-container .width-40 {
    width: 40%
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #culture .culture-container .width-40 {
        width: 60%
    }
}

@media (max-width: 575.98px) {
    #culture .culture-container .width-40 {
        width: 60%
    }
}

#culture .culture-container .width-30 {
    width: 30%
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #culture .culture-container .width-30 {
        width: 60%
    }
}

@media (max-width: 575.98px) {
    #culture .culture-container .width-30 {
        width: 60%
    }
}

#culture .culture-container .width-20 {
    width: 20%
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #culture .culture-container .width-20 {
        width: 60%
    }
}

@media (max-width: 575.98px) {
    #culture .culture-container .width-20 {
        width: 60%
    }
}

#culture .culture-container .width-10 {
    width: 10%
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #culture .culture-container .width-10 {
        width: 60%
    }
}

@media (max-width: 575.98px) {
    #culture .culture-container .width-10 {
        width: 60%
    }
}

#culture .culture-container img {
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative
}

#culture .culture-container video {
    position: relative;
    max-width: 100%;
    height: auto
}

#culture .culture-container .video {
    position: relative
}

#culture .culture-container .video video {
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer
}

#culture .culture-container .video .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    width: 0;
    height: 74px;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 37px 0 37px 60px;
    border-color: transparent transparent transparent #171717;
    cursor: pointer;
    opacity: 0.7
}

#culture .culture-container .video .play-btn.hide {
    display: none
}

#culture .culture-container img.align-center,
#culture .culture-container .video.align-center {
    margin-left: auto;
    margin-right: auto
}

#culture .culture-container img.align-right,
#culture .culture-container video.align-right {
    float: right
}

#culture .culture-container .position-top {
    z-index: 3;
    transform: translate3d(0, 0, 0)
}

#culture .culture-container .position-bottom {
    z-index: 1;
    transform: translate3d(0, 0, 0)
}

@media (max-width: 767.98px) {
    #culture .culture-container .position-sm-top {
        z-index: 3
    }
    #culture .culture-container .position-sm-bottom {
        z-index: 1
    }
    #culture .culture-container .align-sm-left {
        margin-left: 0 !important
    }
    #culture .culture-container .align-sm-right {
        margin-right: 0 !important
    }
}

#culture .culture-container #row1 .left {
    z-index: 3;
    transform: translate3d(0, 0, 0)
}

#culture .culture-container #row1 .left,
#culture .culture-container #row1 .right {
    opacity: 0;
    transform: translateY(-200px)
}

#culture .culture-container #row2 {
    margin-top: -200px
}

#culture .culture-container #row3 {
    margin-top: 100px
}

#culture .culture-container #row4 {
    margin: 100px 0
}

#culture .culture-container #row5 {
    margin-top: 100px
}

#culture .culture-container .jason-camera-stockyards {
    margin-bottom: 80px
}

@media (min-width: 768px) {
    #culture .culture-container .david-bar {
        margin-top: -50px
    }
}

#culture .culture-container .street-tacos {
    margin-top: -50px;
    margin-bottom: 100px
}

@media (max-width: 767.98px) {
    #culture .culture-container .street-tacos {
        margin-top: 40px;
        margin-bottom: 80px
    }
}

#culture .culture-container .idcom-go-karts {
    margin-bottom: 150px
}

@media (max-width: 767.98px) {
    #culture .culture-container .idcom-go-karts {
        margin-bottom: 80px
    }
}

@media (max-width: 767.98px) {
    #culture .culture-container .jason-ghost-peppers {
        margin-top: 70px
    }
}

#culture .culture-container .brandon-basketball {
    margin: 100px 0
}

@media (max-width: 767.98px) {
    #culture .culture-container .brandon-basketball {
        margin: 50px 0
    }
}

#culture .culture-container .sarah-jason-tcu {
    margin-top: 150px
}

@media (max-width: 767.98px) {
    #culture .culture-container .sarah-jason-tcu {
        margin-top: 40px
    }
}

#culture .culture-container .dancing-bear {
    background-image: url("../images/culture/oupppppssss.jpg");
    background-size: cover
}

#culture .culture-container .idcom-shuffleboard {
    margin-top: 150px;
    margin-bottom: 150px
}

@media (max-width: 767.98px) {
    #culture .culture-container .idcom-shuffleboard {
        margin-top: 40px;
        margin-bottom: 80px
    }
}

#culture .culture-container .savannah-jazz {
    margin-top: -80px;
    margin-bottom: 150px
}

@media (max-width: 767.98px) {
    #culture .culture-container .savannah-jazz {
        margin-top: 40px;
        margin-bottom: 80px
    }
}

#culture .culture-container .idcom-bike,
#culture .culture-container .doug-sarah-elephant,
#culture .culture-container .spraypaint-cans {
    margin-bottom: 150px
}

@media (max-width: 767.98px) {
    #culture .culture-container .idcom-bike {
        margin-bottom: 40px
    }
}

@media (max-width: 767.98px) {
    #culture .culture-container .doug-sarah-elephant {
        margin-bottom: 80px
    }
}

@media (max-width: 767.98px) {
    #culture .culture-container .tcu-wall-art {
        margin-left: 20px !important
    }
}

#not-found {
    background: #fff;
    height: 100vh;
    text-align: center
}

#not-found .container {
    height: 100%
}

#not-found h1 {
    font-size: 20rem;
    font-weight: 700;
    letter-spacing: 0.5em;
    line-height: 1;
    text-indent: 0.5em;
    color: #000;
    padding-left: 20px;
    margin-left: -20px;
    margin-bottom: 50px;
    transform: scale3d(1, 1, 1)
}

@media (max-width: 991.98px) {
    #not-found h1 {
        font-size: 18vw
    }
}

@media (max-width: 575.98px) {
    #not-found h1 {
        padding-left: 10px;
        margin-left: -10px
    }
}

#not-found h1:before,
#not-found h1:after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    color: #000
}

#not-found h1:before {
    left: 3px;
    text-shadow: 3px 0 #67FF2C;
    animation: glitch 3s infinite linear alternate-reverse
}

#not-found h1:after {
    left: -3px;
    text-shadow: -3px 0 #FF2C5E;
    animation: glitch 2s infinite linear alternate-reverse
}

@-webkit-keyframes glitch {
    0% {
        -webkit-clip-path: inset(96% 0 97% 0);
        clip-path: inset(96% 0 97% 0)
    }
    2% {
        -webkit-clip-path: inset(6% 0 50% 0);
        clip-path: inset(6% 0 50% 0)
    }
    4% {
        -webkit-clip-path: inset(91% 0 12% 0);
        clip-path: inset(91% 0 12% 0)
    }
    6% {
        -webkit-clip-path: inset(12% 0 46% 0);
        clip-path: inset(12% 0 46% 0)
    }
    8% {
        -webkit-clip-path: inset(73% 0 51% 0);
        clip-path: inset(73% 0 51% 0)
    }
    10% {
        -webkit-clip-path: inset(35% 0 34% 0);
        clip-path: inset(35% 0 34% 0)
    }
    12% {
        -webkit-clip-path: inset(10% 0 38% 0);
        clip-path: inset(10% 0 38% 0)
    }
    14% {
        -webkit-clip-path: inset(35% 0 69% 0);
        clip-path: inset(35% 0 69% 0)
    }
    16% {
        -webkit-clip-path: inset(50% 0 47% 0);
        clip-path: inset(50% 0 47% 0)
    }
    18% {
        -webkit-clip-path: inset(33% 0 42% 0);
        clip-path: inset(33% 0 42% 0)
    }
    20% {
        -webkit-clip-path: inset(85% 0 34% 0);
        clip-path: inset(85% 0 34% 0)
    }
    22% {
        -webkit-clip-path: inset(24% 0 13% 0);
        clip-path: inset(24% 0 13% 0)
    }
    24% {
        -webkit-clip-path: inset(58% 0 26% 0);
        clip-path: inset(58% 0 26% 0)
    }
    26% {
        -webkit-clip-path: inset(54% 0 50% 0);
        clip-path: inset(54% 0 50% 0)
    }
    28% {
        -webkit-clip-path: inset(10% 0 25% 0);
        clip-path: inset(10% 0 25% 0)
    }
    30% {
        -webkit-clip-path: inset(98% 0 28% 0);
        clip-path: inset(98% 0 28% 0)
    }
    32% {
        -webkit-clip-path: inset(78% 0 9% 0);
        clip-path: inset(78% 0 9% 0)
    }
    34% {
        -webkit-clip-path: inset(22% 0 98% 0);
        clip-path: inset(22% 0 98% 0)
    }
    36% {
        -webkit-clip-path: inset(81% 0 95% 0);
        clip-path: inset(81% 0 95% 0)
    }
    38% {
        -webkit-clip-path: inset(72% 0 96% 0);
        clip-path: inset(72% 0 96% 0)
    }
    40% {
        -webkit-clip-path: inset(35% 0 71% 0);
        clip-path: inset(35% 0 71% 0)
    }
    42% {
        -webkit-clip-path: inset(7% 0 10% 0);
        clip-path: inset(7% 0 10% 0)
    }
    44% {
        -webkit-clip-path: inset(22% 0 52% 0);
        clip-path: inset(22% 0 52% 0)
    }
    46% {
        -webkit-clip-path: inset(97% 0 85% 0);
        clip-path: inset(97% 0 85% 0)
    }
    48% {
        -webkit-clip-path: inset(51% 0 26% 0);
        clip-path: inset(51% 0 26% 0)
    }
    50% {
        -webkit-clip-path: inset(67% 0 46% 0);
        clip-path: inset(67% 0 46% 0)
    }
    52% {
        -webkit-clip-path: inset(4% 0 96% 0);
        clip-path: inset(4% 0 96% 0)
    }
    54% {
        -webkit-clip-path: inset(66% 0 100% 0);
        clip-path: inset(66% 0 100% 0)
    }
    56% {
        -webkit-clip-path: inset(86% 0 58% 0);
        clip-path: inset(86% 0 58% 0)
    }
    58% {
        -webkit-clip-path: inset(7% 0 15% 0);
        clip-path: inset(7% 0 15% 0)
    }
    60% {
        -webkit-clip-path: inset(59% 0 24% 0);
        clip-path: inset(59% 0 24% 0)
    }
    62% {
        -webkit-clip-path: inset(55% 0 18% 0);
        clip-path: inset(55% 0 18% 0)
    }
    64% {
        -webkit-clip-path: inset(46% 0 1% 0);
        clip-path: inset(46% 0 1% 0)
    }
    66% {
        -webkit-clip-path: inset(95% 0 85% 0);
        clip-path: inset(95% 0 85% 0)
    }
    68% {
        -webkit-clip-path: inset(96% 0 100% 0);
        clip-path: inset(96% 0 100% 0)
    }
    70% {
        -webkit-clip-path: inset(86% 0 1% 0);
        clip-path: inset(86% 0 1% 0)
    }
    72% {
        -webkit-clip-path: inset(11% 0 38% 0);
        clip-path: inset(11% 0 38% 0)
    }
    74% {
        -webkit-clip-path: inset(5% 0 19% 0);
        clip-path: inset(5% 0 19% 0)
    }
    76% {
        -webkit-clip-path: inset(70% 0 84% 0);
        clip-path: inset(70% 0 84% 0)
    }
    78% {
        -webkit-clip-path: inset(50% 0 93% 0);
        clip-path: inset(50% 0 93% 0)
    }
    80% {
        -webkit-clip-path: inset(70% 0 51% 0);
        clip-path: inset(70% 0 51% 0)
    }
    82% {
        -webkit-clip-path: inset(27% 0 5% 0);
        clip-path: inset(27% 0 5% 0)
    }
    84% {
        -webkit-clip-path: inset(96% 0 81% 0);
        clip-path: inset(96% 0 81% 0)
    }
    86% {
        -webkit-clip-path: inset(24% 0 88% 0);
        clip-path: inset(24% 0 88% 0)
    }
    88% {
        -webkit-clip-path: inset(27% 0 4% 0);
        clip-path: inset(27% 0 4% 0)
    }
    90% {
        -webkit-clip-path: inset(94% 0 3% 0);
        clip-path: inset(94% 0 3% 0)
    }
    92% {
        -webkit-clip-path: inset(52% 0 76% 0);
        clip-path: inset(52% 0 76% 0)
    }
    94% {
        -webkit-clip-path: inset(26% 0 9% 0);
        clip-path: inset(26% 0 9% 0)
    }
    96% {
        -webkit-clip-path: inset(96% 0 53% 0);
        clip-path: inset(96% 0 53% 0)
    }
    98% {
        -webkit-clip-path: inset(99% 0 33% 0);
        clip-path: inset(99% 0 33% 0)
    }
    100% {
        -webkit-clip-path: inset(44% 0 37% 0);
        clip-path: inset(44% 0 37% 0)
    }
}

@keyframes glitch {
    0% {
        -webkit-clip-path: inset(96% 0 97% 0);
        clip-path: inset(96% 0 97% 0)
    }
    2% {
        -webkit-clip-path: inset(6% 0 50% 0);
        clip-path: inset(6% 0 50% 0)
    }
    4% {
        -webkit-clip-path: inset(91% 0 12% 0);
        clip-path: inset(91% 0 12% 0)
    }
    6% {
        -webkit-clip-path: inset(12% 0 46% 0);
        clip-path: inset(12% 0 46% 0)
    }
    8% {
        -webkit-clip-path: inset(73% 0 51% 0);
        clip-path: inset(73% 0 51% 0)
    }
    10% {
        -webkit-clip-path: inset(35% 0 34% 0);
        clip-path: inset(35% 0 34% 0)
    }
    12% {
        -webkit-clip-path: inset(10% 0 38% 0);
        clip-path: inset(10% 0 38% 0)
    }
    14% {
        -webkit-clip-path: inset(35% 0 69% 0);
        clip-path: inset(35% 0 69% 0)
    }
    16% {
        -webkit-clip-path: inset(50% 0 47% 0);
        clip-path: inset(50% 0 47% 0)
    }
    18% {
        -webkit-clip-path: inset(33% 0 42% 0);
        clip-path: inset(33% 0 42% 0)
    }
    20% {
        -webkit-clip-path: inset(85% 0 34% 0);
        clip-path: inset(85% 0 34% 0)
    }
    22% {
        -webkit-clip-path: inset(24% 0 13% 0);
        clip-path: inset(24% 0 13% 0)
    }
    24% {
        -webkit-clip-path: inset(58% 0 26% 0);
        clip-path: inset(58% 0 26% 0)
    }
    26% {
        -webkit-clip-path: inset(54% 0 50% 0);
        clip-path: inset(54% 0 50% 0)
    }
    28% {
        -webkit-clip-path: inset(10% 0 25% 0);
        clip-path: inset(10% 0 25% 0)
    }
    30% {
        -webkit-clip-path: inset(98% 0 28% 0);
        clip-path: inset(98% 0 28% 0)
    }
    32% {
        -webkit-clip-path: inset(78% 0 9% 0);
        clip-path: inset(78% 0 9% 0)
    }
    34% {
        -webkit-clip-path: inset(22% 0 98% 0);
        clip-path: inset(22% 0 98% 0)
    }
    36% {
        -webkit-clip-path: inset(81% 0 95% 0);
        clip-path: inset(81% 0 95% 0)
    }
    38% {
        -webkit-clip-path: inset(72% 0 96% 0);
        clip-path: inset(72% 0 96% 0)
    }
    40% {
        -webkit-clip-path: inset(35% 0 71% 0);
        clip-path: inset(35% 0 71% 0)
    }
    42% {
        -webkit-clip-path: inset(7% 0 10% 0);
        clip-path: inset(7% 0 10% 0)
    }
    44% {
        -webkit-clip-path: inset(22% 0 52% 0);
        clip-path: inset(22% 0 52% 0)
    }
    46% {
        -webkit-clip-path: inset(97% 0 85% 0);
        clip-path: inset(97% 0 85% 0)
    }
    48% {
        -webkit-clip-path: inset(51% 0 26% 0);
        clip-path: inset(51% 0 26% 0)
    }
    50% {
        -webkit-clip-path: inset(67% 0 46% 0);
        clip-path: inset(67% 0 46% 0)
    }
    52% {
        -webkit-clip-path: inset(4% 0 96% 0);
        clip-path: inset(4% 0 96% 0)
    }
    54% {
        -webkit-clip-path: inset(66% 0 100% 0);
        clip-path: inset(66% 0 100% 0)
    }
    56% {
        -webkit-clip-path: inset(86% 0 58% 0);
        clip-path: inset(86% 0 58% 0)
    }
    58% {
        -webkit-clip-path: inset(7% 0 15% 0);
        clip-path: inset(7% 0 15% 0)
    }
    60% {
        -webkit-clip-path: inset(59% 0 24% 0);
        clip-path: inset(59% 0 24% 0)
    }
    62% {
        -webkit-clip-path: inset(55% 0 18% 0);
        clip-path: inset(55% 0 18% 0)
    }
    64% {
        -webkit-clip-path: inset(46% 0 1% 0);
        clip-path: inset(46% 0 1% 0)
    }
    66% {
        -webkit-clip-path: inset(95% 0 85% 0);
        clip-path: inset(95% 0 85% 0)
    }
    68% {
        -webkit-clip-path: inset(96% 0 100% 0);
        clip-path: inset(96% 0 100% 0)
    }
    70% {
        -webkit-clip-path: inset(86% 0 1% 0);
        clip-path: inset(86% 0 1% 0)
    }
    72% {
        -webkit-clip-path: inset(11% 0 38% 0);
        clip-path: inset(11% 0 38% 0)
    }
    74% {
        -webkit-clip-path: inset(5% 0 19% 0);
        clip-path: inset(5% 0 19% 0)
    }
    76% {
        -webkit-clip-path: inset(70% 0 84% 0);
        clip-path: inset(70% 0 84% 0)
    }
    78% {
        -webkit-clip-path: inset(50% 0 93% 0);
        clip-path: inset(50% 0 93% 0)
    }
    80% {
        -webkit-clip-path: inset(70% 0 51% 0);
        clip-path: inset(70% 0 51% 0)
    }
    82% {
        -webkit-clip-path: inset(27% 0 5% 0);
        clip-path: inset(27% 0 5% 0)
    }
    84% {
        -webkit-clip-path: inset(96% 0 81% 0);
        clip-path: inset(96% 0 81% 0)
    }
    86% {
        -webkit-clip-path: inset(24% 0 88% 0);
        clip-path: inset(24% 0 88% 0)
    }
    88% {
        -webkit-clip-path: inset(27% 0 4% 0);
        clip-path: inset(27% 0 4% 0)
    }
    90% {
        -webkit-clip-path: inset(94% 0 3% 0);
        clip-path: inset(94% 0 3% 0)
    }
    92% {
        -webkit-clip-path: inset(52% 0 76% 0);
        clip-path: inset(52% 0 76% 0)
    }
    94% {
        -webkit-clip-path: inset(26% 0 9% 0);
        clip-path: inset(26% 0 9% 0)
    }
    96% {
        -webkit-clip-path: inset(96% 0 53% 0);
        clip-path: inset(96% 0 53% 0)
    }
    98% {
        -webkit-clip-path: inset(99% 0 33% 0);
        clip-path: inset(99% 0 33% 0)
    }
    100% {
        -webkit-clip-path: inset(44% 0 37% 0);
        clip-path: inset(44% 0 37% 0)
    }
}

#not-found h2 {
    margin-bottom: 40px
}

#ecommerce header {
    height: 550px;
    padding: 0
}

#ecommerce header .container {
    height: 100%;
    padding: 0;
    margin: 0
}

#ecommerce header .container .header-content {
    z-index: 2;
    padding: 10%
}

#ecommerce header .container .header-content p {
    line-height: 2
}

#ecommerce header .container .header-content h1 {
    margin-bottom: 50px
}

#ecommerce header .container .header-content .button-container {
    display: flex;
    flex-wrap: wrap;
    width: 540px
}

@media (max-width: 991.98px) {
    #ecommerce header .container .header-content .button-container {
        width: auto
    }
}

#ecommerce header .container .header-content .button-container a.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    font-size: 13pt;
    min-width: 50%
}

#ecommerce header .container .header-content .button-container a.btn:hover {
    background-color: #171717;
    color: white;
    border-color: #171717
}

#ecommerce header .bg-holder {
    background-position: center;
    position: fixed;
    height: 550px
}

@media (min-width: 992px) {
    #ecommerce header .bg-holder {
        background-image: url("../images/ecommerce/ecommerce-header.jpg")
    }
}

@media (max-width: 991.98px) {
    #ecommerce header .bg-holder {
        background-image: url("../images/ecommerce/ecommerce-header.jpg");
        background-position: center
    }
}

#ecommerce header .bg-holder:before {
    content: '';
    background-image: url("../images/general/header-black-left-bg.png");
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0
}

#ecommerce header .bg-holder:after {
    content: '';
    background-image: url("../images/general/header-dot-bg.png");
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0
}

#ecommerce main {
    background-color: white
}

#ecommerce main section {
    background: white;
    position: relative
}

#ecommerce .info {
    padding: 120px 150px 0
}

@media screen and (max-width: 991px) {
    #ecommerce .info {
        padding: 100px 20px 0
    }
}

@media (max-width: 767.98px) {
    #ecommerce .info {
        padding-top: 80px
    }
}

#ecommerce .info .container .row {
    overflow: hidden
}

#ecommerce .info h2 {
    position: relative
}

#ecommerce .info-line {
    position: relative;
    top: 12px;
    left: 0;
    min-width: 100%;
    height: 1px;
    border-bottom: 1px solid #000
}

@media (max-width: 767.98px) {
    #ecommerce .info-line {
        display: none
    }
}

#ecommerce .container {
    padding: 0
}

#ecommerce .info-content-outer {
    display: flex;
    position: relative;
    overflow: hidden
}

@media (max-width: 767.98px) {
    #ecommerce .info-content-outer {
        padding: unset
    }
}

#ecommerce .info-content {
    position: relative;
    margin-bottom: 120px;
    font-family: "proxima-nova", sans-serif
}

#ecommerce .info-content .header-p {
    font-size: 17pt;
    line-height: 1.3;
    margin-bottom: 35px
}

@media (max-width: 767.98px) {
    #ecommerce .info-content {
        margin-bottom: 80px;
        margin-left: unset
    }
}

#ecommerce .info-content p {
    font-size: 11pt
}

#ecommerce .packages {
    text-align: center;
    padding: 0 5vw 100px
}

#ecommerce .packages h3 {
    margin-bottom: 75px
}

#ecommerce .packages .packages-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#ecommerce .packages .packages-container .package {
    border-right: 1px solid white;
    height: 100%;
    background-color: #f5f5f5;
    color: black;
    text-align: center;
    padding: 50px;
    min-width: 350px;
    margin-top: 25px;
    transition: all 0.5s
}

#ecommerce .packages .packages-container .package:last-of-type {
    border-right: unset
}

#ecommerce .packages .packages-container .package h1 {
    color: black
}

#ecommerce .packages .packages-container .package .line {
    height: 50px;
    width: 1px;
    background-color: black;
    position: relative;
    margin-bottom: 20px;
    margin-top: 25px;
    margin-left: auto !important;
    margin-right: auto !important
}

#ecommerce .packages .packages-container .package:hover {
    border-color: #f5f5f5;
    padding-top: 75px;
    z-index: 1;
    padding-bottom: 75px;
    margin-top: 0;
    box-shadow: 0px 7px 24px -15px rgba(0, 0, 0, 0.42)
}

#ecommerce .connect {
    height: auto;
    text-align: center;
    color: black !important;
    padding: 0 100px 100px
}

#ecommerce .connect h1 {
    color: black !important
}

#ecommerce .package-comparison {
    text-align: center;
    padding: 50px 18vw 100px
}

@media screen and (max-width: 867px) {
    #ecommerce .package-comparison {
        padding: 50px 10px
    }
}

#ecommerce .package-comparison .table_container {
    position: relative
}

#ecommerce .package-comparison .table_container #side-bar {
    position: absolute;
    transform: rotate(-90deg);
    top: 50%;
    display: flex
}

@media (max-width: 767.98px) {
    #ecommerce .package-comparison .table_container #side-bar {
        display: none
    }
}

#ecommerce .package-comparison .table_container #side-bar .top-half img {
    width: 100%
}

#ecommerce .package-comparison .table_container #side-bar .bottom-half {
    margin-right: 50px
}

#ecommerce .package-comparison .table_container #side-bar .bottom-half img {
    width: 100%
}

#ecommerce .package-comparison table {
    width: 80%;
    background-color: #f5f5f5;
    box-shadow: 0px 10px 30px -9px rgba(0, 0, 0, 0.25);
    table-layout: fixed
}

@media screen and (max-width: 767px) {
    #ecommerce .package-comparison table {
        width: 100%
    }
}

#ecommerce .package-comparison table .table-header {
    font-family: "axia", sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    height: 80px
}

#ecommerce .package-comparison table td {
    border: 1px solid #dadada;
    background-color: #f5f5f5;
    border-left: unset;
    padding: 15px;
    font-size: 15px
}

@media screen and (max-width: 1020px) {
    #ecommerce .package-comparison table td {
        padding: 15px 0;
        font-size: 9pt
    }
}

#ecommerce .package-comparison table .first-col {
    background-color: white !important;
    border-left: 1pt solid #dadada !important;
    border-right: unset;
    text-align: left;
    width: 30%;
    font-size: 15px
}

@media screen and (max-width: 991px) {
    #ecommerce .package-comparison table .first-col {
        width: 20vw;
        padding-left: 10px;
        word-break: break-word;
        padding-right: 10px;
        font-size: 9pt
    }
}

#ecommerce .our-packages-p {
    height: 450px;
    overflow: hidden;
    position: relative
}

#ecommerce .our-packages-p .bg-holder-p {
    background-image: url("../images/ecommerce/ecommerce-packages.jpg");
    height: 120%;
    position: relative;
    background-size: cover;
    background-position: center center;
    top: -50%
}

#ecommerce .our-packages-p .container {
    position: absolute;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding: 0 10%
}

#ecommerce .our-packages-p .container .col-md-4:nth-child(1) {
    border-right: 1pt solid rgba(255, 255, 255, 0.5)
}

@media screen and (max-width: 767px) {
    #ecommerce .our-packages-p .container .col-md-4:nth-child(1) {
        border: none
    }
}

#ecommerce .our-packages-p .container ul {
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    #ecommerce .our-packages-p .container ul {
        padding: unset
    }
}

#ecommerce .our-packages-p .container ul li {
    color: white;
    line-height: 1 !important;
    margin-bottom: 15px;
    font-size: 10pt
}

#ecommerce .our-packages-p .container ul li:before {
    content: '\2022';
    font-size: 10pt;
    background: white !important;
    top: 0;
    width: 0;
    height: 0
}

#ecommerce .add-ons-p {
    min-height: 450px;
    text-align: center;
    padding-top: 100px
}

#ecommerce .add-ons-p #parallax2 {
    overflow: hidden;
    position: relative
}

#ecommerce .add-ons-p h3 {
    position: absolute;
    width: 100%;
    top: 75px
}

#ecommerce .add-ons-p .bg-holder-p {
    background-image: url("../images/ecommerce/ecommerce-addons.jpg");
    height: 130%;
    position: absolute;
    background-size: cover;
    background-position: center center;
    top: -50%;
    width: 100%
}

#ecommerce .add-ons-p .container {
    min-height: 450px;
    color: white;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    padding: 100px 0 70px;
    position: relative
}

#ecommerce .add-ons-p .container h2 {
    font-size: 10pt;
    margin: 0;
    font-weight: 900
}

#ecommerce .add-ons-p .container .add-on {
    margin: 0 25px;
    color: white
}

#ecommerce .add-ons-p .container .add-on p {
    color: white !important
}

#ecommerce .add-ons-p .container .add-on img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    height: 25px
}

#ecommerce #contact-form {
    position: fixed;
    min-height: 101vh;
    min-width: 100vw;
    background-color: white;
    z-index: 10;
    top: 0px;
    display: none
}

#ecommerce #contact-form h1 {
    color: black
}

#ecommerce #contact-form .container {
    height: 100vh;
    overflow-y: scroll
}

#ecommerce #contact-form #close_form {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    width: auto
}

#ecommerce #contact-form form .row {
    width: 100%;
    margin: unset
}

#ecommerce #contact-form form .row label {
    font-size: 1.3rem;
    color: #000;
    margin: 15px 0 10px;
    font-family: 'axia', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.17em
}

#ecommerce #contact-form form .row input[type=text],
#ecommerce #contact-form form .row input[type=email],
#ecommerce #contact-form form .row input[type=tel] {
    font-size: 2.3rem;
    font-family: "titling-gothic-fb-wide", sans-serif;
    text-transform: uppercase;
    border: unset;
    border-bottom: 1pt solid #c1c1c1;
    color: #c1c1c1;
    width: 100%;
    margin-bottom: 60px
}

#ecommerce #contact-form form .row input[type=text]::-webkit-input-placeholder,
#ecommerce #contact-form form .row input[type=email]::-webkit-input-placeholder,
#ecommerce #contact-form form .row input[type=tel]::-webkit-input-placeholder {
    color: #c1c1c1;
    opacity: 1
}

#ecommerce #contact-form form .row input[type=text]::-moz-placeholder,
#ecommerce #contact-form form .row input[type=email]::-moz-placeholder,
#ecommerce #contact-form form .row input[type=tel]::-moz-placeholder {
    color: #c1c1c1;
    opacity: 1
}

#ecommerce #contact-form form .row input[type=text]:-ms-input-placeholder,
#ecommerce #contact-form form .row input[type=email]:-ms-input-placeholder,
#ecommerce #contact-form form .row input[type=tel]:-ms-input-placeholder {
    color: #c1c1c1;
    opacity: 1
}

#ecommerce #contact-form form .row input[type=text]::-ms-input-placeholder,
#ecommerce #contact-form form .row input[type=email]::-ms-input-placeholder,
#ecommerce #contact-form form .row input[type=tel]::-ms-input-placeholder {
    color: #c1c1c1;
    opacity: 1
}

#ecommerce #contact-form form .row input[type=text]::placeholder,
#ecommerce #contact-form form .row input[type=email]::placeholder,
#ecommerce #contact-form form .row input[type=tel]::placeholder {
    color: #c1c1c1;
    opacity: 1
}

#ecommerce #contact-form form .row input[type=text] :-ms-input-placeholder,
#ecommerce #contact-form form .row input[type=email] :-ms-input-placeholder,
#ecommerce #contact-form form .row input[type=tel] :-ms-input-placeholder {
    color: #c1c1c1
}

#ecommerce #contact-form form .row input[type=text] ::-ms-input-placeholder,
#ecommerce #contact-form form .row input[type=email] ::-ms-input-placeholder,
#ecommerce #contact-form form .row input[type=tel] ::-ms-input-placeholder {
    color: #c1c1c1
}

#ecommerce #contact-form form .row .error-msg {
    display: block;
    width: 100%;
    letter-spacing: 0.25em;
    color: #D8000C;
    margin-top: 10px;
    margin-bottom: 0
}

#ecommerce #contact-form form .row .fs-dropdown-selected {
    position: relative;
    font-size: 2.3rem;
    width: 100%;
    max-width: none;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0;
    background: #fff;
    color: #c1c1c1;
    font-family: "titling-gothic-fb-wide", sans-serif;
    font-weight: unset;
    margin-bottom: 60px
}

#ecommerce #contact-form form .row .fs-dropdown-selected::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    z-index: 1;
    margin: auto 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #000 transparent transparent transparent
}

#ecommerce #contact-form form .row .fs-dropdown-options {
    display: block;
    border: none;
    border-radius: 0;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.15);
    max-height: 0px;
    opacity: 0;
    transition: all 0.3s ease-in-out
}

#ecommerce #contact-form form .row .fs-dropdown-options.options-open {
    opacity: 1;
    max-height: 260px
}

#ecommerce #contact-form form .row .fs-dropdown-options .fs-dropdown-item {
    width: 100%;
    max-width: none;
    padding: 3px 10px;
    color: #000;
    transition: background 0.3s ease-in-out
}

#ecommerce #contact-form form .row .fs-dropdown-options .fs-dropdown-item:hover,
#ecommerce #contact-form form .row .fs-dropdown-options .fs-dropdown-item.fs-dropdown-item_selected {
    background: #dbdbdb
}

#ecommerce #contact-form form .row .fs-dropdown-options .fs-dropdown-item_disabled {
    color: #494949
}

#ecommerce #contact-form form .row .fs-dropdown-options .fs-dropdown-item_disabled:hover {
    background: #fff;
    color: #494949
}

#ecommerce #contact-form form .row .fs-dropdown-item {
    background: white;
    color: black;
    padding-left: 10px;
    border: unset
}

#ecommerce #contact-form form .row .fs-dropdown-item:hover {
    background-color: black;
    color: black
}

#ecommerce #contact-form form .row .add-ons {
    margin-bottom: 60px
}

#ecommerce #contact-form form .row .add-ons .option {
    display: flex;
    align-items: center
}

#ecommerce #contact-form form .row .add-ons .option label {
    font-size: 1.2rem;
    font-family: "proxima-nova", sans-serif;
    letter-spacing: 0.05em;
    color: #363839;
    margin-left: 10px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: unset;
    font-weight: unset
}

#ecommerce #contact-form form .row textarea {
    text-transform: none;
    line-height: 1.5;
    color: #363839;
    height: 270px;
    resize: none;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: none;
    margin-bottom: 0;
    padding: 10px 15px;
    transition: border-color 0.3s ease-in-out;
    width: 100%;
    font-family: "titling-gothic-fb-wide", sans-serif;
    font-weight: unset
}

#ecommerce #contact-form form .row button {
    max-width: none;
    border-color: #000;
    background: #000;
    color: #fff
}

#ecommerce #contact-form form input[name="website"],
#ecommerce #contact-form form input[type="hidden"] {
    display: none !important
}

@keyframes blink { 50% { fill: transparent }}
.dot-speed { 
  animation: 1s blink infinite;
  fill: grey;
}
.dot-speed:nth-child(2) { animation-delay: 250ms }
.dot-speed:nth-child(3) { animation-delay: 500ms }

.loader-speed {
	color: grey;
	position: absolute;
	bottom: 32px;
	left: 43px;
	z-index: 2;
 
}

@media (max-width: 767.98px) {
    #home #slide-hero .loader-speed {
        left: 13px
    }
}



.progress-wrap {
	position: fixed;
	right: 50px;
	bottom: 50px;
	height: 36px;
	width: 36px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(215,215,215,0.5);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.progress-wrap::after {
	position: absolute;
	font-family: 'unicons';
	content: '\e84b';
	text-align: center;
	line-height: 36px;
	font-size: 24px;
	color: #e6e6e6;
	left: 0;
	top: 0;
	height: 36px;
	width: 36px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family: 'unicons';
	content: '\e84b';
	text-align: center;
	line-height: 36px;
	font-size: 24px;
	opacity: 0;
	background-image: linear-gradient(298deg, #5c789a, #5c789a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 36px;
	width: 36px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: #5c789a;
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}





.jcgmt-container {
    float:left;
    padding: 3%;
}
.centerclock {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 1px 0 0px;
    padding: 0;
	justify-content: center !important;	
}
.jcgmt-container .jcgmt-lbl {
    font-size:10px;
    color: #dadada;
    line-height: 22px;
    /*background: url(../images/label.png) no-repeat;*/
    text-align: center;
    padding-bottom: 5px;
    width: 108px;
    margin: 0 auto;
}
.jcgmt-clockHolder {
    width:100px; 
    margin:0 auto;
    position:relative;
    overflow: hidden;
}
.jcgmt-sec,
.jcgmt-min,
.jcgmt-hour {
    display:block;
    position:absolute;
}

.jcgmt-rotatingWrapper {
    position:absolute;
    width:100px;
    height:100px;
}
.jcgmt-digital,
.jcgmt-date {
    font-weight:bold;
    font-size: 10px;
    color: #787878;
    text-align:center;
    margin-left:8px;
}