@font-face{
    font-family: "SuisseIntl-Light";
    src: url("../fonts/03d5b20d124cd26dc873bd4a8e42313e.eot");
    src: url("../fonts/03d5b20d124cd26dc873bd4a8e42313e.eot?#iefix")format("embedded-opentype"),
        url("../fonts/03d5b20d124cd26dc873bd4a8e42313e.woff")format("woff"),
        url("../fonts/03d5b20d124cd26dc873bd4a8e42313e.woff2")format("woff2"),
        url("../fonts/03d5b20d124cd26dc873bd4a8e42313e.ttf")format("truetype"),
        url("../fonts/03d5b20d124cd26dc873bd4a8e42313e.svg#SuisseIntl-Light")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "SuisseIntl-Regular";
    src: url("../fonts/88f10bf18a36407ef36bf30bc25a3618.eot");
    src: url("../fonts/88f10bf18a36407ef36bf30bc25a3618.eot?#iefix")format("embedded-opentype"),
        url("../fonts/88f10bf18a36407ef36bf30bc25a3618.woff")format("woff"),
        url("../fonts/88f10bf18a36407ef36bf30bc25a3618.woff2")format("woff2"),
        url("../fonts/88f10bf18a36407ef36bf30bc25a3618.ttf")format("truetype"),
        url("../fonts/88f10bf18a36407ef36bf30bc25a3618.svg#SuisseIntl-Regular")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "SuisseIntl-Medium";
    src: url("../fonts/c446362802681bacaacbad0f39bfc1a5.eot");
    src: url("../fonts/c446362802681bacaacbad0f39bfc1a5.eot?#iefix")format("embedded-opentype"),
        url("../fonts/c446362802681bacaacbad0f39bfc1a5.woff")format("woff"),
        url("../fonts/c446362802681bacaacbad0f39bfc1a5.woff2")format("woff2"),
        url("../fonts/c446362802681bacaacbad0f39bfc1a5.ttf")format("truetype"),
        url("../fonts/c446362802681bacaacbad0f39bfc1a5.svg#SuisseIntl-Medium")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "SuisseIntl-SemiBold";
    src: url("../fonts/653d9381828e9577fb1e417dc047f89d.eot");
    src: url("../fonts/653d9381828e9577fb1e417dc047f89d.eot?#iefix")format("embedded-opentype"),
        url("../fonts/653d9381828e9577fb1e417dc047f89d.woff")format("woff"),
        url("../fonts/653d9381828e9577fb1e417dc047f89d.woff2")format("woff2"),
        url("../fonts/653d9381828e9577fb1e417dc047f89d.ttf")format("truetype"),
        url("../fonts/653d9381828e9577fb1e417dc047f89d.svg#SuisseIntl-SemiBold")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family: "SuisseIntl-Bold";
    src: url("../fonts/d1a580023d40c546276decde1c711e60.eot");
    src: url("../fonts/d1a580023d40c546276decde1c711e60.eot?#iefix")format("embedded-opentype"),
        url("../fonts/d1a580023d40c546276decde1c711e60.woff")format("woff"),
        url("../fonts/d1a580023d40c546276decde1c711e60.woff2")format("woff2"),
        url("../fonts/d1a580023d40c546276decde1c711e60.ttf")format("truetype"),
        url("../fonts/d1a580023d40c546276decde1c711e60.svg#SuisseIntl-Bold")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
  

	    :root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}



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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

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

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    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;
    text-decoration: underline dotted;
    -webkit-text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

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

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

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: #2A777C;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #2A777C;
    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: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em;
}

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

figure {
    margin: 0 0 1rem;
}

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

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

table {
    border-collapse: collapse;
}

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

th {
    text-align: inherit;
}

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

button {
    border-radius: 0;
}

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

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

select {
    word-wrap: normal;
}

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

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

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

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

output {
    display: inline-block;
}

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

template {
    display: none;
}

[hidden] {
    display: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blockquote-footer::before {
    content: "— ";
}

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

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

.figure {
    display: inline-block;
}

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

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

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

a > code {
    color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody + tbody {
    border-color: #95999c;
}

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

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

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

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

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

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

textarea.form-control {
    height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.was-validated .form-control:valid.nitro-lazy,.form-control.is-valid.nitro-lazy {
    background-image: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.was-validated .form-control:invalid.nitro-lazy,.form-control.is-invalid.nitro-lazy {
    background-image: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

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

    .form-inline .input-group,.form-inline .custom-select {
        width: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-secondary:focus,.btn-secondary.focus {
    box-shadow: 0 0 0 .2rem rgba(130,138,145,.5);
}

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

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

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

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

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

.btn-success:focus,.btn-success.focus {
    box-shadow: 0 0 0 .2rem rgba(72,180,97,.5);
}

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

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

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

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

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

.btn-info:focus,.btn-info.focus {
    box-shadow: 0 0 0 .2rem rgba(58,176,195,.5);
}

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

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

.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58,176,195,.5);
}

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

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

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

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

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

.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222,170,12,.5);
}

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

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

.btn-danger:focus,.btn-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(225,83,97,.5);
}

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

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

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

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

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

.btn-light:focus,.btn-light.focus {
    box-shadow: 0 0 0 .2rem rgba(216,217,219,.5);
}

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

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

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

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

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

.btn-dark:focus,.btn-dark.focus {
    box-shadow: 0 0 0 .2rem rgba(82,88,93,.5);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-link:focus,.btn-link.focus {
    text-decoration: underline;
    box-shadow: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-toggle {
    white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-menu.show {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.input-group > .form-control,.input-group > .form-control-plaintext,.input-group > .custom-select,.input-group > .custom-file {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.input-group-prepend {
    margin-right: -1px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.custom-select[multiple].nitro-lazy,.custom-select[size]:not([size="1"]).nitro-lazy {
    background-image: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.custom-range:focus {
    outline: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,.custom-file-label,.custom-select {
        transition: none;
    }
}

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

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

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

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

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

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

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

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar-light .navbar-toggler-icon.nitro-lazy {
    background-image: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

.navbar-dark .navbar-toggler-icon.nitro-lazy {
    background-image: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.accordion > .card {
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem;
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}

a.badge:hover,a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

a.badge-primary:hover,a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
}

a.badge-primary:focus,a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5);
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:hover,a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
}

a.badge-secondary:focus,a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge-success:hover,a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success:focus,a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5);
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

a.badge-info:hover,a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info:focus,a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:hover,a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning:focus,a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5);
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:hover,a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger:focus,a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:hover,a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light:focus,a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

a.badge-dark:hover,a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}

a.badge-dark:focus,a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5);
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem;
}

@media (min-width: 576px) {
    .jumbotron {
        padding:4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-primary hr {
    border-top-color: #9fcdff;
}

.alert-primary .alert-link {
    color: #002752;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

.list-group-item-action:hover,.list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.list-group-item.disabled,.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row;
}

.list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
}

.list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        -ms-flex-direction:row;
        flex-direction: row;
    }

    .list-group-horizontal-sm .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

    .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: 0;
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        -ms-flex-direction:row;
        flex-direction: row;
    }

    .list-group-horizontal-md .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

    .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: 0;
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        -ms-flex-direction:row;
        flex-direction: row;
    }

    .list-group-horizontal-lg .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

    .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: 0;
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        -ms-flex-direction:row;
        flex-direction: row;
    }

    .list-group-horizontal-xl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

    .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: 0;
    }
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush .list-group-item:last-child {
    margin-bottom: -1px;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus {
    color: #004085;
    background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085;
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41;
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724;
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460;
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404;
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24;
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.close:hover {
    color: #000;
    text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus {
    opacity: .75;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a.close.disabled {
    pointer-events: none;
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem;
}

.toast:not(:last-child) {
    margin-bottom: .75rem;
}

.toast.showing {
    opacity: 1;
}

.toast.show {
    display: block;
    opacity: 1;
}

.toast.hide {
    display: none;
}

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.toast-body {
    padding: .75rem;
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}

.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: .5;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
}

.modal-footer > :not(:first-child) {
    margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
    margin-right: .25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width:1140px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: .9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top,.bs-tooltip-auto[x-placement^="top"] {
    padding: .4rem 0;
}

.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}

.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000;
}

.bs-tooltip-right,.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 .4rem;
}

.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: .4rem;
    height: .8rem;
}

.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^="bottom"] {
    padding: .4rem 0;
}

.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}

.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000;
}

.bs-tooltip-left,.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 .4rem;
}

.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: .4rem;
    height: .8rem;
}

.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem;
}

.popover .arrow::before,.popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-top,.bs-popover-auto[x-placement^="top"] {
    margin-bottom: .5rem;
}

.bs-popover-top > .arrow,.bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc(( .5rem + 1px ) * -1);
}

.bs-popover-top > .arrow::before,.bs-popover-auto[x-placement^="top"] > .arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0,0,0,.25);
}

.bs-popover-top > .arrow::after,.bs-popover-auto[x-placement^="top"] > .arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff;
}

.bs-popover-right,.bs-popover-auto[x-placement^="right"] {
    margin-left: .5rem;
}

.bs-popover-right > .arrow,.bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc(( .5rem + 1px ) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0;
}

.bs-popover-right > .arrow::before,.bs-popover-auto[x-placement^="right"] > .arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0,0,0,.25);
}

.bs-popover-right > .arrow::after,.bs-popover-auto[x-placement^="right"] > .arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff;
}

.bs-popover-bottom,.bs-popover-auto[x-placement^="bottom"] {
    margin-top: .5rem;
}

.bs-popover-bottom > .arrow,.bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc(( .5rem + 1px ) * -1);
}

.bs-popover-bottom > .arrow::before,.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0,0,0,.25);
}

.bs-popover-bottom > .arrow::after,.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left,.bs-popover-auto[x-placement^="left"] {
    margin-right: .5rem;
}

.bs-popover-left > .arrow,.bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc(( .5rem + 1px ) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0;
}

.bs-popover-left > .arrow::before,.bs-popover-auto[x-placement^="left"] > .arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0,0,0,.25);
}

.bs-popover-left > .arrow::after,.bs-popover-auto[x-placement^="left"] > .arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff;
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529;
}

.carousel {
    position: relative;
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,.carousel-item-next,.carousel-item-prev {
    display: block;
}

.carousel-item-next:not(.carousel-item-left),.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none;
}

.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s .6s opacity;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-prev,.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,.carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23fff\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z\'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon.nitro-lazy {
    background-image: none !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23fff\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z\'/%3e%3c/svg%3e");
}

.carousel-control-next-icon.nitro-lazy {
    background-image: none !important;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-primary {
    background-color: #007bff !important;
}

a.bg-primary: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-sm {
    border-radius: .2rem !important;
}

.rounded {
    border-radius: .25rem !important;
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important;
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}

.rounded-lg {
    border-radius: .3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display:none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display:none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display:none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display:none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,.embed-responsive 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.857143%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction:row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction:row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction:row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction:row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float:left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float:left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float:left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float:left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

.m-0 {
    margin: 0 !important;
}

.mt-0,.my-0 {
    margin-top: 0 !important;
}

.mr-0,.mx-0 {
    margin-right: 0 !important;
}

.mb-0,.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: .25rem !important;
}

.mt-1,.my-1 {
    margin-top: .25rem !important;
}

.mr-1,.mx-1 {
    margin-right: .25rem !important;
}

.mb-1,.my-1 {
    margin-bottom: .25rem !important;
}

.ml-1,.mx-1 {
    margin-left: .25rem !important;
}

.m-2 {
    margin: .5rem !important;
}

.mt-2,.my-2 {
    margin-top: .5rem !important;
}

.mr-2,.mx-2 {
    margin-right: .5rem !important;
}

.mb-2,.my-2 {
    margin-bottom: .5rem !important;
}

.ml-2,.mx-2 {
    margin-left: .5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,.my-3 {
    margin-top: 1rem !important;
}

.mr-3,.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,.my-5 {
    margin-top: 3rem !important;
}

.mr-5,.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,.py-0 {
    padding-top: 0 !important;
}

.pr-0,.px-0 {
    padding-right: 0 !important;
}

.pb-0,.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: .25rem !important;
}

.pt-1,.py-1 {
    padding-top: .25rem !important;
}

.pr-1,.px-1 {
    padding-right: .25rem !important;
}

.pb-1,.py-1 {
    padding-bottom: .25rem !important;
}

.pl-1,.px-1 {
    padding-left: .25rem !important;
}

.p-2 {
    padding: .5rem !important;
}

.pt-2,.py-2 {
    padding-top: .5rem !important;
}

.pr-2,.px-2 {
    padding-right: .5rem !important;
}

.pb-2,.py-2 {
    padding-bottom: .5rem !important;
}

.pl-2,.px-2 {
    padding-left: .5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,.py-3 {
    padding-top: 1rem !important;
}

.pr-3,.px-3 {
    padding-right: 1rem !important;
}

.pb-3,.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,.py-5 {
    padding-top: 3rem !important;
}

.pr-5,.px-5 {
    padding-right: 3rem !important;
}

.pb-5,.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -.25rem !important;
}

.mt-n1,.my-n1 {
    margin-top: -.25rem !important;
}

.mr-n1,.mx-n1 {
    margin-right: -.25rem !important;
}

.mb-n1,.my-n1 {
    margin-bottom: -.25rem !important;
}

.ml-n1,.mx-n1 {
    margin-left: -.25rem !important;
}

.m-n2 {
    margin: -.5rem !important;
}

.mt-n2,.my-n2 {
    margin-top: -.5rem !important;
}

.mr-n2,.mx-n2 {
    margin-right: -.5rem !important;
}

.mb-n2,.my-n2 {
    margin-bottom: -.5rem !important;
}

.ml-n2,.mx-n2 {
    margin-left: -.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,.my-auto {
    margin-top: auto !important;
}

.mr-auto,.mx-auto {
    margin-right: auto !important;
}

.mb-auto,.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0 !important;
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: .25rem !important;
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem !important;
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem !important;
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem !important;
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem !important;
    }

    .m-sm-2 {
        margin: .5rem !important;
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem !important;
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem !important;
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem !important;
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: .25rem !important;
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem !important;
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem !important;
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem !important;
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem !important;
    }

    .p-sm-2 {
        padding: .5rem !important;
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem !important;
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem !important;
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem !important;
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-n1 {
        margin: -.25rem !important;
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -.25rem !important;
    }

    .mr-sm-n1,.mx-sm-n1 {
        margin-right: -.25rem !important;
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -.25rem !important;
    }

    .ml-sm-n1,.mx-sm-n1 {
        margin-left: -.25rem !important;
    }

    .m-sm-n2 {
        margin: -.5rem !important;
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -.5rem !important;
    }

    .mr-sm-n2,.mx-sm-n2 {
        margin-right: -.5rem !important;
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -.5rem !important;
    }

    .ml-sm-n2,.mx-sm-n2 {
        margin-left: -.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,.my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,.mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,.mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,.my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,.mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,.mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,.my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,.mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,.mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0 !important;
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: .25rem !important;
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem !important;
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem !important;
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem !important;
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem !important;
    }

    .m-md-2 {
        margin: .5rem !important;
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem !important;
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem !important;
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem !important;
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: .25rem !important;
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem !important;
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem !important;
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem !important;
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem !important;
    }

    .p-md-2 {
        padding: .5rem !important;
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem !important;
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem !important;
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem !important;
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-n1 {
        margin: -.25rem !important;
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -.25rem !important;
    }

    .mr-md-n1,.mx-md-n1 {
        margin-right: -.25rem !important;
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -.25rem !important;
    }

    .ml-md-n1,.mx-md-n1 {
        margin-left: -.25rem !important;
    }

    .m-md-n2 {
        margin: -.5rem !important;
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -.5rem !important;
    }

    .mr-md-n2,.mx-md-n2 {
        margin-right: -.5rem !important;
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -.5rem !important;
    }

    .ml-md-n2,.mx-md-n2 {
        margin-left: -.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,.mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,.mx-md-n3 {
        margin-left: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,.mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,.mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,.mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,.mx-md-n5 {
        margin-left: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0 !important;
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: .25rem !important;
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem !important;
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .25rem !important;
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem !important;
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .25rem !important;
    }

    .m-lg-2 {
        margin: .5rem !important;
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem !important;
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .5rem !important;
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem !important;
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: .25rem !important;
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem !important;
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .25rem !important;
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem !important;
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .25rem !important;
    }

    .p-lg-2 {
        padding: .5rem !important;
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem !important;
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .5rem !important;
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem !important;
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-n1 {
        margin: -.25rem !important;
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -.25rem !important;
    }

    .mr-lg-n1,.mx-lg-n1 {
        margin-right: -.25rem !important;
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -.25rem !important;
    }

    .ml-lg-n1,.mx-lg-n1 {
        margin-left: -.25rem !important;
    }

    .m-lg-n2 {
        margin: -.5rem !important;
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -.5rem !important;
    }

    .mr-lg-n2,.mx-lg-n2 {
        margin-right: -.5rem !important;
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -.5rem !important;
    }

    .ml-lg-n2,.mx-lg-n2 {
        margin-left: -.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,.my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,.mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,.mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,.my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,.mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,.mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,.my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,.mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,.mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin:0 !important;
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: .25rem !important;
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem !important;
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .25rem !important;
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem !important;
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .25rem !important;
    }

    .m-xl-2 {
        margin: .5rem !important;
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem !important;
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .5rem !important;
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem !important;
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: .25rem !important;
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem !important;
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .25rem !important;
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem !important;
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .25rem !important;
    }

    .p-xl-2 {
        padding: .5rem !important;
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem !important;
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .5rem !important;
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem !important;
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-n1 {
        margin: -.25rem !important;
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -.25rem !important;
    }

    .mr-xl-n1,.mx-xl-n1 {
        margin-right: -.25rem !important;
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -.25rem !important;
    }

    .ml-xl-n1,.mx-xl-n1 {
        margin-left: -.25rem !important;
    }

    .m-xl-n2 {
        margin: -.5rem !important;
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -.5rem !important;
    }

    .mr-xl-n2,.mx-xl-n2 {
        margin-right: -.5rem !important;
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -.5rem !important;
    }

    .ml-xl-n2,.mx-xl-n2 {
        margin-left: -.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,.my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,.mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,.mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,.my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,.mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,.mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,.my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,.mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,.mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto !important;
    }
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align:left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align:left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align:left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align:left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

a.text-primary:hover,a.text-primary:focus {
    color: #0056b3 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover,a.text-secondary:focus {
    color: #494f54 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:hover,a.text-success:focus {
    color: #19692c !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover,a.text-info:focus {
    color: #0f6674 !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:hover,a.text-warning:focus {
    color: #ba8b00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover,a.text-danger:focus {
    color: #a71d2a !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover,a.text-light:focus {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover,a.text-dark:focus {
    color: #121416 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0,0,0,.5) !important;
}

.text-white-50 {
    color: rgba(255,255,255,.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *,*::before,*::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,img {
        page-break-inside: avoid;
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3;
    }

    h2,h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,.table th {
        background-color: #fff !important;
    }

    .table-bordered th,.table-bordered td {
        border: 1px solid #dee2e6 !important;
    }

    .table-dark {
        color: inherit;
    }

    .table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody + tbody {
        border-color: #dee2e6;
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}

@charset "UTF-8";.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
    from,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {
    from,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from,50%,to {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,50%,to {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}

@keyframes shake {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg);
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg);
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg);
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg);
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg);
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg);
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg);
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg);
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from,11.1%,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}

@keyframes jello {
    from,11.1%,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes bounceInDown {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes bounceInLeft {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes bounceInRight {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes bounceInUp {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none;
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("https://cdn-ilcldgh.nitrocdn.com/GQnhxeldOBrOSKZjsfLZOTgoYhZMKWId/assets/images/optimized/rev-1b46be0/www.flyfullcircle.com/js/OwlCarousel2/dist/assets/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease;
}

.owl-carousel .owl-video-play-icon.nitro-lazy {
    background-image: none !important;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s;
}

[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s;
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s;
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s;
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s;
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s;
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s;
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s;
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s;
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s;
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s;
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s;
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s;
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s;
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s;
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s;
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s;
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s;
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s;
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s;
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s;
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s;
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s;
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s;
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s;
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s;
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s;
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s;
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s;
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s;
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s;
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s;
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s;
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s;
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s;
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s;
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75);
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}

[data-aos=fade-up] {
    transform: translate3d(0,100px,0);
}

[data-aos=fade-down] {
    transform: translate3d(0,-100px,0);
}

[data-aos=fade-right] {
    transform: translate3d(-100px,0,0);
}

[data-aos=fade-left] {
    transform: translate3d(100px,0,0);
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px,100px,0);
}

[data-aos=fade-up-left] {
    transform: translate3d(100px,100px,0);
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px,-100px,0);
}

[data-aos=fade-down-left] {
    transform: translate3d(100px,-100px,0);
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
    transform: scale(.6);
}

[data-aos=zoom-in-up] {
    transform: translate3d(0,100px,0) scale(.6);
}

[data-aos=zoom-in-down] {
    transform: translate3d(0,-100px,0) scale(.6);
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px,0,0) scale(.6);
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px,0,0) scale(.6);
}

[data-aos=zoom-out] {
    transform: scale(1.2);
}

[data-aos=zoom-out-up] {
    transform: translate3d(0,100px,0) scale(1.2);
}

[data-aos=zoom-out-down] {
    transform: translate3d(0,-100px,0) scale(1.2);
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px,0,0) scale(1.2);
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px,0,0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0);
}

[data-aos=slide-up] {
    transform: translate3d(0,100%,0);
}

[data-aos=slide-down] {
    transform: translate3d(0,-100%,0);
}

[data-aos=slide-right] {
    transform: translate3d(-100%,0,0);
}

[data-aos=slide-left] {
    transform: translate3d(100%,0,0);
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform;
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0);
}

body.menu-active {
    /* overflow:hidden; */
}

.linksmenu a {
    text-decoration: none !important;
    color: inherit;
}

.linksmenu a:hover {
    text-decoration: none;
    color: inherit;
}

.linksmenu a:focus {
    text-decoration: none;
    color: inherit;
}

.linksmenu a:visited {
    text-decoration: none;
    color: inherit;
}

.tmenu-cont {
    position: fixed;
    top: 55px;
    right: 4.8vmin;
    z-index: 99999999;
    cursor: pointer;
    /* mix-blend-mode: difference; */
}

.fixed__bar {
    display: none !important;
    display: grid;
    position: fixed;
    padding: 15px 50px;
    background: #1a1a1a;
    top: 0;
    width: 100%;
    z-index: 999999;
    transform: translateY(-100%);
    transition: transform .5s ease;
    grid-template-areas: ". . .";
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
}

.fixed__bar.scrolled {
    transform: translateY(-1%);
}

.fixed__bar .logo {
}

.fixed__bar .logo img {
    width: auto;
    height: 45px;
}

.fixed__bar .centerMenu ul {
    margin: 0 auto;
    padding: 0;
    font-size: 0;
    display: inline-grid;
    grid-template-areas: ". . . . .";
    grid-template-columns: repeat(5,max-content);
    grid-gap: 3vw;
}

.fixed__bar .centerMenu ul li {
    font-size: 18px;
    color: #fff;
    list-style: none;
    text-align: center;
    user-select: none;
    letter-spacing: .5px;
    line-height: 1;
}

.fixed__bar .centerMenu ul li a {
    display: block;
    padding: 5px;
    position: relative;
}

.fixed__bar .centerMenu ul li a:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    height: 7px;
    width: 7px;
    background-color: transparent;
    border-radius: 100%;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.fixed__bar .centerMenu ul li.current-menu-item a:after {
    background-color: var(--flyblue) !important;
}

.fixed__bar .centerMenu ul li:hover a:after {
    background-color: rgba(255,255,255,.4);
}

.fixed__bar .rightMenu ul {
    margin: 0;
    padding: 0;
    font-size: 0;
    display: grid;
    grid-template-areas: ".";
    grid-gap: 10px;
}

.fixed__bar .rightMenu ul li {
    font-size: 18px;
    color: #fff;
    list-style: none;
    text-align: right;
    user-select: none;
    letter-spacing: .5px;
    line-height: 1;
}

.fixed__bar .rightMenu ul li a {
    display: inline-block;
    padding: 5px;
    position: relative;
}

.fixed__bar .rightMenu ul li a:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    height: 7px;
    width: 7px;
    background-color: transparent;
    border-radius: 100%;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.fixed__bar .rightMenu ul li.current-menu-item a:after {
    background-color: var(--flyblue) !important;
}

.fixed__bar .rightMenu ul li:hover a:after {
    background-color: rgba(255,255,255,.4);
}

.tmenu-cont p {
    margin: 0;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    margin-right: 12px;
    user-select: none;
    transition: all .5s ease;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 400;
}

.tmenu-cont p span:first-of-type {
    display: block;
}

.tmenu-cont p span:last-of-type {
    display: none;
}

.tmenu-cont.active p span:first-of-type {
    display: none;
}

.tmenu-cont.active p span:last-of-type {
    display: block;
    color: #000;
}

.tmenu-cont:hover p {
    margin-right: 4px;
    transition: all .5s ease;
}

.tmenu-cont.active p {
    margin-right: 4px;
    transition: all .5s ease;
}

.tmenu-cont ul.dots {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 0;
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    vertical-align: middle;
    transform-origin: center center;
    transition: all .5s ease;
}

.tmenu-cont:hover ul.dots {
    transform: rotate(90deg);
    transition: all .5s ease;
}

.tmenu-cont ul.dots li {
    height: 5px;
    width: 5px;
    background: #fff;
    border-radius: 50%;
    list-style: none;
    opacity: .4;
}

.tmenu-cont ul.dots li.mid {
    margin: 5px 0;
    z-index: 1;
    transition: all .5s ease;
}

.tmenu-cont:hover ul.dots li.mid {
    margin: -5px 0;
    background: var(--flyblue);
    opacity: 1;
    height: 8px;
    width: 8px;
    transition: all .5s ease;
}

.tmenu-cont.active ul.dots li.mid {
    margin: -5px 0;
    background: var(--flyblue);
    opacity: 1;
    height: 8px;
    width: 8px;
    transition: all .5s ease;
}

.tmfull-cont {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 70vmin;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    pointer-events: none;
}

.tmfull-cont.active {
    pointer-events: all;
}

.tmfull-cont video {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 101%;
    width: auto;
    height: auto;
    opacity: 0;
    transition: all 1s ease;
    display: none !important;
}

.tmfull-cont.active video {
    left: 50%;
    opacity: 1;
    transition: all 1s ease;
}

.tmfull-cont:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: #222222;
    opacity: 0;
    z-index: 1;
    transition: all 0.69s ease;
}

.tmfull-cont.active:before {
    opacity: 0;
    transition: all 0.69s ease;
    width: 100%;
}

.tmfull-cont .aside-flair {
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 70vmin;
    top: 50%;
    right: -100%;
    background: transparent;
    transform: translateY(calc(-50%));
    transition: all .5s ease;
    transition-delay: 1s;
}

.tmfull-cont.active .aside-flair {
    right: 0%;
    transition: all 1s ease;
    transition-delay: 0s;
}

.tmfull-cont aside {
    background: rgb(255 255 255 / 65%);
    height: 100%;
    width: 70vmin;
    margin-left: auto;
    position: relative;
    padding: 15vmin;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    overflow: hidden;
    right: -100%;
    pointer-events: none;
    transition: all .5s ease;
    transition-delay: .85s;
}

.tmfull-cont.active aside {
    right: 0;
    pointer-events: all;
    transition: all 1s ease;
    transition-delay: .15s;
}

.tmfull-cont aside ul.exc {
    display: none;
    padding: 0;
    margin: 0;
    border: none;
    font-size: 0px;
}

.tmfull-cont aside ul.exc li {
    font-size: 2vmin;
    display: inline-flex;
    margin-right: 2vmin;
}

.tmfull-cont aside ul.exc li a {
    padding: 1vmin;
    padding-left: 0;
}

.tmfull-cont aside ul.exc li a svg {
    width: auto;
    height: 1.3vmin;
    margin-left: 1vmin;
}

.tmfull-cont aside ul.exc li a svg path {
}

@keyframes menuRotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.tmfull-cont aside img {
    display: none;
    position: absolute;
    bottom: -40vmin;
    right: -40vmin;
    z-index: 1;
    width: 80vmin;
    opacity: .2;
    transform-origin: center center;
    animation: menuRotate linear 50s infinite;
}


.tmfull-cont aside ol {
    /* margin: 7.5vmin 0 0; */
    margin: 3vmin 0 0;
    padding: 0;
    border: none;
    font-size: 0px;
    display: table;
    position: relative;
    transform-origin: center center;
    z-index: 2;
    overflow: hidden;
}

.tmfull-cont aside ol li {
    display: inline-flex;
    list-style: none;
    font-size: 1.4vmin;
    margin: 0;
    margin-right: 1.8vmin;
    /* overflow: hidden; */
    font-family: 'SuisseIntl-Medium';
    /* letter-spacing: 0.5px; */
}

.tmfull-cont aside ol li.fb a:hover {
    color: #2A777C;
}

.tmfull-cont aside ol li.tw a:hover {
    color: #1da1f2;
}

.tmfull-cont aside ol li.ig a:hover {
    color: #e1306c;
}

.tmfull-cont aside ol li.li a:hover {
    color: #0077b5;
}

.tmfull-cont aside ol li.dr a:hover {
    color: #ea4c89;
}

.tmfull-cont aside ol li:last-of-type {
    margin-right: 0;
}

.tmfull-cont aside ol li a {
    position: relative;
    top: 2vmin;
    transition: all .5s ease;
    transition-delay: 0s;
}

.tmfull-cont.active aside ol li a {
    top: 0vmin !important;
    /*transition: all 1s ease;
    transition-delay: 1s; */
    transition: all .5s ease;
    transition-delay: .25s;

}

.tmfull-cont aside desc {
    display: none;
    position: absolute;
    bottom: 2vmin;
    left: -3vmin;
    opacity: .025;
    line-height: 1;
    transform-origin: center center;
    transform: rotate(0deg);
    pointer-events: none;
}

.tmfull-cont aside desc p {
    font-size: 17vmin;
    color: #000;
    margin: 0;
    font-weight: 700;
    line-height: 1;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 5px;
    letter-spacing: 5px;
    -webkit-text-stroke-color: #000;
}

.tmfull-cont aside .menu-main-container {
}

.tmfull-cont aside .menu-main-container ul {
    display: table;
    margin: 0;
    padding: 0;
    font-size: 0;
    width: auto;
    height: auto;
    position: relative;
    pointer-events: none;
}

.tmfull-cont.active aside .menu-main-container ul {
    pointer-events: all;
}

.tmfull-cont aside .menu-main-container ul li {
    font-size: 5vmin;
    list-style: none;
    transition: all .2s ease;
    overflow: hidden;
    display: table;
    line-height: 1.4;
    font-weight: 400;
    /*font-family: 'raleway';*/
    font-family: 'SuisseIntl-Regular';
    color: #404040;
}

.linksmenu a {
    text-decoration: none !important;
    color: #404040;
}

.tmfull-cont aside .menu-main-container ul li:first-of-type {
    display: none;
}

.tmfull-cont aside .menu-main-container ul:hover li {
    opacity: .5;
    transition: all .2s ease;
}

.tmfull-cont aside .menu-main-container ul li:hover {
    opacity: 1;
    transition: all .2s ease;
}

.tmfull-cont aside .menu-main-container ul li a {
    display: block;
    padding: 1vmin .5vmin 1vmin 0;
    position: relative;
    top: 12vmin;
    transition: all .5s ease;
}

.tmfull-cont aside .menu-main-container ul li a:hover {
    color: #2A777C !important;
    user-select: none;
}

.tmfull-cont aside .menu-main-container ul li a:hover svg {
    opacity: 1 !important;
    margin-right: 1vmin;
}
.tmfull-cont aside .menu-main-container ul li a svg path {
    fill: #2A777C;
}

.tmfull-cont aside .menu-main-container ul li a span {
    position: absolute;
    top: 1vmin;
    right: 1vmin;
    font-size: 1.5vmin;
    color: #111;
}

.tmfull-cont aside .menu-main-container ul li.active a {
    top: 0;
    transition: all .5s ease;
    transition-delay: .6s;
}

.tmfull-cont aside .menu-main-container ul li.active:nth-child(1) a {
    transition-delay: .85s;
}

.tmfull-cont aside .menu-main-container ul li.active:nth-child(2) a {
    transition-delay: .9s;
        
    user-select: none;
}

.tmfull-cont aside .menu-main-container ul li.active:nth-child(3) a {
    transition-delay: .95s;
    
    user-select: none;
}

.tmfull-cont aside .menu-main-container ul li.active:nth-child(4) a {
    transition-delay: 1s;

    user-select: none;
}

.tmfull-cont aside .menu-main-container ul li.active:nth-child(5) a {
    transition-delay: 1.05s;

    user-select: none;
}

.tmfull-cont aside .menu-main-container ul li.active:nth-child(6) a {
    transition-delay: 1.1s;

    user-select: none;
}

.tmfull-cont aside .menu-main-container ul li:nth-child(6) a {
    transition-delay: 0s;
}

.tmfull-cont aside .menu-main-container ul li:nth-child(5) a {
    transition-delay: .05s;
}

.tmfull-cont aside .menu-main-container ul li:nth-child(4) a {
    transition-delay: .1s;
}

.tmfull-cont aside .menu-main-container ul li:nth-child(3) a {
    transition-delay: .15s;
}

.tmfull-cont aside .menu-main-container ul li:nth-child(2) a {
    transition-delay: .2s;
}

.tmfull-cont aside .menu-main-container ul li:nth-child(1) a {
    transition-delay: .25s;
}

.tmfull-cont aside .menu-main-container ul li a:before {
    content: "01.";
    font-size: 1.3vmin;
    margin-right: 1.3vmin;
    font-weight: 400;
    opacity: .5;
    display: none;
}

.tmfull-cont aside .menu-main-container ul li:nth-child(2n) a:before {
    content: "01.";
}

.tmfull-cont aside .menu-main-container ul li:nth-child(3n) a:before {
    content: "02.";
}

.tmfull-cont aside .menu-main-container ul li:nth-child(4n) a:before {
    content: "03.";
}

.tmfull-cont aside .menu-main-container ul li:nth-child(5n) a:before {
    content: "04.";
}

.tmfull-cont aside .menu-main-container ul li:nth-child(6n) a:before {
    content: "05.";
}

.tmfull-cont aside .menu-main-container ul li a svg {
    height: 1.8vmin;
    width: auto;
    margin-left: 0vmin;
    opacity: 0;
    transition: all .5s ease;
}

.tmfull-cont aside .menu-main-container ul li:hover a svg {
    transform: translateX(.5vmin);
    opacity: 1;
    transition: all .5s ease;
}

.tmfull-cont aside .menu-main-container ul li a svg path {
}

.jserv-cont {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5vmin;
    width: 55%;
    height: 55%;
    border-left: 1px solid #eaeaea;
    padding: 2vmin 5vmin;
    display: flex;
    display: none;
    flex-direction: column;
    justify-content: center;
}

.jserv-cont.active {
    display: flex;
}

.jserv-cont .row {
    margin: 0;
}

.jserv-cont .col-6:nth-child(3) ol.serv {
    margin-top: 4vmin;
}

.jserv-cont ol.serv {
    margin: 0;
    padding: 0;
    border: none;
}

.jserv-cont content {
    display: block;
}

.jserv-cont ol.serv li {
    display: block;
}

.jserv-cont ol.serv li a {
    font-size: 1.5vmin;
    font-weight: 400;
    color: #888 !important;
    margin: 0 0 2.6vmin;
    line-height: 1;
    transition-delay: 0s !important;
    display: block;
}

.jserv-cont ol.serv li:first-of-type {
    font-size: 2.7vmin;
    font-weight: 400;
    color: var(--flyblack) !important;
    margin: 0 0 3vmin;
    line-height: 1;
    overflow: visible;
}

.jserv-cont ol.serv li a {
}



/* .top items */
.tmfull-cont ol.top li {
    display: block;
    margin: 0;
    font-size: 2.2vmin;
}

.tmfull-cont aside ol.top li a {
    top: 10vmin;
}

.tmfull-cont ol.top li:first-of-type {
    /*margin: 0 0 1vmin !important;*/
    margin: 0px !important;
    font-size: 1.8vmin;
}

.tmfull-cont.active ol.top li:first-of-type a {
    color: #ffffff;
}

.tmfull-cont.active ol.top li:first-of-type a:visited {
    color: #ffffff;
}

.tmfull-cont.active ol.top li:first-of-type a:hover {
    color: #ffffff;
}

.tmfull-cont ol.top li:last-of-type {
    text-decoration: none;
}

.tmfull-cont ol.top li:last-of-type a,.tmfull-cont ol.top li:last-of-type a:visited,.tmfull-cont ol.top li:last-of-type a:focus {
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    display: inline-block;
    position: relative;
    /*overflow: hidden; */
}

.tmfull-cont ol.top li:last-of-type a:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: 2px;
    right: 0;
    width: 100%;
    background: transparent;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.tmfull-cont ol.top li:last-of-type a:hover:after {
    animation: hoverUnderline 1.5s ease;
        color: #2A777C;
}

.tmfull-cont ol.top li:last-of-type a:hover {
    color: #2A777C;
}

/* fim .top items */





/* .top2 items */
.tmfull-cont ol.top2 li {
   
    margin-right: 1.8vmin;
    font-size: 2.2vmin;
}

.tmfull-cont aside ol.top2 li a {
    top: 10vmin;
}

.tmfull-cont ol.top2 li:first-of-type {
    margin: 0 0 2vmin;
    font-size: 1.7vmin;
    display: block;
}

.tmfull-cont.active ol.top2 li:first-of-type a {
    color: #404040;
}

.tmfull-cont.active ol.top2 li:first-of-type a:visited {
    color: #404040;
}

.tmfull-cont.active ol.top2 li:first-of-type a:hover {
    color: #2A777C;
}

.tmfull-cont ol.top2 li:last-of-type {
    text-decoration: none;
}

.tmfull-cont ol.top2 li:last-of-type a,.tmfull-cont ol.top2 li:last-of-type a:visited,.tmfull-cont ol.top2 li:last-of-type a:focus {
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.tmfull-cont ol.top2 li:last-of-type a:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: 2px;
    right: 0;
    width: 100%;
    background: transparent;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.tmfull-cont ol.top2 li:last-of-type a:hover:after {
    animation: hoverUnderline 1.5s ease;
        color: #2A777C;
}

.tmfull-cont ol.top2 li:last-of-type a:hover {
    color: #2A777C;
}


/* fim .top2 items */






.tmfull-cont aside ol:last-of-type {
    margin: 2vmin 0 0;
}

.tmfull-cont aside ol li:last-of-type {
    margin: 0;
}

.tmenu-cont.active {
    mix-blend-mode: normal;
}

.tmenu-cont .mobilePlus {
    display: inline-flex;
}

.tmenu-cont .mobilePlus svg {
    width: 25px;
    height: 25px;
    transition: .5s;
}

.tmenu-cont .mobilePlus svg path {
    fill: #fff;
    transition: .5s;
}

.tmenu-cont.active .mobilePlus svg {
    transform: rotate(45deg);
}

.tmenu-cont.active .mobilePlus svg path {
    fill: #ffffff;
}

@media screen and (max-width: 1500px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 991px) {
    .fixed__bar {
        transform:translateY(-100%) !important;
    }

    .jserv-cont.active {
        display: none;
    }

    .tmfull-cont aside ol li a {
        top: 2.5vmin;
    }

    .tmfull-cont aside ol li {
        font-size: 1.8vmin;
    }

    .tmfull-cont aside ol {
        margin: 5.8vmin 0 0;
    }

    .tmfull-cont aside .menu-main-container ul li a {
        top: 5.3vmin;
    }

    .tmfull-cont aside .menu-main-container ul li a svg {
        height: 2.5vmin;
    }

    .tmfull-cont aside .menu-main-container ul li {
        font-size: 3.1vmin;
    }

    .tmfull-cont aside .menu-main-container ul li a:before {
        font-size: 1.8vmin;
    }
}

@media screen and (max-width: 1024px) {
    .tmfull-cont aside .menu-main-container ul li a {
        top:6vmin;
    }

    .tmfull-cont aside ol li a {
        top: 3.2vmin;
    }

    .tmfull-cont aside ol li {
        font-size: 1.5vmin;
        margin-right: 2vmin;
    }

    .tmfull-cont aside .menu-main-container ul li a:before {
        font-size: 1.8vmin;
        margin-right: 1.7vmin;
        font-weight: 400;
    }

    .tmfull-cont aside .menu-main-container ul li {
        font-size: 3.4vmin;
    }

    .tmfull-cont aside ol {
        margin: 6.5vmin 0 0;
    }
}

@media screen and (max-width: 768px) {
    .tmenu-cont {
        top:42px;
        right: 30px;
    }
}

@media screen and (max-width: 591px) {
    .tmfull-cont ol.top li {
        display:block;
        margin: 0;
        font-size: 4vmin !important;
    }

    .tmfull-cont aside ol.top li a {
        top: 10vmin;
    }

    .tmfull-cont ol.top li:first-of-type {
        margin: 0 0 2vmin;
        font-size: 3.5vmin;
        overflow: hidden;
    }

    .tmfull-cont.active ol.top li:first-of-type a {
        color: #a3a5a7;
    }

    .tmfull-cont.active ol.top li:first-of-type a:visited {
        color: #a3a5a7;
    }

    .tmfull-cont.active ol.top li:first-of-type a:hover {
        color: #a3a5a7;
    }

    .tmfull-cont ol.top li:last-of-type {
        text-decoration: underline;
    }

    .tmfull-cont aside ol:last-of-type {
        margin: 10vmin 0 0;
    }

    .tmfull-cont aside ol li:last-of-type {
        margin: 0;
    }

    .tmfull-cont aside ol li a {
        top: 3.2vmin;
    }

    .tmfull-cont aside .menu-main-container ul li a {
        top: 18.5vmin;
    }

    .tmfull-cont aside ol {
        margin: 7vmin 0 0;
    }
    
    .tmfull-cont aside ol li {
        font-size: 12px !important;
        margin-right: 3vmin !important;
    }

    .tmfull-cont aside .menu-main-container ul li a svg {
        height: 4.2vmin;
    }

    .tmfull-cont aside .menu-main-container ul li a:before {
        font-size: 2.5vmin;
        margin-right: 4vmin;
    }

    .tmfull-cont aside .menu-main-container ul li {
        font-size: 10vmin;
    }

    .tmfull-cont .aside-flair {
        width: 100%;
    }

    .tmfull-cont aside {
        width: 100%;
        padding: 7vmin;
    }

    .tmfull-cont #menu-main {
        display: table;
    }

    .tmfull-cont aside ol:last-of-type {
        margin: 6vmin 0 0;
        /*display: none;*/
    }

    /******* marcio ********/

    .tmfull-cont {
        width: 100% !important;
    }

    .logo {
        left: 50% !important;
    }

    #menu-toggle-wrapper2 {
        right: 15px;
    }

    /*services*/
    #portrait {
        display: block !important;
        z-index: 2;
        top: 125px !important;
        position: absolute;
        width: 100%;
    }

    #design_p, #web_p, #arq_p, #foto_p, #tresd_p {
        width: 100%;
        padding: 0px 30px;
        height: 115px;
        text-align: left;
        background: rgba(0,0,0,0);
        font-size: 16px;
        font-weight: 300;
        font-family: 'SuisseIntl-Regular';
        line-height: 11px;
        color: #ffffff !important;
    }

    #design_p p, #web_p p, #arq_p p, #foto_p p, #tresd_p p {
        font-size: 1.2rem !important;
        line-height: 1.5rem !important;
        font-weight: 400;
        text-align: left !important;
        margin: 0px !important;
        font-family: 'SuisseIntl-Regular' !important;
    }


}

@media screen and (max-width: 768px) * {
}

body {
}

.pl50 {
    padding-left: 50px;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

p {
    font-size: .9vw;
    color: var(--white);
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.8;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

div {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

.width100 {
    width: 100%;
}

.hidden-xl {
    display: none !important;
}

::-moz-selection {
    color: #000 !important;
    background: var(--white) !important;
}

::selection {
    color: #000 !important;
    background: var(--white) !important;
}

.whiteBg ::-moz-selection {
    color: var(--white) !important;
    background: #000 !important;
}

.whiteBg ::selection {
    color: var(--white) !important;
    background: #000 !important;
}

.post,.page {
    margin: 0;
}

.caseInfoBox {
    padding: 0 75px 150px;
}

body::-webkit-scrollbar {
    width: 0 !important;
}

body {
    overflow: -moz-scrollbars-none;
}

body {
    -ms-overflow-style: none;
}

.page-template-page-case_landing {
    overflow: hidden;
}

.progress-container {
    width: 280px;
    height: 1px;
    background: var(--white);
    position: fixed;
    right: -70px;
    bottom: 180px;
    transform: rotate(90deg);
    z-index: 9999;
    display: none;
}

.progress-bar {
    height: 1px;
    background: var(--blue);
    width: 0%;
    border-right: 40;
    transition: none;
}

.page-id-1023 .progress-container {
    display: none;
}

.page-template-page-case_landing footer {
    display: none;
}

.customCursor {
    position: fixed;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--blue);
    transform: translate(-50%,-50%);
    z-index: 99999999999999;
    pointer-events: none;
}

.customCursorFollow {
    position: fixed;
    transform: translate(-50%,-50%);
    z-index: 999999999;
    pointer-events: none;
}

.customCursorFollow .defaultNormal {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    pointer-events: none;
    border: 2px solid var(--flyblue);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.viewWorkCursor {
    opacity: 0;
    width: 0px;
    height: 0px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.customCursor.workHover {
    width: auto;
    height: auto;
    background: 0;
}

.customCursor.workHover .viewWorkCursor {
    opacity: 1;
    width: 20px;
    height: 20px;
    font-size: 18px;
    color: #fff;
    pointer-events: none;
    display: grid;
    align-items: center;
    text-align: center;
}

.customCursor.workHover~.customCursorFollow .defaultNormal {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    pointer-events: none;
    border: 0;
    background: rgba(0,0,0,.8);
}

.m0 {
    margin: 0 !important;
}

.mr1 {
    margin-right: 1%;
}

.mr2 {
    margin-right: 2%;
}

.mr3 {
    margin-right: 3%;
}

.mr4 {
    margin-right: 4%;
}

.mr5 {
    margin-right: 5%;
}

.ml1 {
    margin-left: 1%;
}

.ml2 {
    margin-left: 2%;
}

.ml3 {
    margin-left: 3%;
}

.ml4 {
    margin-left: 4%;
}

.ml5 {
    margin-left: 5%;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.links a {
    text-decoration: none !important;
    color: inherit !important;
}

.links a:hover {
    text-decoration: none !important;
    color: inherit !important;
}

.links a:focus {
    text-decoration: none !important;
    color: inherit !important;
}

.links a:visited {
    text-decoration: none !important;
    color: inherit !important;
}

.padd0 {
    padding: 0 !important;
}

.padd10 {
    padding: 10px;
}

.padd20 {
    padding: 20px;
}

.padd30 {
    padding: 30px;
}

.padd40 {
    padding: 40px;
}

.padd50 {
    padding: 50px;
}

.padd-top10 {
    padding-top: 10px;
}

.padd-top20 {
    padding-top: 20px;
}

.padd-top30 {
    padding-top: 30px;
}

.padd-top40 {
    padding-top: 40px;
}

.padd-top50 {
    padding-top: 50px;
}

.padd-bottom10 {
    padding-bottom: 10px;
}

.padd-bottom20 {
    padding-bottom: 20px;
}

.padd-bottom30 {
    padding-bottom: 30px;
}

.padd-bottom40 {
    padding-bottom: 40px;
}

.padd-bottom50 {
    padding-bottom: 50px;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.scroll-animations .animated {
    flex-grow: 1;
    opacity: 0;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.aosSkew {
    position: relative;
    overflow: hidden;
}

[data-aos="example-anim1"] {
    position: relative;
    transform: translateY(100%);
    transition-property: transform,bottom;
    transition: ease-in-out;
}

[data-aos="example-anim1"].aos-animate {
    transform: translateY(0%);
}

:root {
    --white: #fff;
    --off-black: #212121;
    --black: #1a1a1a;
    --para: #464646;
    --blue: #3ec7f1;
}

.doubleParaImg .showreelCircle {
    position: absolute;
    top: calc(0% - 2vw);
    left: calc(0% - 1vw);
    z-index: 1;
    width: 10vw;
    animation: recordRotate linear 7s infinite;
}

@keyframes recordRotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.head {
    position: absolute;
    width: 100%;
    z-index: 9999;
    padding: 40px;
    overflow: hidden;
    pointer-events: all;
}

.head img {
    animation-delay: 2.8s;
    animation-duration: 1s;
    pointer-events: all;
    cursor: pointer;
}

.single-case_study .sideMessage {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    z-index: 9;
    right: -96px;
    font-weight: 400;
    color: var(--white);
    font-size: 14px;
    opacity: 1;
    word-spacing: 20px;
    letter-spacing: 1px;
}

.landingTest.fullscreen-bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    height: 100vh;
    position: relative;
    background-color: #272a2d;
}

.landingTest .fullscreen-bg__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.landingTest .Overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.8);
}

.landingArrow {
    position: absolute;
    right: 65px;
    bottom: 5%;
    z-index: 4;
    overflow: hidden;
    width: 3px;
    background: rgba(255,255,255,.5);
    height: 8vw;
}

.landingArrow span {
    position: relative;
    display: block;
    top: -8vw;
    width: 100%;
    height: 100%;
    animation: landArrow 2s ease infinite;
    animation-delay: 2s;
    background: #fff;
}

@keyframes landArrow {
    0% {
        top: -8vw;
    }

    50% {
        top: 0;
    }

    100% {
        top: 8vw;
    }
}

.landingTest .bannertext {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    transform: translateY(-35%);
    text-align: left;
    padding: 0 0 0 10%;
}

.landingTest .landingTextBox {
    margin: 0 0 40px;
}

.landingTest .bannertext p {
    font-size: 5vw;
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 1.2;
}

.landingTest .bannertext p span {
    font-weight: 700;
}

.landingTest .bannertext .banner-sml {
    display: inline-block;
    border-left: 0;
    font-size: 18px;
    padding: 0;
    margin: 0;
    margin-left: 20px;
    text-align: left;
    letter-spacing: 0px;
    line-height: 40px;
    font-weight: 400;
}

.landingTest .sideMessage {
    position: absolute;
    top: 45%;
    transform: translateY(-50%) rotate(90deg);
    z-index: 9;
    transform-origin: center center;
    right: -70px;
    font-weight: 400;
    color: var(--white);
    font-size: 14px;
    opacity: 0;
}

.landingTest .sideMessage a {
    text-decoration: none;
    color: var(--white);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.page-template-page-service .sideMessage a {
    text-decoration: none;
    color: var(--white);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.page-template-page-service .sideMessage {
    position: absolute;
    top: 30%;
    transform: translateY(-50%) rotate(90deg);
    z-index: 9;
    transform-origin: center center;
    right: -70px;
    font-weight: 400;
    color: var(--white);
    font-size: 14px;
    opacity: 0;
}

.page-template-page-service .sideMessage a {
    text-decoration: none;
    color: var(--white);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.landingSocialInsta:hover {
    text-decoration: none;
    color: #cd486b !important;
}

.landingSocialFace:hover {
    text-decoration: none;
    color: #3b5998 !important;
}

.landingTest .dib {
    display: inline-block;
    margin-top: 0;
}

.landingTest .landingnav {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    padding: 30px 30px 0;
}

.landingTest .landingdown {
    text-align: center;
    position: absolute;
    width: 100%;
    background: var(--white);
    margin-bottom: 0;
    top: 0;
}

.landingTest .landingdown a {
    padding: 20px 0 40px;
    display: block;
}

.landingTest .contact-cta {
    padding: 80px 120px 0;
}

.landingTest .error-btn {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 60px;
}

.landingTest .landingServices {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #111;
    padding: 0 3vw;
    width: 80%;
    opacity: .8;
}

.landingServiceBox {
    overflow: hidden;
    padding: 4vw 3vw;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.landingServiceBox .serviceNumber {
    font-size: 18px;
    color: var(--white);
    font-weight: 400;
}

.landingServiceBox .serviceTitle {
    color: var(--white);
    font-size: 24px;
    margin: 0 0 10px;
    font-weight: 700;
    display: inline-block;
    position: relative;
}

.landingServiceBox .serviceTitle i {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
}

.landingTest .landingServices a:hover .serviceTitle i,.serviceLinksRow a:hover .serviceTitle i {
    opacity: 1;
    right: -40px;
}

.landingServiceBox .serviceText {
    margin: 0;
    color: #ccc;
    font-weight: 400;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.landingTest .landingServices a:hover .serviceText,.serviceLinksRow a:hover .serviceText {
    color: #ccc;
    text-decoration: none;
}

.page-template-page-home .processTitle {
    text-align: center;
}

.page-template-page-home .imgMiddleRight h2 {
    font-size: 46px;
    line-height: 52px;
    margin: 0 0 90px;
}

.page-template-page-home .bigLink {
    color: var(--white);
    display: inline-block;
    margin: 90px 0 0;
    font-size: 34px;
    font-weight: 300;
}

.homeIntro {
    padding: 12vw 0;
    position: relative;
}

.homeIntroRow {
    margin: 8vw 0 0;
    position: relative;
}

.bigBoldTitle {
    font-size: 3.4vw;
    color: var(--off-black);
    font-weight: 700;
    margin: 0 0 2vw;
    line-height: 1.4;
}

.homeIntro .bigBoldTitle {
    margin: 0;
    max-width: 80%;
}

.compressedcolLeft {
    padding: 0 5% 0 15px;
}

.compressedcolRight {
    padding: 0 15px 0 5%;
}

.boldText {
    font-size: 1.6vw;
    color: var(--white) !important;
    font-weight: 700;
    margin: 0 0 1vw;
    line-height: 1.4;
}

.homeIntro .boldText {
    margin: 0;
}

.whiteBg .boldText {
    color: var(--off-black) !important;
}

.cn-container {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
}

.cn-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #333;
    opacity: .3;
}

.cn-landing {
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-size: 105%;
    -webkit-background-size: 105%;
    animation: cnland 2000ms ease;
    animation-delay: 1000ms;
    animation-fill-mode: forwards;
}

@keyframes cnland {
    0% {
        background-size: 105%;
        -webkit-background-size: 105%;
    }

    100% {
        background-size: 100%;
        -webkit-background-size: 100%;
    }
}

.cn-title {
    position: absolute;
    bottom: 10%;
}

.cn-title p {
    margin: 0;
    color: var(--white);
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 80px;
}

#cn-subtitle {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
}

#casestudy-heading {
    background-color: #33373b;
    color: var(--white);
    text-align: center;
    padding: 80px 40px 60px;
}

#casestudy-heading h1 {
    text-transform: uppercase;
    font-size: 60px;
    text-align: center;
    margin: 110px 0 0;
    color: var(--white);
    font-family: montserrat;
    font-weight: 300;
}

#casestudy-heading p {
    text-align: center;
    margin-bottom: 100px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 300;
}

#casestudy-heading-screenshot {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 80px;
}

#casestudy-heading-screenshot-inner {
    position: relative;
    width: 100%;
}

#casestudy-heading-screenshot-inner .casestudy-background {
    position: relative;
    width: 100%;
}

#casestudy-heading-screenshot-inner .white-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,.9);
    z-index: 5;
}

#casestudy-heading-screenshot-inner .casestudy-screenshot {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    z-index: 10;
}

#casestudy-about-container {
    padding: 40px 0;
    text-align: center;
}

#casestudy-about-inner h2 {
    font-weight: 300;
}

#casestudy-about-inner p {
    margin-bottom: 100px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 300;
}

#casestudy-multi-container img {
    width: 100%;
    padding: 50px 50px 0px 50px;
}

.page-template-page-casestudy .ss-holder {
    background-color: #f7f8f8;
}

.contact-cta .black-btn {
    color: var(--white);
    padding: 15px 40px;
    text-transform: uppercase;
    display: inline-block;
}

.contact-cta p {
    display: inline-block;
    padding-right: 40px;
}

.workSec {
    padding: 8vw 0 15vw;
    position: relative;
    background: var(--flyblack);
}

.bigOpacityTitle {
    position: absolute;
    top: 0vw;
    left: -2vw;
    font-size: 16vw;
    line-height: .8;
    color: var(--white);
    font-weight: 700;
    opacity: .05;
    user-select: none;
    display: block;
    text-align: right;
    pointer-events: none;
}

.workWrapper {
    margin: 0;
}

.workHomeIntro {
    float: right;
    padding: 0 10% 0 0;
    width: 50%;
    overflow: hidden;
}

.workHomeIntro h3 {
    font-size: 2vw;
    color: var(--white) !important;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
}

.workHomeIntro p {
    margin: 1vw 0 0;
}

.workContainer {
    width: 100%;
    position: relative;
    overflow: visible;
    padding: 6vw 0 12vw;
}

.workText {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 1;
    pointer-events: none;
    padding: 7vw 0 0;
}

.workTitle {
    overflow: hidden;
    margin: 0 0 5vw;
}

.workText h3 {
    font-size: 7vw;
    color: var(--white);
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
}

.workText ul {
    list-style: none;
    font-size: 1.4vw;
    color: var(--white) !important;
    font-weight: 700;
    margin: 0;
    line-height: 2;
    padding: 0 0 0 8vw;
    display: inline-block;
}

.workText ul li {
    overflow: hidden;
}

.workText ul li span {
    display: block;
}

.workImages {
    position: relative;
    text-align: right;
    margin: -8vw 0 0;
}

.workImages .workImgPlacement {
    width: 60%;
    display: inline-block;
    position: relative;
}

.parallelWorkImg {
    position: absolute;
    top: 85%;
    width: 30vw;
    transform: translate(-80%,-50%);
}

.workContainer:nth-child(even) {
}

.workContainer:nth-child(even) .bigOpacityTitle {
    left: auto;
    right: 0vw;
}

.workContainer:nth-child(even) .workText h3 {
    text-align: right;
    margin: 0;
}

.workContainer:nth-child(even) .workText ul {
    padding: 0 0 0 54vw;
}

.workContainer:nth-child(even) .workImages {
    text-align: left;
    margin: -13vw 0 0;
}

.workContainer:nth-child(even) .parallelWorkImg {
    position: absolute;
    top: 100%;
    right: 0;
    width: 55%;
    transform: translate(80%,-50%);
}

.homeIntro.homeServiceWrapper {
    padding: 12vw 0;
    position: relative;
}

.homeServiceWrapper .homeIntroRow {
    margin: 0 0 7vw;
    position: relative;
}

.homeServiceCols h4 {
    color: var(--off-black);
    font-size: 2vw;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 2vw;
}

.homeServiceCols ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.homeServiceCols ul li {
    font-size: 1vw;
    color: var(--para);
    font-weight: 400;
    margin: 0;
    line-height: 2;
    text-decoration: none;
}

.fullWorkLink a,.fullWorkLink a:visited,.fullWorkLink a:focus {
    display: flex;
    padding: 10vw 0;
    align-items: center;
    background: var(--white);
    font-size: 2vw;
    color: #212121;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.fullWorkLink a:hover {
    background: #eee;
}

.homeStudio {
    padding: 8vw 0;
    position: relative;
}

.homeStudio h3 {
    font-size: 3vw;
    color: var(--white);
    font-weight: 700;
    margin: 0 0 3vw;
    line-height: 1.2;
    position: relative;
    z-index: 2;
}

.homeStudio h3 a,.homeStudio h3 a:focus,.homeStudio h3 a:visited {
    text-decoration: underline;
    color: var(--white);
    position: relative;
    display: inline-block;
}

.imgRevealLink img {
    position: absolute;
    width: 35vw;
    max-width: initial;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform-origin: top left;
    transform: rotate3d(0,0,1,40deg);
    opacity: 0;
    user-select: none;
    pointer-events: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.homeStudio h3 a:hover img {
    transform: rotate3d(0,0,1,5deg);
    opacity: 1;
}

.studioHeader {
    margin: -10vw 0 0;
    position: relative;
    z-index: 3;
}

.homeStudio .bigOpacityTitle {
    position: sticky;
    top: 10vw;
    font-size: 16vw;
    line-height: .8;
    color: #111;
    font-weight: 700;
    opacity: .9;
    user-select: none;
    display: block;
    text-align: left;
    pointer-events: none;
    margin-bottom: 5vw;
    z-index: 0;
}

.arrowLink,.arrowLink:visited,.arrowLink:focus {
    font-size: 1.4vw;
    color: var(--white);
    font-weight: 700;
    display: inline-block;
    margin: 0 3vw 0 0;
    line-height: 1.2;
    padding: 0 2vw 0 0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.studioInstaFeed {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    margin: 6vw 0 0;
}

.studioInstaCol {
    -ms-flex: 0 0 33.3333333%;
    flex: 0 0 33.3333333%;
    max-width: 33.3333333%;
    padding: 0 2vw;
}

.studioInstaCol img {
    width: 100%;
    padding: 3vw 0;
}

.studioInstaCol:nth-child(1) {
    padding: 0 4vw 0 0;
}

.studioInstaCol:nth-child(3) {
    padding: 0 0 0 4vw;
}

.blogScroll {
    padding: 7vw 0;
    position: relative;
    overflow: hidden;
}

.blogScroll h4 {
    font-size: 3vw;
    font-weight: 700;
    margin: 0 0 7vw;
    line-height: 1.2;
    position: relative;
    z-index: 2;
}

.blogScroll h4 a,.blogScroll h4 a:focus,.blogScroll h4 a:visited {
    text-decoration: underline;
    color: var(--flyblack);
    position: relative;
}

.blogScroll h4 a:hover img {
    transform: rotate3d(0,0,1,5deg);
    opacity: 1;
}

.blogThumb {
    height: 30vw;
    margin: 0 0 1vw;
    width: 100%;
    display: block;
    background-position: center;
    background-size: cover;
}

.blogScroll .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

.brandingRow .caseBrandingLeft .brandingLeftText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0 20%;
    width: 100%;
}

.cgallery {
    overflow: hidden;
}

.caseBrandingLeft p {
    color: #707070;
    font-size: 1vw;
    margin: 0;
    line-height: 2;
}

.caseLanding.fullscreen-bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    height: 100vh;
    position: absolute;
    background-color: var(--white);
}

.caseLanding .fullscreen-bg__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.caseLanding {
    height: 100vh !important;
    position: relative !important;
    overflow: hidden !important;
    background-size: cover !important;
}

.caseLanding .caseOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 1;
}

.caseLanding .container-case {
    height: 100vh;
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.container-case {
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.caseLanding .caseLandingText {
    position: absolute;
    bottom: 130px;
    left: 0;
    z-index: 2;
}

.longCaseCol img {
    width: 100%;
}

.caseLanding .caseLandingText h1 {
    font-size: 4vw;
    color: var(--white);
    margin-top: 0;
    margin-bottom: 1vw;
    letter-spacing: 2px;
    font-weight: bold;
}

.caseLanding .caseLandingText p {
    color: var(--white);
    font-size: 1.2vw;
}

.caseIntro {
    padding: 130px 0;
    overflow: hidden;
}

.caseIntro p {
    margin-bottom: 0;
    color: #333;
    font-size: 36px;
    padding: 0;
    font-weight: bold;
    text-align: left;
}

.brandingRow {
    overflow: hidden;
}

.brandingRow .caseBrandingLeft {
    float: left;
    position: relative;
    height: 600px;
    width: 50%;
}

.brandingRow .caseBrandingLeft img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 200px;
}

.brandingRow .caseBrandingRight {
    float: left;
    position: relative;
    height: 600px;
    width: 50%;
    padding: 0;
}

.brandingRow .caseBrandingRight .brandingRightText {
    padding: 0;
    width: 100%;
}

.brandcase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0 20%;
    width: 100%;
}

.brandingRow .brandingRightText p {
    color: var(--white);
    font-size: 14px;
    font-weight: 300;
    margin: 0 0 10px;
}

.brandingRow .brandingRightText p span {
    font-weight: bold;
    margin: 0 0 5px;
    display: inline-block;
}

.brandingRow .brandingRightText p a,.brandingRow .brandingRightText p a:visited,.brandingRow .brandingRightText p a:focus {
    color: var(--white);
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
}

.brandingRow .brandingRightText p a:hover {
    color: #5595d0;
    text-decoration: none;
}

.brandingRow .brandingRightText p:last-child {
    margin: 0;
}

.m-assets {
    background: #212121;
    overflow: hidden;
    padding: 10%;
}

#s2 {
    background: var(--white);
}

#s2 .caseInfoBox h2 {
    margin-bottom: 30px;
    color: #212121;
    font-size: 3.6vw;
    padding: 0;
    font-weight: bold;
    text-align: left;
}

.mobileImageCol {
    padding: 0 120px;
}

.chall {
    font-weight: bold;
    font-size: 1.7vw !important;
    padding-bottom: 20px;
    color: #000 !important;
    line-height: 1.2 !important;
}

.caseInfo {
    background: #212121;
    position: relative;
    background-size: cover;
    background-position: left center;
    padding-top: 150px;
    padding-bottom: 20px;
}

.caseInfo .container {
    height: 70vh;
    position: relative;
}

.caseInfo .caseInfoBox h2 {
    margin-bottom: 30px;
    color: var(--white);
    font-size: 2.8vw;
    padding: 0;
    font-weight: bold;
    text-align: left;
    padding-top: 70px;
}

.caseInfo .caseInfoBox p {
    color: #ccc;
    font-size: 1vw;
    margin: 0;
    line-height: 2;
}

#s2 .caseInfoBox p {
    color: #333 !important;
    font-size: 1vw;
    margin: 0;
    line-height: 2;
}

.caseInfo.caseDarkBackground {
    background: #212121;
}

.caseInfo.caseDarkBackground .caseInfoBox h2 {
    color: var(--white);
}

.caseInfo.caseDarkBackground .caseInfoBox p {
    color: var(--white);
}

.longCaseImages {
    padding: 150px 0;
    position: relative;
    overflow: hidden;
}

.longCaseCol:nth-child(2) img {
    margin-top: 0vw;
    width: 100%;
}

.long-case-side {
    height: 100%;
}

.cn-container {
    max-width: 80%;
    margin: 0 auto;
}

.sticky-top-project {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 1020;
}

.caseBranding {
    padding: 150px 0;
}

.caseBrandingHeader {
    margin: 0 0 100px;
}

.caseBrandingContent {
    margin: 0 0 80px;
}

.caseBrandingContent h2 {
    margin-bottom: 30px;
    color: #333;
    font-size: 50px;
    padding: 0;
    font-weight: bold;
    text-align: left;
}

.caseBrandingContent p {
    color: #707070;
    font-size: 18px;
    margin: 0;
    line-height: 38px;
}

.brandingFontFamily {
    color: #333;
    font-size: 22px;
    margin: 0 0 20px;
    line-height: 40px;
}

.caseBrandingColors .brandHex {
    text-align: center;
    margin: 20px 0 5px;
}

.caseBrandingColors .brandHexBlock {
    height: 200px;
    width: 100%;
}

.alphaBig {
    width: 90%;
    margin: 0 0 40px;
}

.alphaSmall {
    width: 75%;
    margin: 0 0 55px;
}

.caseTestimonial {
    padding: 180px 0 200px;
    position: relative;
    overflow: hidden;
    background: #212121;
}

.caseTestimonial .caseLogoTest {
    position: absolute;
    left: 0;
    top: 0;
    padding: 30px;
}

.caseTestimonial .caseLogoTest img {
    height: 100px;
}

.caseTestimonial p.caseTestName {
    margin: 50px 0;
    color: var(--white);
    font-size: 1.5vw;
    padding: 0 180px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
}

.caseTestimonial p.caseTestText {
    margin: 0;
    color: var(--white);
    font-size: 2.2vw;
    padding: 0 180px;
    font-style: italic;
    font-weight: 700;
    text-align: left;
    line-height: 1.2;
}

.caseInfo.caseMobileDouble {
    overflow: hidden !important;
    padding: 150px 0 !important;
}

.caseInfo.caseMobileDouble .longCaseCol {
    position: relative;
}

.caseInfo.caseMobileDouble .longCaseCol img {
    margin: -180px 0 0 0 !important;
    width: 100% !important;
    position: absolute;
    padding: 0 15px;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.internalBanner {
    position: relative;
    overflow: hidden;
    height: 100vh;
    background-size: cover;
    background-position: center;
    margin: 0;
    z-index: 3;
}

.intBannerOverlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(30,30,30,.2);
}

.internalBanner .container {
    position: relative;
    height: 100%;
}

.intBannerText {
    position: absolute;
    text-align: left;
    top: 45%;
    transform: translateY(-50%);
    width: 100%;
}

.intBannerText .intBannerTitleBox {
    overflow: hidden;
}

.intBannerText .intBannerTitle {
    font-size: 5vw;
    color: var(--white);
    letter-spacing: 0px;
    line-height: 1.2;
    margin: 0;
    font-weight: 700;
}

.intBannerText .intBannerSubBox {
    overflow: hidden;
}

.intBannerText .intBannerSub {
    font-size: 18px;
    color: var(--white);
    letter-spacing: 0;
    line-height: inherit;
    margin: 0;
    font-weight: 400;
}

.internalBanner .landingServices {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.internalBanner .internalAbsoContainer {
    padding: 0 10%;
    position: relative;
}

.internalBanner .landingServiceBox {
    padding: 60px 30px 60px 10px;
}

.internalBanner .intContainerWidth {
    width: 85%;
}

.internalBanner .landingServiceBox .serviceTitle {
    font-weight: 400;
}

.internalBanner .landingServiceBox .serviceText {
    color: #fff;
    font-weight: 400;
}

.internalBanner a:hover .landingServiceBox .serviceText {
    color: var(--white);
}

.landingEst {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    text-transform: uppercase;
    color: var(--white);
    font-size: 16px;
    letter-spacing: 3px;
    opacity: 0;
}

.page-template-page-about .intBannerText .intBannerTitle {
    font-size: 5vw;
    line-height: 1.2;
}

.whiteBg {
    background: var(--white) !important;
}

.whiteBg p {
    color: var(--para) !important;
}

.whiteBg .landingServiceBox .serviceNumber {
    font-size: 35px;
    color: #cbcbcb !important;
    font-weight: 500;
    text-align: left;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 0;
}

.aboutIntro {
    padding: 6vw 0 0;
    position: relative;
}

.aboutIntro p {
    color: var(--flyblack) !important;
    font-size: 2.4vw;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
}

.standardBig {
    color: var(--white);
    font-size: 3vw;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    letter-spacing: 1px;
}

.doubleParaImg {
    padding: 0 0 6vw;
}

.aboutImgPadding {
    padding: 3vw;
}

.aboutVideoLink {
    position: relative;
    display: -ms-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-item-align: center !important;
    align-self: center !important;
    padding: 0 0 0 3vw;
}

.aboutVideoLink img {
    padding: 0 1vw 0 0;
    width: 3.5vw;
    height: auto;
}

.aboutVideoLink p {
    font-size: 1.2vw;
    font-weight: 700;
    color: var(--flyblack) !important;
    margin: 0;
    line-height: 2;
}

.aboutCols {
    padding: 12vw 0 15vw;
    position: relative;
}

.aboutCols .container {
    padding-right: 10%;
    position: relative;
    z-index: 1;
}

.aboutColsBG {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 10%;
    background: var(--flyblack);
    z-index: 0;
}

.aboutCols h3 {
    line-height: 1;
    padding: 0;
    font-size: 8vw;
    position: relative;
    font-weight: 600;
    margin: 0 0 6vw;
}

.aboutCols h3 span {
    color: #151515;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.aboutCols h3 span:hover {
    color: #fff;
}

.aboutCols h4 {
    color: #fff;
    font-size: 2vw;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 2vw;
}

.aboutCols ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.aboutCols ul li {
    font-size: 1vw;
    color: #555;
    font-weight: 400;
    margin: 0;
    line-height: 2;
    text-decoration: none;
}

.aboutColsBtn,.aboutColsBtn:visited,.aboutColsBtn:focus {
    position: absolute;
    right: 17%;
    bottom: 7%;
    color: #fff;
    font-size: 1.6vw;
    font-weight: 600;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none;
    padding: 0 4vw 0 0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.aboutColsBtn svg {
    width: 3vw;
    height: 3vw;
    position: absolute;
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.aboutColsBtn svg path {
    fill: #fff;
}

.aboutColsBtn:hover {
    color: #fff;
    text-decoration: none;
}

.aboutColsBtn:hover svg {
    right: 0;
    opacity: 1;
}

.aboutTextCarousel {
    padding: 10vw 0;
    position: relative;
    overflow: hidden;
}

.aboutTextCarousel h4 {
    line-height: 1;
    padding: 0;
    color: var(--flyblack);
    font-size: 3.5vw;
    position: relative;
    font-weight: 600;
    margin: 0 0 2vw;
}

.aboutTextCarouselContainer {
    padding: 6vw 0 0 10%;
}

.aboutTextCarouselContainer .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.aboutTextCarouselContainer span {
    display: block;
    font-size: 1.4vw;
    color: var(--para);
    font-weight: 300;
    line-height: 1.6;
}

.textCarouselInfo {
    padding: 0 0 0 2vw;
}

.textCarouselInfo p.textCarouselBigTitle {
    line-height: 1;
    color: var(--flyblack) !important;
    font-size: 4.5vw;
    position: relative;
    font-weight: 700;
    margin: 0 0 2.5vw;
}

.textCarouselInfo p {
    font-size: 1vw;
}

.containedVideo {
    padding: 0;
}

[data-aos="containedVideoPadding"] {
    padding: 0;
}

[data-aos="containedVideoPadding"].aos-animate {
    padding: 4vw 10%;
}

.teamScroll {
    padding: 10vw 0;
    position: relative;
    overflow: hidden;
}

.teamScroll h4 {
    line-height: 1;
    padding: 0;
    color: var(--flyblack);
    font-size: 3.5vw;
    position: relative;
    font-weight: 600;
    margin: 0;
}

.teamScrollContainer {
    padding: 6vw 0 0 10%;
    position: relative;
}

.teamScrollContainer .showreelCircle {
    position: absolute;
    top: calc(0% - 0vw);
    right: calc(0% - 1vw);
    z-index: 9;
    width: 10vw;
    animation: recordRotate linear 7s infinite;
}

.teamScrollContainer .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.textSection {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.textSection h3 {
    color: #111;
    font-size: 8vw;
    font-weight: 700;
    line-height: 150px;
    margin: 0 0 20px;
    text-align: center;
}

.inPageVideo {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.serviceTopBanner {
    position: relative;
    padding: 15vw 0 8vw;
    background: #fff;
}

.serviceTopBanner .container {
    position: relative;
    z-index: 1;
}

.serviceTopBanner .serviceBannerBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: var(--flyblack);
    z-index: 0;
}

.serviceTopBanner h1 {
    font-size: 2.5vw;
    color: var(--white);
    letter-spacing: 0px;
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
    width: 60%;
}

.serviceTopBanner .hsub {
    font-size: 1.5vw;
    color: var(--white) !important;
    letter-spacing: 0px;
    line-height: 1.2;
    margin: 70px 0 0;
    font-weight: 500;
    width: 50%;
}

.serviceCaseLink {
    display: block;
    margin: 8vw 0 0;
    position: relative;
}

.serviceCaseLink p {
    position: absolute;
    bottom: 0;
    left: -2vw;
    transform: rotate(-90deg);
    transform-origin: bottom left;
    font-weight: 600;
    font-size: .9vw;
    color: var(--flyblack) !important;
    margin: 0;
    line-height: 1;
}

.serviceCaseBox {
    height: 60vh;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.serviceBannerIntro {
    display: block;
    margin: 8vw 0 0;
}

.serviceBannerIntro p {
    font-size: .9vw;
    color: var(--flyblack) !important;
    letter-spacing: 0px;
    line-height: 1.8;
    margin: 0 0 0 auto;
    font-weight: 400;
    width: 60%;
}

.page-template-page-service .aboutCols .showreelCircle {
    position: absolute;
    top: calc(50% - 5vw);
    right: calc(10% - 5vw);
    z-index: 1;
    width: 10vw;
    animation: recordRotate linear 7s infinite;
}

.serviceInfoSection {
    padding: 10vw 0;
    position: relative;
    overflow: hidden;
}

.serviceInfoSection .container {
    padding: 0 15px 0 16%;
}

.serviceInfoSection .carousel-indicators {
    position: absolute;
    right: auto;
    bottom: auto;
    left: 2vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 15;
    display: inline-block;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    margin: 0;
}

.serviceInfoSection .carousel-indicators li {
    box-sizing: border-box;
    -ms-flex: initial;
    flex: auto;
    width: auto;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    text-indent: 0;
    cursor: pointer;
    background-color: transparent;
    background-clip: padding-box;
    border-top: 0;
    border-bottom: 0;
    opacity: .8;
    font-size: .8vw;
    color: var(--flyblack);
    padding: 2.3vw 0;
    font-weight: 300;
    line-height: 1.2;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.serviceInfoSection .carousel-indicators .active {
    opacity: 1;
    font-weight: 700;
}

.serviceInfoContainer {
    background: var(--white);
}

.serviceInfoContainer h3 {
    font-size: 3.5vw;
    color: var(--off-black);
    font-weight: 600;
    margin: 0 0 3vw;
    line-height: 1.2;
}

.serviceInfoContainer p {
    width: 90%;
    color: var(--off-black);
    padding: 0 10%;
    margin-bottom: 30px;
}

.serviceInfoSection .num {
    font-size: 25vw;
    color: var(--off-black);
    position: absolute;
    bottom: -60px;
    line-height: 1;
    left: -60px;
    opacity: .1;
    font-weight: 700;
}

.serviceInfoSection .slashNum {
    font-size: 1.7vw;
    color: var(--off-black);
    position: absolute;
    top: 7vw;
    left: 17vw;
    font-weight: 700;
    letter-spacing: 2px;
    z-index: 1;
}

.serviceInfoSection .carousel-control-next {
    top: -120px;
    bottom: auto;
    width: 6%;
    color: var(--off-black);
    opacity: .8;
    right: 70px;
}

.fullWidthImg {
    height: 80vh;
    background-position: center;
    background-size: cover;
}

.workCarouselRight {
    padding: 0px 0 100px;
    overflow: hidden;
    background: var(--white);
}

.workCarouselRight .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

.workCarouselRight .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.workCarouselRight .owl-carousel .owl-item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.workCarouselRight .owl-carousel .owl-item .item {
    position: relative;
}

.serviceProjects {
    padding: 2vw 0 8vw;
    position: relative;
    overflow: hidden;
}

.serviceProjects h4 {
    line-height: 1;
    padding: 0;
    color: var(--flyblack);
    font-size: 1.7vw;
    position: relative;
    font-weight: 600;
    margin: 0;
}

.serviceProjectsContainer {
    padding: 6vw 0 0 10%;
    position: relative;
}

.serviceProjectsContainer .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.projectFooterLinks {
    display: block;
    position: relative;
    padding: 5vw 0 0;
}

.projectFooterLinks a,.projectFooterLinks a:visited,.projectFooterLinks a:focus {
    color: var(--flyblack);
    font-size: 1.6vw;
    font-weight: 600;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none;
}

.projectLinksLeft {
    text-align: left;
}

.projectLinksRight {
    text-align: right;
}

.menuLinkBox {
    position: fixed;
    width: 30px;
    height: 21px;
    right: 6vw;
    top: 4vw;
    transform: none;
    box-shadow: none;
    text-align: center;
    align-items: center;
    background: transparent;
    z-index: 9999;
}

.menuLink {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    width: 30px;
    height: 21px;
    display: none;
}

.menuButtonBox {
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    position: absolute;
}

.menuLink span.menuButton {
    position: relative;
    width: 25px;
    height: 3px;
    background-color: #fff;
    bottom: auto;
    display: block;
    border-radius: 10px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.menuLink span.menuButton:before {
    content: "";
    position: absolute;
    right: 0;
    width: 20px;
    height: 3px;
    background-color: #fff;
    top: -8px;
    border-radius: 10px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.menuLink span.menuButton:after {
    content: "";
    position: absolute;
    right: 0;
    width: 30px;
    height: 3px;
    background-color: #fff;
    top: 8px;
    border-radius: 10px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.fullMenu {
    position: fixed;
    top: auto;
    bottom: 5vw;
    right: 5vw;
    width: 0;
    height: 0;
    z-index: 9999;
    overflow: scroll;
    background: var(--flyblack);
    opacity: 0;
    transition: .6s ease;
}

.fullMenu.fullmenuOpen {
    opacity: 1;
    width: 100%;
    height: 100vh;
    bottom: 0;
    right: 0;
}

.menuOpenStopScroll {
    overflow: hidden;
}

.menuLink.menuLinkOpen {
    display: block;
}

.menuLink.menuLinkOpen span.menuButton {
    width: 30px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menuLink.menuLinkOpen span.menuButton {
    width: 30px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menuLink.menuLinkOpen span.menuButton:before {
    opacity: 0;
    width: 30px;
}

.menuLink.menuLinkOpen span.menuButton:after {
    top: 0px;
    width: 30px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.menuWrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.menuContainer {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

.menuheader {
    display: none;
    text-align: center;
    padding: 0 5%;
}

.fullmenuOpen .menuheader {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background: var(--flyblack);
}

.menuHeaderSpacing {
    height: 22vw;
}

.projectFfcLogo {
    padding: 3vw 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.projectFfcLogo img {
    width: 100px;
}

.projectMenuTitle {
    position: absolute;
    font-size: 16vw;
    color: #151515;
    font-weight: 700;
    top: 10vw;
    left: -3vw;
    line-height: 1;
    margin: 0;
    pointer-events: none;
    display: none;
}

.fullmenuOpen .projectMenuTitle {
    display: block;
}

.projectsBody {
    padding: 3vw 5%;
    display: none;
}

.fullmenuOpen .projectsBody {
    display: block;
}

.projectListLink {
    display: block;
    position: relative;
}

.projectListItem {
    background-position: center;
    background-size: cover;
    margin: 15px 0;
    height: 35vw;
    position: relative;
    width: 100%;
}

.projectHoverOverlay {
    position: absolute;
    opacity: 0;
    background: rgba(0,0,0,.6);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.projectListLink:hover .projectHoverOverlay {
    opacity: 1;
}

.projectHoverOverlay p {
    font-size: 2vw;
    color: var(--white);
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
}

.serviceAccordians {
    position: relative;
    padding: 0 0 6vw;
}

.serviceAccordians h3 {
    font-size: 1.7vw;
    color: var(--flyblack) !important;
    letter-spacing: 0px;
    line-height: 1.4;
    font-weight: 600;
    margin: 0;
}

.serviceAccordiansWrapper {
    overflow: hidden;
    margin: 4vw 0 0;
}

.serviceAccordiansWrapper .card {
    position: relative;
    display: block;
    -ms-flex-direction: inherit;
    flex-direction: initial;
    min-width: 0;
    word-wrap: normal;
    background-color: transparent;
    background-clip: border-box;
    border: 0;
    border-radius: 0;
    overflow: hidden;
}

.serviceAccordiansWrapper .card-header:first-child {
    border-radius: 0;
}

.serviceAccordiansWrapper .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0;
}

.serviceAccordiansWrapper .serviceAccordianButton {
    border-top: 1px solid #e1e1e1;
    padding: 2.5vw 0;
    background: #fff;
    overflow: hidden;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.serviceAccordiansWrapper .card-body {
    -ms-flex: initial;
    flex: initial;
    padding: 4vw 0 2vw;
}

.serviceAccordiansWrapper .card-body p {
    padding: 0 20% 0 0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.accordianTitle p {
    font-size: 2.5vw;
    font-weight: 600;
    color: var(--flyblack) !important;
    margin: 0;
    line-height: 1.1;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.accordianTitle p svg {
    float: right;
    height: 2.5vw;
    width: 2.5vw;
    transform: rotate(90deg);
    -o-transition: .8s;
    -ms-transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
}

.accordianTitle p svg path {
    fill: var(--flyblack);
    -o-transition: .8s;
    -ms-transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
}

.accordianTitle {
    position: relative;
    z-index: 1;
}

div[data-parent="#accordion"] {
    position: relative;
    z-index: 1;
}

.serviceAccordiansWrapper .serviceAccordianButton[aria-expanded="true"] .accordianTitle p,.serviceAccordiansWrapper .serviceAccordianButton[aria-expanded="true"] .card-body p {
    color: var(--white) !important;
}

.serviceAccordiansWrapper .serviceAccordianButton[aria-expanded="true"] .accordianTitle p svg {
    transform: rotate(270deg);
}

.serviceAccordiansWrapper .serviceAccordianButton[aria-expanded="true"] .accordianTitle p svg path {
    fill: var(--white);
}

.serviceAccordiansWrapper .collapsing {
    transition: .8s ease;
    transition-delay: .2s;
}

.serviceAccordiansWrapper .accordianBackgroundChange {
    background: var(--flyblack);
    position: absolute;
    top: -100%;
    right: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    transition: .9s ease;
}

.serviceAccordiansWrapper .serviceAccordianButton[aria-expanded="true"] .accordianBackgroundChange {
    top: 0;
}

.aboveCarouselText {
    padding: 0 0 100px 150px;
    position: relative;
    width: 900px;
}

.aboveCarouselText h3 {
    font-size: 74px;
    color: var(--white);
    font-weight: 700;
    margin: 0 0 50px;
    line-height: 98px;
}

.allWorkLink {
    float: right;
    display: inline-block;
    margin: 50px 0 0;
    color: var(--white);
    text-decoration: none;
    font-size: 16px;
}

.serviceProcess {
    padding: 100px 0;
    position: relative;
}

.processTitle {
    position: relative;
    margin: 0 auto;
}

.serviceProcess h3 {
    font-size: 5vw;
    color: var(--white);
    font-weight: 700;
    margin: 100px 0 50px;
    line-height: 1.1;
}

.serviceProcess .processPara {
    font-size: 16px;
    margin: 0 0 130px;
}

.serviceProcess .processPara span {
    font-weight: 700;
    font-size: 20px;
}

.serviceProcess .processPara:last-child {
    margin: 0;
}

.serviceLinksRow .landingServiceBox {
    padding: 0px;
}

.landingServiceBox .serviceNumber {
    font-size: 20px;
    color: #5b5b5b;
    font-weight: 400;
    text-align: left;
}

.landingServiceBox .serviceText {
    font-size: 18px;
    color: var(--white);
    text-align: left;
}

.serviceLeft {
    float: left;
}

.serviceRight {
    float: right;
}

.serviceMid {
    text-align: center;
}

.serviceMid .landingServiceHover {
    display: inline-block;
}

.contactTopSection {
    padding: 10vw 0 2vw;
    position: relative;
    width: 60%;
    float: left;
}

.contactTopSection2 {
    width: 40%;
    float: left;
    margin-top: 130px;
}

.contactTopSection .contactTopBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--flyblack);
    height: 17vw;
}

.contactTopSection .container {
    position: relative;
}

.contactDetWrapper {
    margin-left: 80px;
}

.contactTopSection h2 {
    color: var(--white);
    font-size: 6vw;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0 0 5vw;
}

.contactTopSection h2 span {
    color: var(--white);
}

.contactDetBox p {
    line-height: 1.8;
}

.contactDetBox a,.contactDetBox a:visited,.contactDetBox a:focus {
    line-height: 2.8;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    display: block;
}

.contactFormLinks {
    margin: 0 0 5vw;
    position: relative;
}

.contactFormLinks a,.contactFormLinks a:visited,.contactFormLinks a:focus {
    color: var(--white);
    font-size: 1.6vw;
    font-weight: 600;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none;
}

.page-template-page-contact .head-menu-btn {
    position: relative;
    display: table;
    float: right;
    padding: 20px 0 0 40px;
}

.page-template-page-contact .scrollWrap,.page-template-page-contact .footerTag,.page-template-page-contact .footerSubTag {
    display: none;
}

.contactDetBox p {
    font-size: .8vw;
}

.contactFormCTA {
    margin: 80px 0 0;
}

.contactFormCTA a,.contactFormCTA a:visited,.contactFormCTA a:focus {
    line-height: 1.2;
    text-decoration: none;
    color: var(--white);
    font-size: 30px;
    display: inline-block;
    font-weight: 700;
}

.page-template-page-contact .fullContainedImg {
    padding: 0;
}

.contactSocials {
    position: absolute;
    right: 0;
    bottom: calc(50% - 10vw);
    transform: rotate(90deg);
    transform-origin: bottom right;
}

.contactSocials a,.contactSocials a:visited,.contactSocials a:focus {
    color: var(--para);
    font-size: 16px;
    text-decoration: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.contactFormSection {
    padding: 100px 0;
}

.contactFormContainer {
    position: relative;
    overflow: hidden;
    width: 66vw;
}

.contactOpening {
    margin: 0 0 50px !important;
    font-size: 16vw !important;
    font-weight: 700 !important;
}

.contactEnding {
    margin: 60px 0 0 !important;
    font-size: 3vw !important;
    float: left !important;
}

.contactFormContainer p {
    font-size: 1.7vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 15px 0;
    display: inline-block;
}

.contactFormContainer p input,.contactFormContainer p textarea {
    color: var(--white) !important;
    border: 0;
    border-radius: 0;
    padding: 5px;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    line-height: 1.4;
    margin-left: 5px;
    margin-right: 5px;
    background: #212121;
    border-bottom: 1px solid #777;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.contactFormContainer p input:focus,.contactFormContainer p textarea:focus {
    border-bottom: 1px solid var(--white);
}

.contactFormContainer p input {
    width: 35vw;
}

.contactFormContainer p textarea {
    display: inline-block;
    width: 50vw;
    margin-top: 20px;
    margin-bottom: 0px;
    max-height: 200px;
    min-height: 100px;
    height: 100px;
}

.contactFormContainer .selectButtonStyling select {
    border: 1px solid #777 !important;
    background: #212121 !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    padding: 5px !important;
    display: inline-block !important;
    height: 42px !important;
    width: 300px !important;
    color: #777 !important;
    margin: 0 10px !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.contactFormContainer .selectButtonStyling select:focus {
    border: 1px solid var(--white) !important;
    color: var(--white) !important;
}

.formSubmit {
    float: left;
    margin: 35px 0 0 50px;
}

.contactFormContainer .formSubmit input[type="submit"] {
    border: 1px solid var(--blue);
    border-radius: 100%;
    background: var(--blue);
    color: var(--white);
    font-size: 18px;
    line-height: 1;
    width: 100px;
    height: 100px;
    padding: 0;
    font-weight: 700;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.contactFormContainer .formSubmit input[type="submit"]:hover {
    border: 1px solid var(--blue);
    background: transparent;
    color: var(--blue);
}

.imageScroll {
    padding: 3vw 0 8vw;
}

.imageScrollMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: fit-content;
    position: relative;
    animation: scrolling 35s linear infinite;
}

.singleMiddle,.doubleLandscape,.doublePortrait {
    flex-shrink: 0;
    white-space: nowrap;
    align-items: center;
    height: auto;
    display: flex;
    position: relative;
    width: max-content;
}

.singleMiddle img {
    height: 40vw;
    margin: 6vw 5vw;
}

.doubleLandscape .doubleLandscapeImage:nth-child(1) {
    height: 100%;
    display: flex;
    align-items: baseline;
    margin: 0 3vw;
}

.doubleLandscape .doubleLandscapeImage:nth-child(2) {
    height: 100%;
    display: flex;
    align-items: flex-end;
    margin: 0 3vw 0 -20vw;
}

.doubleLandscape .doubleLandscapeImage img {
    height: 24vw;
}

.doublePortrait .doublePortraitImage:nth-child(1) {
    height: 100%;
    display: flex;
    align-items: baseline;
    margin: 0 3vw;
}

.doublePortrait .doublePortraitImage:nth-child(2) {
    height: 100%;
    display: flex;
    align-items: flex-end;
    margin: 0 3vw;
}

.doublePortrait .doublePortraitImage img {
    height: 35vw;
    width: auto;
}

.section__title,.sections__index-current,.sections__index-total,.sections__nav-item .icon {
    color: var(--white);
}

.sections__index-total::after,.section__expander {
    background: var(--white);
}

.sections__nav {
    background: var(--off-black);
}

.sections__nav-item,.sections__nav-item:visited,.sections__nav-item:focus {
    border: 2px solid #333;
    background: transparent;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.sections__nav-item:hover {
    border-color: var(--white);
}

.facts__toggle-text,.facts__toggle-inner,.section__facts-title,.section__facts-detail,.section__gallery-item {
    color: #000;
}

.button-contentclose {
    position: absolute;
    top: 100px;
    margin: 0;
    padding: 20px;
    background: #212121;
    right: auto;
    left: 0;
    color: var(--white);
}

.section__title {
    font-size: 5vw;
    text-transform: none;
    margin: 0 0 20px;
    font-weight: 700;
    letter-spacing: 0;
}

.sections__index-current,.sections__index-total {
    font-weight: 400;
}

.sections__index-total::after {
    height: 1px;
}

.customWorkTitle {
    font-size: 7vw;
    text-transform: none;
    margin: 0 0 20px;
    font-weight: 700;
    letter-spacing: 0;
}

#ffcblog {
    padding: 0;
    margin-top: 210px;
    border-top: 1px solid #999;
}

#ffcblog p {
    color: var(--white);
    font-weight: 300;
}

.np {
    padding: 0 !important;
}

#ffcblog img {
    opacity: .4;
}

.single .byline {
    display: none;
}

#ffcblog h2 a {
    color: var(--white);
    font-size: 100px;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
}

#ffcblog article {
    text-align: left;
    position: relative;
    color: var(--white) !important;
    padding: 80px 50px;
    border-bottom: 1px solid #999;
    width: 100%;
}

#ffcblog a.readm {
    color: var(--white);
    border: none;
    padding: 8px 0px;
    display: inline-block;
    text-transform: uppercase;
}

.page-content,.entry-content,.entry-summary {
    margin: 0 0 0;
}

.blogTopBanner {
    position: relative;
    padding: 15vw 0 3vw;
    background: #fff;
}

.blogTopBanner {
    position: relative;
    padding: 15vw 0 3vw;
    background: #fff;
}

.blogTopBanner .blogBannerBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40vw;
    background: var(--flyblack);
    z-index: 0;
}

.blogTopBanner h1 {
    font-size: 3.5vw;
    color: var(--white);
    letter-spacing: 0px;
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
    width: 70%;
}

.blogThumbnail {
    display: block;
    margin: 8vw 0 0;
    position: relative;
}

.blogThumbnail p {
    position: absolute;
    bottom: 0;
    left: -2vw;
    transform: rotate(-90deg);
    transform-origin: bottom left;
    font-weight: 600;
    font-size: 1.2vw;
    color: var(--flyblack) !important;
    margin: 0;
    line-height: 1;
}

.singleBlogPage {
    position: relative;
    overflow: hidden;
}

.singleBlogPage .singleBlogPageWrapper {
    position: relative;
    overflow: hidden;
}

.singleBlogContainer .entry-title {
    text-transform: none;
    font-weight: 700;
    margin-top: 60px;
    font-size: 90px;
    line-height: 100px;
    color: var(--white);
}

.singleBlogContainer .entry-content h2 {
    font-size: 2.4vw;
    font-weight: 600;
    line-height: 1.4;
    color: var(--flyblack);
    margin: 0 0 1vw;
}

.singleBlogContainer .entry-content h3 {
    font-size: 2vw;
    font-weight: 600;
    line-height: 1.4;
    color: var(--flyblack);
    margin: 0 0 1vw;
}

.singleBlogContainer .entry-content h4 {
    font-size: 1.8vw;
    font-weight: 600;
    line-height: 1.4;
    color: var(--flyblack);
    margin: 0 0 1vw;
}

.singleBlogContainer .entry-content h5 {
    font-size: 1.6vw;
    font-weight: 600;
    line-height: 1.4;
    color: var(--flyblack);
    margin: 0 0 1vw;
}

.singleBlogContainer .entry-content h6 {
    font-size: 1.4vw;
    font-weight: 600;
    line-height: 1.4;
    color: var(--flyblack);
    margin: 0 0 1vw;
}

.singleBlogContainer .number {
    border-left: 2px solid #5595d0;
}

.singleBlogContainer .entry-header {
    margin-bottom: 50px;
}

.singleBlogContainer .entry-content {
}

.blogSpacingWrapper {
    padding: 0 10%;
    position: relative;
    z-index: 1;
}

.singleBlogContainer p a,.singleBlogContainer a,.singleBlogContainer p a:focus,.singleBlogContainer p a:visited {
    color: #5595d0;
    text-decoration: none;
}

.Date {
    float: left;
    display: inline-block;
    text-align: center;
}

.Date .Numb {
    font-size: 50px;
    font-weight: 400;
    color: #333;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    line-height: 40px;
}

.Date .Mo {
    font-size: 27px;
    font-weight: 400;
    text-transform: uppercase;
    color: #333;
}

.scrollWrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10vw 0 0;
}

.scrollWrap ul.scrollingItems {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: fit-content;
    animation: scrolling 38s linear infinite;
}

@keyframes scrolling {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.scrollWrap ul.scrollingItems li {
    flex-shrink: 0;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    padding: 0 5vw 0 0;
    color: #151515;
    font-size: 10vw;
    position: relative;
    font-weight: 600;
}

.topFooter {
    padding: 7vw 0;
    position: relative;
}

.subsubtag {
    font-size: 1.5vw;
    margin: 1vw 0 4vw;
}

.footerTag {
    font-size: 3.2vw;
    color: var(--white) !important;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
}

.footerSubTag {
    font-size: 2.2vw;
    color: var(--white) !important;
    font-weight: 600;
    margin: 1vw 0 1vw;
    line-height: 1.2;
}

ul.footerTopList {
    list-style: none;
    margin: 0 0 1.5vw;
    padding: 0;
    text-align: left;
}

ul.footerBotttomList {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

ul.footerTopList li {
    display: inline-block;
    padding: 0 1vw;
}

ul.footerTopList li:nth-child(1) {
    display: inline-block;
    padding: 0 1vw 0 0;
}

ul.footerBotttomList li {
    display: inline-block;
    padding: 0 1vw;
}

ul.footerBotttomList li:nth-child(1) {
    display: inline-block;
    padding: 0 1vw 0 0;
}

ul.footerTopList li a,ul.footerTopList li a:visited,ul.footerTopList li a:focus {
    list-style: none;
    font-size: .9vw;
    color: #555 !important;
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
    text-decoration: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

ul.footerBotttomList li a,ul.footerBotttomList li a:focus,ul.footerBotttomList li a:visited {
    list-style: none;
    font-size: .8vw;
    color: #555 !important;
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
    text-decoration: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

ul.footerBotttomList li a:hover,ul.footerTopList li a:hover {
    color: #fff !important;
    text-decoration: none;
}

.footerSocials {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.footerSocials li {
    display: inline-block;
    padding: 0 .5vw;
}

.footerSocials li:last-child {
    padding: 0 0 0 .5vw;
}

.footerSocials li a {
    color: var(--blue);
    font-size: 1.4vw;
}

.frame {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: var(--flyblack);
    animation: nope 1.5s ease;
    animation-fill-mode: forwards;
    animation-delay: 2.8s;
    z-index: 1;
}

#ffc-page {
    position: absolute;
    height: 0;
    width: 100%;
    z-index: 3;
    animation: nopeagain 1.1s ease;
    animation-fill-mode: forwards;
    animation-delay: .8s;
}

section {
    position: relative;
}

@keyframes landani {
    0% {
        height: 0%;
    }

    100% {
        height: 100%;
    }
}

@keyframes landani2 {
    0% {
        height: 100vh;
    }

    100% {
        height: 85vh;
    }
}

.splash-cont {
    position: fixed;
    z-index: 1000000000000000000;
    height: 100vh;
    width: 100vw;
    background: #fff;
    top: 110vh;
    left: 0;
    transition: all .5s ease;
}

.splash2 {
    position: absolute;
    height: 100vh;
    width: 100vw;
    background: var(--flyblack);
    top: 100%;
    transition: all 1.2s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.splash2 p {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    color: #333;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 12.6vw;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    opacity: .1;
    display: none;
}

.splash-cont.active {
    top: 0;
    transition: all .8s ease;
}

.splash-cont.active .splash2 {
    top: 0;
    transition: all 1.2s ease;
}

.splashlogo {
    width: 15vmin;
    height: 15vmin;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.splash2 svg {
    width: 100%;
    height: auto;
    position: relative;
    top: 100%;
}

.splash-cont.active svg {
    animation: flysvg 1s ease;
    animation-delay: 1.2s;
    animation-fill-mode: forwards;
}

.head-wrapper {
    position: relative;
}

@keyframes flysvg {
    0% {
        top: 100%;
    }

    100% {
        top: 0;
    }
}

.splash2 svg circle {
    transform: scale(0);
}

.splash-cont.active .splash2 svg circle {
    transform-origin: center center;
    animation: svgcircle 2s ease;
    animation-iteration-count: infinite;
    animation-delay: 2s;
}

@keyframes svgcircle {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

.head-menu-btn {
    position: relative;
    display: table;
    display: flex;
    float: right;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.head-menu-btn svg {
    width: auto;
    height: 25px;
    cursor: pointer;
}

.head-menu-btn svg path {
    fill: #fff;
}

.head-menu-btn svg #left {
    transform-origin: center center;
}

.head-menu-btn svg #mid {
    transform-origin: center center;
}

.head-menu-btn svg #right {
    transform-origin: center center;
}

.caseWrapper {
    width: 100%;
    height: 110vh;
    position: relative;
    overflow: hidden;
}

.caseShowcase {
    width: 100%;
    height: 110vh;
    display: flex;
    align-items: center;
    padding: 0 8vw;
}

.caseShowcase .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

.caseContainer {
    height: 100vh;
    display: flex;
    align-items: center;
}

.caseContainer a {
    display: block;
    width: 100%;
}

.caseContainer .caseText {
    overflow: hidden;
}

.caseContainer .caseText h4 {
    font-size: 2vw;
    color: var(--white);
    font-weight: 700;
    margin: 0 0 1vw;
    line-height: 1.4;
}

.caseContainer .caseImageBox {
    height: 55vh;
    background-size: cover;
    background-position: center;
}

.caseContainer ul {
    margin: 1vw 0 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.caseContainer ul li {
    overflow: hidden;
    display: inline-block;
}

.caseContainer ul li span {
    display: inline-block;
    padding: 0 1vw;
    border-right: 1px solid #6b6b6b;
    line-height: 1;
    font-size: 16px;
    font-weight: 300;
    color: #999;
}

.caseContainer ul li:last-child span {
    border-right: 0;
    padding: 0 0 0 1vw;
}

.caseLandingBigTitle {
    position: absolute;
    font-size: 220px;
    color: #151515;
    font-weight: 700;
    top: 100px;
    left: -30px;
    line-height: 1;
    margin: 0;
    pointer-events: none;
}

.caseNavHelp {
    position: absolute;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    bottom: 4vw;
    left: 5vw;
    letter-spacing: .3px;
    z-index: 9;
}

.caseProjectModal {
    position: absolute;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    bottom: 4vw;
    right: 5vw;
    letter-spacing: .3px;
    z-index: 9;
}

.sbi_info[style] {
    display: none !important;
}

.sbi_username {
    display: none;
}

#sb_instagram .sbi_link .sbi_instagram_link {
    display: none;
}

.legal-banner {
    position: relative;
    min-height: 300px;
    height: 90vh;
    background: var(--flyblack);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.legal-banner p {
    font-size: clamp(60px,10vmin,100px);
    color: var(--white) !important;
    letter-spacing: 0px;
    line-height: 1.1;
    margin: 30px 0 0px;
    font-weight: 600;
}

.legal-banner h1 {
    font-size: clamp(28px,3.5vmin,35px);
    color: var(--white);
    letter-spacing: 0px;
    line-height: 1;
    margin: 0;
    font-weight: 400;
}

.legal-content {
    position: relative;
    background: #eee;
    padding: 80px 0;
}

.legal-content ::selection {
    background: #000 !important;
    color: #fff !important;
}

.legal-content .content {
    position: relative;
    display: grid;
    grid-template-areas: ". .";
    grid-template-columns: 65% 1fr;
    margin: -30vh 0 0;
    z-index: 1;
    background: #fff;
    padding: clamp(40px,12vmin,120px);
    grid-gap: clamp(50px,10vmin,120px);
    box-sizing: border-box;
}

.legal-content .content .left {
    position: relative;
    display: block;
    overflow: hidden;
}

.legal-content .content .left h1,.legal-content .content .left h2,.legal-content .content .left h3,.legal-content .content .left h4,.legal-content .content .left h5,.legal-content .content .left h6 {
    font-size: clamp(16px,2.5vmin,25px);
    color: var(--off-black);
    font-weight: 600;
    margin: 0 0 40px;
    line-height: 1.6;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(38,39,41,.05);
}

.legal-content .content .left p,.legal-content .content .left li {
    font-size: clamp(16px,1.8vmin,18px);
    color: var(--para);
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.8;
    list-style: circle;
}

.legal-content .content .left a {
    color: var(--flyblue);
}

.legal-content .content .right {
}

.legal-content .content .right .desc {
    position: sticky;
    top: 30px;
}

.legal-content .content .right .desc h3 {
    font-size: clamp(25px,3.5vmin,35px);
    color: var(--off-black);
    font-weight: 600;
    margin: 0 0 8px;
    line-height: 1.4;
    padding-bottom: 20px;
    border-bottom: 2px solid;
}

.legal-content .content .right .desc ul {
    position: relative;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template: ".";
    grid-template-columns: 1fr;
    grid-gap: 20px;
}

.legal-content .content .right .desc ul li {
    color: var(--para);
    font-weight: 400;
    line-height: 1.8;
    list-style: none;
    user-select: none;
    font-size: clamp(16px,1.8vmin,18px);
}

.legal-content .content .right .desc ul li:last-of-type {
}

.legal-content .content .right .desc ul li a {
    display: block;
    padding: 12px 0;
    text-align: left;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0;
    cursor: pointer;
    transition: padding .5s ease;
}

.legal-content .content .right .desc ul li a:hover {
    padding-left: 10px;
}

@media screen and (min-width: 1800px) {
    .page-template-page-case_landing .container {
        width:70%;
    }
}

@media screen and (max-width: 1550px) {
    .landingTest .landingServices {
        width:75%;
    }

    .landingTest .landingServices .landingServiceBox {
        padding: 4vw 1.5vw;
    }

    .caseInfo .caseInfoBox {
        padding: 0 40px;
    }

    .caseTestimonial p.caseTestText {
        line-height: 1.3;
        padding: 0 80px;
    }

    .sticky-top-project {
        top: 60px;
    }

    .caseInfo .caseInfoBox {
        padding: 0 0 30px;
    }

    .caseTestimonial p.caseTestName {
        padding: 0 80px;
    }

    .mobileImageCol {
        padding: 0 70px;
    }
}

@media screen and (max-width: 1350px) {
    .caseInfo .caseInfoBox {
        padding:0 0 30px;
    }

    .caseTestimonial p.caseTestName {
        padding: 0;
    }

    .caseTestimonial p.caseTestText {
        padding: 0;
    }

    .mobileImageCol {
        padding: 0 40px;
    }

    .caseBrandingLeft p,.caseLanding .caseLandingText p,.caseInfo .caseInfoBox p {
        font-size: 16px;
        line-height: 1.8;
    }

    .chall {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }
}

@media screen and (min-width: 1200px) {
    .container {
        width:80%;
        margin: 0 auto;
        max-width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .hidden-lg {
        display:none !important;
    }

    #ffcblog {
        padding: 10px 15px 40px 15px;
    }

    #ffcblog h2 a {
        font-size: 25px;
    }

    .brandingRow .caseBrandingRight,.brandingRow .caseBrandingLeft {
        height: 500px;
    }

    .caseInfo .caseInfoBox h2 {
        font-size: 4vw;
        padding-top: 30px;
    }

    .sticky-top-project {
        top: 20px;
    }

    .landingTest .landingServices {
        width: 85%;
    }

    .landingServiceBox .serviceTitle {
        font-size: 20px;
    }

    .landingServiceBox .serviceText {
        font-size: 16px;
    }

    .landingServiceBox .serviceNumber {
        font-size: 16px;
        margin: 0;
    }

    .landingTest .bannertext {
        top: 45%;
        transform: translateY(-45%);
    }

    .boldText {
        font-size: 2.1vw;
    }

    .homeServiceCols ul li {
        font-size: 1.1vw;
    }

    ul.footerTopList li a,ul.footerTopList li a:visited,ul.footerTopList li a:focus {
        font-size: 1.2vw;
    }

    ul.footerBotttomList li a,ul.footerBotttomList li a:focus,ul.footerBotttomList li a:visited {
        font-size: 1vw;
    }

    .aboutCols h3 {
        font-size: 10vw;
    }

    .aboutCols ul li {
        font-size: 1.1vw;
    }

    .textCarouselInfo p {
        font-size: 1.2vw;
    }

    [data-aos="containedVideoPadding"].aos-animate {
        padding: 4vw 5%;
    }

    .serviceTopBanner h1 {
        font-size: 4vw;
    }

    .serviceTopBanner .hsub {
        font-size: 2.2vw;
        line-height: 1.4;
        margin: 60px 0 0;
    }

    .page-template-page-service .sideMessage {
        display: none;
    }

    .serviceCaseLink p {
        display: none;
    }

    .serviceBannerIntro p {
        font-size: 1.2vw;
    }

    .serviceAccordians h3 {
        font-size: 2.8vw;
    }

    .serviceInfoSection {
        padding: 15vw 0;
    }

    .serviceInfoSection .carousel-indicators li {
        font-size: 1.2vw;
    }

    .serviceInfoContainer h3 {
        font-size: 6.5vw;
    }
}

@media screen and (max-width: 991px) {
    .legal-content .content .right {
        display:none;
    }

    .legal-content .content {
        grid-template-areas: ".";
        grid-template-columns: 1fr;
        padding: 30px;
    }

    .hidden-md {
        display: none !important;
    }

    .landingTest .bannertext p {
        font-size: 6vw;
        line-height: 1.2;
    }

    #ffcblog h2 a {
        font-size: 40px;
    }

    .caseInfo .caseInfoBox {
        padding: 0 0 60px;
        text-align: center;
    }

    .caseInfo .caseInfoBox h2 {
        font-size: 7vw;
        padding-top: 30px;
        text-align: center;
    }

    #s2 .caseInfoBox p {
        font-size: 16px;
    }

    #s2 .caseInfoBox h2 {
        font-size: 6vw;
        padding: 20px 0 0 !important;
        text-align: center;
    }

    .caseTestimonial p.caseTestName {
        font-size: 2.6vw;
        text-align: center;
    }

    .caseTestimonial p.caseTestText {
        font-size: 3.4vw;
        text-align: center;
    }

    .brandingRow .caseBrandingLeft .brandingLeftText {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        padding: 10%;
        width: 100%;
        text-align: center;
    }

    .brandingRow .caseBrandingLeft {
        float: none;
        height: auto;
        width: 100%;
    }

    .brandingRow .caseBrandingRight,.brandingRow .caseBrandingLeft {
        height: auto;
    }

    .chall {
        font-size: 6vw !important;
    }

    .brandingRow .caseBrandingRight {
        float: none;
        width: 100%;
    }

    .brandcase {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        padding: 5%;
        width: 100%;
    }

    .caseLanding .caseLandingText h1 {
        font-size: 14vw;
        text-align: center;
    }

    .caseBrandingLeft p,.caseLanding .caseLandingText p,.caseInfo .caseInfoBox p {
        font-size: 16px;
        line-height: 1.8;
        text-align: center;
    }

    .bigBoldTitle {
        font-size: 3.4vw;
    }

    .homeIntro .bigBoldTitle {
        margin: 0;
        max-width: 100%;
    }

    .boldText {
        font-size: 2.4vw;
    }

    .homeIntro .boldText {
        margin: 0;
    }

    .homeIntroRow {
        margin: 5vw 0 0;
        position: relative;
    }

    p {
        font-size: 1.8vw;
    }

    .compressedcolLeft {
        padding: 0 15px;
        margin: 0 0 5vw;
    }

    .compressedcolRight {
        padding: 0 15px;
    }

    .workHomeIntro {
        float: none;
        padding: 0 10% 0;
        width: 100%;
    }

    .workHomeIntro h3 {
        font-size: 3vw;
        margin: 0 0 1vw;
    }

    .workText ul {
        display: none;
    }

    .workText h3 {
        font-size: 8vw;
    }

    .workImages .workImgPlacement {
        width: 70%;
        display: inline-block;
        position: relative;
    }

    .workContainer:nth-child(even) .parallelWorkImg {
        transform: translate(60%,-50%);
    }

    .homeServiceWrapper .boldText {
        font-size: 5.5vw;
    }

    .homeServiceCols h4 {
        font-size: 3vw;
    }

    .homeServiceCols ul {
        margin: 0 0 7vw;
    }

    .homeServiceCols ul li {
        font-size: 1.8vw;
    }

    .footerSubTag {
        font-size: 4vw;
    }

    .subsubtag {
        font-size: 2.2vw;
    }

    ul.footerTopList li a,ul.footerTopList li a:visited,ul.footerTopList li a:focus {
        font-size: 1.8vw;
    }

    ul.footerBotttomList li a,ul.footerBotttomList li a:focus,ul.footerBotttomList li a:visited {
        font-size: 1.5vw;
    }

    .footerSocials li a {
        font-size: 2.5vw;
    }

    .customCursor,.customCursorFollow {
        display: none;
    }

    .aboutVideoLink img {
        width: 5.5vw;
    }

    .aboutVideoLink p {
        font-size: 2.2vw;
    }

    .aboutIntro p {
        font-size: 3.4vw;
        margin: 0 0 2vw;
    }

    .aboutCols ul li {
        font-size: 1.8vw;
    }

    .aboutCols h4 {
        font-size: 3vw;
    }

    .aboutColsBtn,.aboutColsBtn:visited,.aboutColsBtn:focus {
        font-size: 2.4vw;
    }

    .textCarouselInfo p {
        font-size: 1.8vw;
    }

    .serviceProjects h4 {
        font-size: 3vw;
    }

    .projectFooterLinks a,.projectFooterLinks a:visited,.projectFooterLinks a:focus {
        font-size: 2.4vw;
    }

    .serviceInfoSection .slashNum {
        font-size: 2.6vw;
        top: 10vw;
    }

    .serviceTopBanner {
        padding: 22vw 0 8vw;
        text-align: left;
    }

    .serviceTopBanner h1 {
        font-size: 5vw;
        width: 100%;
    }

    .serviceTopBanner .hsub {
        font-size: 2.6vw;
        width: 100%;
    }

    .serviceBannerIntro p {
        font-size: 1.8vw;
        width: 100%;
        margin: 0 auto;
    }

    .serviceInfoSection .carousel-control-next {
        top: -10vw;
    }
}

@media screen and (max-width: 768px) {
    .legal-content .content .right .desc ul {
        grid-gap:10px;
    }

    .landingTest .sideMessage {
        right: -110px;
        font-size: 14px;
    }

    .landingTest .bannertext p {
        font-size: 60px;
        line-height: 65px;
    }

    .landingTest .mobileVideoLink {
        width: 40px;
    }

    .landingTest .bannertext .banner-sml {
        font-size: 14px;
    }

    .hidden-sm {
        display: none !important;
    }

    #ffcblog a.readm {
        padding: 8px 15px;
    }

    .flyofficebg {
        background: #5595d0;
    }

    #ffcblog {
        padding: 0px 15px 40px 15px;
    }

    #ffcblog article {
        margin-bottom: 15px;
    }

    .landingTest .bannertext p {
        font-size: 10vw;
        line-height: 1.2;
    }

    .landingTest .bannertext {
        text-align: center;
        padding: 0 3vw;
    }

    .landingArrow {
        right: 35px;
    }

    .bigBoldTitle {
        font-size: 6.5vw;
    }

    .boldText {
        font-size: 5vw;
    }

    p {
        font-size: 3.5vw;
        line-height: 2;
        font-weight: 500;
    }

    .workHomeIntro h3 {
        font-size: 4vw;
    }

    .workText h3 {
        font-size: 4vw;
        text-align: left;
    }

    .workContainer:nth-child(even) .workText h3 {
        text-align: center;
    }

    .homeServiceCols h4 {
        font-size: 4.5vw;
    }

    .homeServiceCols ul li {
        font-size: 2.9vw;
    }

    .scrollWrap ul.scrollingItems li {
        font-size: 16vw;
    }

    .topFooter {
        text-align: left;
    }

    .footerSubTag {
        font-size: 7vw;
    }

    .subsubtag {
        font-size: 3.6vw;
    }

    ul.footerTopList li a,ul.footerTopList li a:visited,ul.footerTopList li a:focus {
        font-size: 2.8vw;
    }

    ul.footerTopList {
        text-align: left;
    }

    ul.footerBotttomList {
        margin: 1.5vw 0 0;
        text-align: lfet;
    }

    ul.footerBotttomList li a,ul.footerBotttomList li a:focus,ul.footerBotttomList li a:visited {
        font-size: 2.2vw;
    }

    .footerSocials {
        margin: 4vw 0 0;
        text-align: right;
    }

    .footerSocials li {
        padding: 0 1vw;
    }

    .footerSocials li:last-child {
        padding: 0 0 0 1vw;
    }

    .footerSocials li a {
        font-size: 3vw;
    }

    .aboutIntro p {
        font-size: 4.4vw;
        margin: 0 0 6vw;
        text-align: center;
    }

    .aboutImgPadding {
        padding: 0vw;
    }

    .aboutVideoLink {
        padding: 3vw 0 0;
    }

    .aboutCols h3 {
        font-size: 12vw;
    }

    .aboutCols ul {
        margin: 0 0 5vw;
    }

    .aboutTextCarousel h4 {
        font-size: 5vw;
        margin: 0 0 4vw;
    }

    .textCarouselInfo p.textCarouselBigTitle {
        font-size: 9vw;
    }

    .aboutTextCarouselContainer span {
        font-size: 2.6vw;
    }

    .textCarouselInfo p {
        font-size: 2.4vw;
    }

    .teamScroll h4 {
        font-size: 5vw;
    }

    .page-template-page-about .intBannerText .intBannerTitle {
        font-size: 10vw;
        line-height: 1.2;
        text-align: center;
    }

    .aboutCols ul li {
        font-size: 2.5vw;
    }

    .aboutCols h4 {
        font-size: 5vw;
    }

    .serviceInfoSection .carousel-indicators {
        display: none;
    }

    .serviceInfoSection .container {
        padding: 0 15px;
    }

    .serviceInfoContainer h3 {
        font-size: 10vw;
    }

    .serviceInfoSection {
        padding: 18vw 0;
    }

    .serviceProjects h4 {
        font-size: 4vw;
    }

    .projectFooterLinks a,.projectFooterLinks a:visited,.projectFooterLinks a:focus {
        font-size: 3.4vw;
    }

    .serviceBannerIntro p {
        font-size: 2.6vw;
    }

    .serviceTopBanner {
        padding: 28vw 0 8vw;
    }

    .serviceTopBanner h1 {
        font-size: 7vw;
    }

    .serviceTopBanner .hsub {
        font-size: 3.4vw;
        width: 100%;
        margin: 30px 0 0;
    }

    .serviceAccordians h3 {
        font-size: 4.8vw;
        text-align: center;
    }

    .accordianTitle p svg {
        height: 4vw;
        width: 4vw;
    }

    .serviceAccordiansWrapper .serviceAccordianButton {
        padding: 4vw 0;
    }

    .container {
        width: 100% !important;
        padding: 0 30px !important;
    }

    .workHomeIntro {
        display: none;
    }

    .parallelWorkImg {
        display: none;
    }

    .workImages .workImgPlacement {
        width: 100%;
        padding: 0 30px;
    }

    .workImages {
        margin: 0vw 0 0;
    }

    .workContainer:nth-child(even) .workImages {
        text-align: left;
        margin: 0vw 0 0;
    }
}

@media screen and (max-width: 591px) {
    .landingArrow {
        height:19vw;
    }

    #menu-main {
        display: none;
    }

    .hidden-xl {
        display: none !important;
    }

    .landingTest .sideMessage {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .landingTest .landingTextBox {
        margin:0;
    }

    .landingTest .bannertext {
        top: 50%;
        transform: translateY(-50%);
        padding: 0 25px;
        text-align: left;
    }

    .landingTest .bannertext p {
        font-size: 10vw;
        line-height: 1.2;
        margin: 0;
        padding-bottom: 0;
    }

    .landingTest .bannertext .banner-sml {
        font-size: 14px;
        text-align: center;
        margin: 20px 0 0;
        line-height: 24px;
        display: block;
    }

    .landingTest .landingServices .landingServiceBox {
        padding: 60px 20px;
    }

    .landingTest .mobileVideoLink {
        overflow: hidden;
    }
}

@media screen and (max-width: 420px) {
    .landingTest .bannertext p {
        font-size:40px;
        line-height: 45px;
    }
}

* {
    margin: 0;
    padding: 0;
    outline: 0 !important;
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

.page-template-page-home23,.page-template-page-start_project {
    background-color: var(--flyblack);
}

.page-template-page-home24 .container {
    width: 80%;
    padding: 0;
}

@media screen and (max-width: 991px) {
    .page-template-page-home24 .container {
        width:90%;
    }
}

body {
    font-family: "ffc2",sans-serif !important;
}

body.page-template-page-home24 {
    /* font-family:"ffc2",sans-serif !important; */
    /* background:white; */
}

.postid-3021 .caseInfo {
    background: #030303 !important;
}

.pl50 {
    padding-left: 50px;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h1,h2,h3,h4,h5 {
    line-height: 1.1;
}

p {
    font-size: clamp(16px,1.1vw,22px);
    color: var(--white);
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.8;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

div {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

.width100 {
    width: 100%;
}

.hidden-xl {
    display: none !important;
}

::-moz-selection {
    color: #000 !important;
    background: #ccc !important;
}

::selection {
    color: #000 !important;
    background: #ccc !important;
}

.whiteBg ::-moz-selection {
    color: var(--white) !important;
    background: #000 !important;
}

.whiteBg ::selection {
    color: var(--white) !important;
    background: #000 !important;
}

.darkBg ::-moz-selection {
    color: #000 !important;
    background: var(--white) !important;
}

.darkBg ::selection {
    color: #000 !important;
    background: var(--white) !important;
}

.post,.page {
    margin: 0;
}

.caseInfoBox {
    padding: 0 75px 150px;
}

body::-webkit-scrollbar {
    width: 0 !important;
}

body {
    overflow: -moz-scrollbars-none;
}

body {
    -ms-overflow-style: none;
}

.page-template-page-case_landing {
    overflow: hidden;
    background: var(--flyblack);
}

.page-template-page-contact {
    background: var(--white);
}

.progress-container {
    width: 280px;
    height: 1px;
    background: var(--white);
    position: fixed;
    right: -70px;
    bottom: 180px;
    transform: rotate(90deg);
    z-index: 9999;
    display: none;
}

.progress-bar {
    height: 1px;
    background: var(--flyblue);
    width: 0%;
    border-right: 40;
    transition: none;
}

.page-id-1023 .progress-container {
    display: none;
}

.page-template-page-case_landing footer {
    display: none;
}

.sbi_date,.sbi_instagram_link {
    display: none !important;
}

.customCursor {
    position: fixed;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--flyblue);
    transform: translate(-50%,-50%);
    z-index: 99999999999999;
    pointer-events: none;
    opacity: 0 !important;
}

.customCursorOpen {
    position: fixed;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--flyblue);
    transform: translate(-50%,-50%);
    z-index: 99999999999999;
    pointer-events: none;
    opacity: 0 !important;
}

.customCursorVideo {
    position: fixed;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--flyblue);
    transform: translate(-50%,-50%);
    z-index: 99999999999999;
    pointer-events: none;
    opacity: 0 !important;
}

.customCursorFollow {
    position: fixed;
    transform: translate(-50%,-50%);
    z-index: 999999999;
    pointer-events: none;
}

.customCursorFollow .defaultNormal {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    pointer-events: none;
    border: 2px solid #616161;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    background: #616161;
}

.viewWorkCursor {
    opacity: 0;
    width: 0px;
    height: 0px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.viewOpenCursor {
    opacity: 0;
    width: 0px;
    height: 0px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.viewPlayCursor {
    opacity: 0;
    width: 0px;
    height: 0px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.customCursor.workHover,.customCursorOpen.dropdownHover,.customCursorVideo.playVideo {
    width: auto;
    height: auto;
    background: 0;
    opacity: 1 !important;
}

.customCursor.workHover .viewWorkCursor {
    opacity: 1;
    width: 20px;
    height: 20px;
    font-size: 18px;
    color: #fff;
    pointer-events: none;
    display: grid;
    align-items: center;
    text-align: center;
}

.customCursorVideo.playVideo .viewPlayCursor {
    position: relative;
    opacity: 1;
    font-size: 18px;
    color: #fff;
    pointer-events: none;
}

.customCursorOpen.dropdownHover .viewOpenCursor {
    position: relative;
    opacity: 1;
    font-size: 18px;
    color: #fff;
    pointer-events: none;
}

.customCursorOpen.dropdownHover.closeDrop .viewOpenCursor p.closeDrop {
    opacity: 1;
}

.customCursorOpen.dropdownHover.closeDrop .viewOpenCursor p.openDrop {
    opacity: 0;
}

.customCursorOpen.dropdownHover.openDrop .viewOpenCursor p.openDrop {
    opacity: 1;
}

.customCursorOpen.dropdownHover.openDrop .viewOpenCursor p.closeDrop {
    opacity: 0;
}

.customCursorVideo.playVideo.closeVideo .viewPlayCursor p.closeVideo {
    opacity: 1;
}

.customCursorVideo.playVideo.closeVideo .viewPlayCursor p.openVideo {
    opacity: 0;
}

.customCursorVideo.playVideo.openVideo .viewPlayCursor p.openVideo {
    opacity: 1;
}

.customCursorVideo.playVideo.openVideo .viewPlayCursor p.closeVideo {
    opacity: 0;
}

.customCursorOpen.dropdownHover .viewOpenCursor p.openDrop,.customCursorOpen.dropdownHover .viewOpenCursor p.closeDrop {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    white-space: nowrap;
    font-size: 18px;
}

.customCursor.workHover p,.customCursorVideo.playVideo .viewPlayCursor p.openVideo,.customCursorVideo.playVideo .viewPlayCursor p.closeVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    white-space: nowrap;
    font-size: 18px;
}

.customCursor.workHover ~ .customCursorFollow .defaultNormal,.customCursorOpen.dropdownHover~.customCursorFollow .defaultNormal,.customCursorVideo.playVideo ~.customCursorFollow .defaultNormal {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    pointer-events: none;
    border: 0;
    background: rgba(0,0,0,.8);
}

.splash-cont {
    background: var(--flyblack);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99999999999;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.m0 {
    margin: 0 !important;
}

.mr1 {
    margin-right: 1%;
}

.mr2 {
    margin-right: 2%;
}

.mr3 {
    margin-right: 3%;
}

.mr4 {
    margin-right: 4%;
}

.mr5 {
    margin-right: 5%;
}

.ml1 {
    margin-left: 1%;
}

.ml2 {
    margin-left: 2%;
}

.ml3 {
    margin-left: 3%;
}

.ml4 {
    margin-left: 4%;
}

.ml5 {
    margin-left: 5%;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.links a {
    text-decoration: none !important;
    color: inherit !important;
}

.links a:hover {
    text-decoration: none !important;
    color: inherit !important;
}

.links a:focus {
    text-decoration: none !important;
    color: inherit !important;
}

.links a:visited {
    text-decoration: none !important;
    color: inherit !important;
}

.padd0 {
    padding: 0 !important;
}

.padd10 {
    padding: 10px;
}

.padd20 {
    padding: 20px;
}

.padd30 {
    padding: 30px;
}

.padd40 {
    padding: 40px;
}

.padd50 {
    padding: 50px;
}

.padd-top10 {
    padding-top: 10px;
}

.padd-top20 {
    padding-top: 20px;
}

.padd-top30 {
    padding-top: 30px;
}

.padd-top40 {
    padding-top: 40px;
}

.padd-top50 {
    padding-top: 50px;
}

.padd-bottom10 {
    padding-bottom: 10px;
}

.padd-bottom20 {
    padding-bottom: 20px;
}

.padd-bottom30 {
    padding-bottom: 30px;
}

.padd-bottom40 {
    padding-bottom: 40px;
}

.padd-bottom50 {
    padding-bottom: 50px;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.scroll-animations .animated {
    flex-grow: 1;
    opacity: 0;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.aosSkew {
    position: relative;
    overflow: hidden;
}

[data-aos="custome-fade"] {
    position: relative;
    transform: translateY(100%);
    transition-property: transform,bottom;
    transition: ease-in-out;
}

[data-aos="custome-fade"].aos-animate {
    transform: translateY(0%);
}

:root {
    --white: #fff;
    --off-black: #212121;
    --black: #1a1a1a;
    --para: #464646;
    --blue: #3ec7f1;
}

.doubleParaImg .showreelCircle {
    position: absolute;
    top: calc(0% - 2vw);
    left: calc(0% - 1vw);
    z-index: 1;
    width: 10vw;
    animation: recordRotate linear 7s infinite;
}

@keyframes recordRotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.head {
    position: absolute;
    width: 100%;
    z-index: 9999;
    padding: 40px;
    overflow: hidden;
    pointer-events: all;
}

.head img {
    animation-delay: 2.8s;
    animation-duration: 1s;
    pointer-events: all;
    cursor: pointer;
}

.ffcLogo {
    position: fixed;
    top: 55px;
    left: 40px;
    z-index: 999999;
    cursor: pointer;
    mix-blend-mode: difference;
}

.ffcLogo svg {
    width: 190px;
    height: auto;
}

.ffcLogo svg path {
    fill: #fff;
}

@media screen and (max-width: 768px) {
    .ffcLogo svg {
        width:170px;
    }
}

.single-case_study .sideMessage {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    z-index: 9;
    right: -96px;
    font-weight: 400;
    color: var(--white);
    font-size: 14px;
    opacity: 1;
    word-spacing: 20px;
    letter-spacing: 1px;
}

.page-template-page-home24 .bannerWrap,.page-template-page-home23 .bannerWrap {
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--flyblack);
}

.page-template-page-home24 .circle-videoContainer,.page-template-page-home23 .circle-videoContainer {
    position: relative;
    width: 100vw;
    height: 100dvh;
    -webkit-clip-path: circle(25% at 50% 50%);
    clip-path: circle(25% at 50% 50%);
    z-index: 2;
}

.page-template-page-home24 .circle-videoContainer video,.page-template-page-home23 .circle-videoContainer video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-template-page-home24 .circle-videoContainer iframe,.page-template-page-home23 .circle-videoContainer iframe {
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh;
}

.page-template-page-home24 .homeIntro .bigBoldTitle,.page-template-page-home23 .homeIntro .bigBoldTitle {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2vw;
    line-height: 1.1;
    width: 85%;
    color: #fff;
}

.page-template-page-home24 .bigBoldTitle .wordContainer,.page-template-page-home23 .bigBoldTitle .wordContainer {
    display: flex;
    position: relative;
}

.page-template-page-home24 .bigBoldTitle .wordContainer .divText,.page-template-page-home23 .bigBoldTitle .wordContainer .divText {
    display: inline-block;
    position: relative;
    visibility: inherit;
    color: white;
}

.page-template-page-home24 .showreelContainer,.page-template-page-home23 .showreelContainer {
    position: relative;
}

.page-template-page-home24 .showreelContainer .overlay-vid2,.page-template-page-home23 .showreelContainer .overlay-vid2 {
    pointer-events: none;
    user-select: none;
}

.page-template-page-home24 .showreelContainer .textContainer,.page-template-page-home23 .showreelContainer .textContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.page-template-page-home24 .showreelContainer .showreelVideoContainer,.page-template-page-home23 .showreelContainer .showreelVideoContainer {
}

.page-template-page-home24 .showreelContainer .textContainer p,.page-template-page-home23 .showreelContainer .textContainer p {
    font-size: 6vw;
    padding: 0 2vw;
}

.page-template-page-home24 .homeIntro .row,.page-template-page-home23 .homeIntro .row {
    justify-content: flex-end;
}

.page-template-page-home24 .homeIntro.homeServiceWrapper .row,.page-template-page-home23 .homeIntro.homeServiceWrapper .row {
    justify-content: flex-start;
}

.page-template-page-home24 .homeIntroRow,.page-template-page-home23 .homeIntroRow {
    margin: 0;
}

.page-template-page-home24 .homeIntroRow p {
    margin-bottom: 30px;
}

.page-template-page-home24 .workScroll,.page-template-page-home23 .workScroll {
    position: relative;
}

.ffcLogo img {
    width: 190px !important;
}

.landingTest.fullscreen-bg.banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    height: 100vh;
    position: relative;
    background-color: #272a2d;
}

.overlay-vid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    z-index: 1;
    backdrop-filter: blur(17px);
}

.overlay-vid2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 1;
}

.circle-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 41rem;
    width: 41rem;
    border-radius: 100%;
    overflow: hidden;
    z-index: 2;
}

.section-scroll {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    z-index: 3;
}

.section-scroll p {
    font-size: 11vw;
    color: white;
}

.scrolling-wrapper {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    animation: scrolling-wrapper 35s linear infinite;
}

.scrolling-wrapper p {
    display: inline-block;
}

.bannerWrap .section-scroll p,.landingTest .section-scroll p {
}

.page-template-page-home24 .bannerWrap {
    background-color: white;
}

.page-template-page-home24 .bannerWrap .section-scroll {
    mix-blend-mode: difference;
    color: white;
}

.page-template-page-home24 .bannerWrap .section-scroll p {
    text-transform: none;
    font-family: "ffc2";
}

.page-template-page-home24 .banner-scroll-text {
    mix-blend-mode: difference;
    color: white;
}

@keyframes scrolling-wrapper {
    0% {
        transform: translate3d(0,0,0);
    }

    100% {
        transform: translate3d(-50%,0,0);
    }
}

.banner-scroll-text p {
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.5;
}

.banner-scroll-text h1 {
    font-size: clamp(20px,1.6vw,30px);
    color: #fff;
    line-height: 1.3;
}

.banner-scroll-text {
    width: 20%;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 2rem;
    z-index: 999;
    margin-bottom: 30px;
}

@media screen and (min-width: 2090px) {
    .banner-scroll-text {
        width:30%;
    }
}

@media screen and (min-width: 2340px) {
    .banner-scroll-text {
        width:25%;
    }
}

@media screen and (min-width: 2790px) {
    .banner-scroll-text {
        width:21%;
    }
}

.landingTest.fullscreen-bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    height: 100vh;
    position: relative;
    background-color: #272a2d;
}

.landingTest.fullscreen-bg__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.landingTest .Overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
}

.landingArrow {
    position: absolute;
    right: 65px;
    bottom: 5%;
    z-index: 4;
    overflow: hidden;
    width: 3px;
    background: rgba(255,255,255,.5);
    height: 8vw;
}

.landingArrow span {
    position: relative;
    display: block;
    top: -8vw;
    width: 100%;
    height: 100%;
    animation: landArrow 2s ease infinite;
    animation-delay: 2s;
    background: #fff;
}

@keyframes landArrow {
    0% {
        top: -8vw;
    }

    50% {
        top: 0;
    }

    100% {
        top: 8vw;
    }
}

.mobileLandingArrow {
    position: absolute;
    right: 65px;
    bottom: 5%;
    z-index: 4;
    overflow: hidden;
    width: 3px;
    background: rgba(255,255,255,.5);
    height: 19vw;
    display: none;
}

.mobileLandingArrow span {
    position: relative;
    display: block;
    top: -19vw;
    width: 100%;
    height: 100%;
    animation: mobileLandArrow 2s ease infinite;
    animation-delay: 2s;
    background: #fff;
}

@keyframes mobileLandArrow {
    0% {
        top: -19vw;
    }

    50% {
        top: 0;
    }

    100% {
        top: 19vw;
    }
}

.serviceHeaderContainer {
    width: 100% !important;
    padding: 0 !important;
}

.landingTest .bannertext {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    transform: translateY(-35%);
    text-align: left;
    padding: 0 0 0 calc(6% - 20px);
}

.landingTest .landingTextBox {
    margin: 0 0 40px;
}

.landingTest .bannertext p {
    font-size: 5vw;
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.1;
    padding: 0 0 0vw;
}

.landingTest .bannertext p span {
    font-weight: 400;
}

.landingTest .bannertext .banner-sml {
    display: inline-block;
    border-left: 0;
    font-size: 18px;
    padding: 0;
    margin: 0;
    margin-left: 20px;
    text-align: left;
    letter-spacing: 0px;
    line-height: 40px;
    font-weight: 400;
}

.landingTest .sideMessage {
    position: absolute;
    top: 45%;
    transform: translateY(-50%) rotate(90deg);
    z-index: 9;
    transform-origin: center center;
    right: -70px;
    font-weight: 400;
    color: var(--white);
    font-size: 14px;
    opacity: 0;
}

.landingTest .sideMessage a {
    text-decoration: none;
    color: var(--white);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.page-template-page-service .sideMessage a {
    text-decoration: none;
    color: var(--white);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.page-template-page-service .sideMessage,.page-template-page-top_service .sideMessage {
    position: absolute;
    top: 22%;
    transform: translateY(-50%) rotate(90deg);
    z-index: 9;
    transform-origin: center center;
    right: -70px;
    font-weight: 400;
    color: var(--white);
    font-size: 14px;
    opacity: 0;
}

.page-template-page-service .sideMessage a,.page-template-page-top_service .sideMessage a {
    text-decoration: none;
    color: var(--white);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.landingSocialInsta:hover {
    text-decoration: none;
    color: #cd486b !important;
}

.landingSocialFly:hover {
    text-decoration: none;
    color: var(--flyblue) !important;
}

.landingSocialFace:hover {
    text-decoration: none;
    color: #3b5998 !important;
}

.landingTest .dib {
    display: inline-block;
    margin-top: 0;
}

.landingTest .landingnav {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    padding: 30px 30px 0;
}

.landingTest .landingdown {
    text-align: center;
    position: absolute;
    width: 100%;
    background: var(--white);
    margin-bottom: 0;
    top: 0;
}

.landingTest .landingdown a {
    padding: 20px 0 40px;
    display: block;
}

.landingTest .contact-cta {
    padding: 80px 120px 0;
}

.landingTest .error-btn {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 60px;
}

.landingTest .landingServices {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 3vw;
    width: 80%;
}

.landingServiceBox {
    overflow: hidden;
    padding: 3.2vw 3vw;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.landingServiceBox .serviceNumber {
    font-size: 18px;
    color: var(--white);
    font-weight: 400;
}

.landingServiceBox .serviceTitle {
    color: var(--white);
    font-size: 1.4vw;
    margin: 0 0 10px;
    font-weight: 400;
    display: inline-block;
    position: relative;
}

.landingServiceBox .serviceTitle i {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    font-size: 18px;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
}

.landingTest .landingServices a:hover .serviceTitle i,.serviceLinksRow a:hover .serviceTitle i {
    opacity: 1;
    right: -40px;
}

.landingServiceBox .serviceText {
    margin: 0;
    color: #ccc;
    font-weight: 400;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.landingTest .landingServices a:hover .serviceText,.serviceLinksRow a:hover .serviceText {
    color: #ccc;
    text-decoration: none;
}

.page-template-page-home .processTitle {
    text-align: center;
}

.page-template-page-home .imgMiddleRight h2 {
    font-size: 46px;
    line-height: 52px;
    margin: 0 0 90px;
}

.page-template-page-home .bigLink {
    color: var(--white);
    display: inline-block;
    margin: 90px 0 0;
    font-size: 34px;
    font-weight: 300;
}

.homeIntro {
    padding: 5vw 0;
    position: relative;
}

.homeIntroRow {
    margin: 8vw 0 0;
    position: relative;
}

.bigBoldTitle {
    font-size: 3.4vw;
    color: var(--off-black);
    font-weight: 400;
    margin: 0 0 2vw;
    line-height: 1.4;
}

.homeIntro .bigBoldTitle {
    margin: 0;
    font-size: 5.4vw;
    max-width: 100%;
    line-height: 1.2;
}

.compressedcolLeft {
    padding: 0 5% 0 15px;
}

.compressedcolRight {
    padding: 0 15px 0 5%;
}

.boldText {
    font-size: 3vw;
    color: var(--white) !important;
    font-weight: 400;
    margin: 0 0 1vw;
    line-height: 1.4;
}

.homeIntro .boldText {
    margin: 0;
}

.whiteBg .boldText {
    color: var(--off-black) !important;
}

.cn-container {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
}

.cn-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #333;
    opacity: .3;
}

.cn-landing {
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-size: 105%;
    -webkit-background-size: 105%;
    animation: cnland 2000ms ease;
    animation-delay: 1000ms;
    animation-fill-mode: forwards;
}

@keyframes cnland {
    0% {
        background-size: 105%;
        -webkit-background-size: 105%;
    }

    100% {
        background-size: 100%;
        -webkit-background-size: 100%;
    }
}

.cn-title {
    position: absolute;
    bottom: 10%;
}

.cn-title p {
    margin: 0;
    color: var(--white);
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 80px;
}

#cn-subtitle {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
}

#casestudy-heading {
    background-color: #33373b;
    color: var(--white);
    text-align: center;
    padding: 80px 40px 60px;
}

#casestudy-heading h1 {
    text-transform: uppercase;
    font-size: 60px;
    text-align: center;
    margin: 110px 0 0;
    color: var(--white);
    font-family: montserrat;
    font-weight: 300;
}

#casestudy-heading p {
    text-align: center;
    margin-bottom: 100px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 300;
}

#casestudy-heading-screenshot {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 80px;
}

#casestudy-heading-screenshot-inner {
    position: relative;
    width: 100%;
}

#casestudy-heading-screenshot-inner .casestudy-background {
    position: relative;
    width: 100%;
}

#casestudy-heading-screenshot-inner .white-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,.9);
    z-index: 5;
}

#casestudy-heading-screenshot-inner .casestudy-screenshot {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    z-index: 10;
}

#casestudy-about-container {
    padding: 40px 0;
    text-align: center;
}

#casestudy-about-inner h2 {
    font-weight: 300;
}

#casestudy-about-inner p {
    margin-bottom: 100px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 300;
}

#casestudy-multi-container img {
    width: 100%;
    padding: 50px 50px 0px 50px;
}

.page-template-page-casestudy .ss-holder {
    background-color: #f7f8f8;
}

.contact-cta .black-btn {
    color: var(--white);
    padding: 15px 40px;
    text-transform: uppercase;
    display: inline-block;
}

.contact-cta p {
    display: inline-block;
    padding-right: 40px;
}

.workSec {
    padding: 8vw 0 15vw;
    position: relative;
    background: var(--flyblack);
}

.bigOpacityTitle {
    position: absolute;
    top: 3vw;
    left: -2vw;
    font-size: 16vw;
    line-height: .8;
    color: var(--white);
    font-weight: 400;
    opacity: .05;
    user-select: none;
    display: block;
    text-align: right;
    pointer-events: none;
}

.workWrapper {
    margin: 0;
}

.workHomeIntro {
    float: right;
    padding: 0 10% 0 0;
    width: 40%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.workHomeIntro a,.workHomeIntro a:focus,.workHomeIntro a:visited {
    color: #fff;
    font-size: 1.6vw;
    font-weight: 400;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 10px;
    display: inline-block;
    margin: 2vw 0 0;
    position: relative;
    overflow: hidden;
}

.workHomeIntro a:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: 2px;
    right: 0;
    width: 100%;
    background: var(--white);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.workHomeIntro a:hover:after {
    animation: hoverUnderline 1.5s ease;
}

.workHomeIntro h3 {
    font-size: 2vw;
    color: var(--white) !important;
    font-weight: 400;
    margin: 0;
    line-height: 1.4;
}

.workHomeIntro p {
    margin: 1vw 0 0;
}

.workContainer {
    width: 100%;
    position: relative;
    overflow: visible;
    padding: 6vw 0 12vw;
}

.page-template-page-home24 .workSec24 {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    padding: 8vw 0 0;
}

.page-template-page-home24 .homeIntro.whiteBg {
    background: transparent !important;
}

.workSec24 .workPills {
    display: none;
}

.workSec24 .section-scroll {
    max-width: 100%;
    overflow: hidden;
    z-index: 3;
    position: relative;
    top: auto;
    left: auto;
    display: block;
    transform: none;
}

.workSec24 .section-scroll p {
    font-size: 19rem;
    color: #fff !important;
    line-height: 1;
    margin: 0;
    padding: 10vw 2.5vw 0 0;
    opacity: .2;
}

.workSec24 .scrolling-wrapper {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    animation: scrolling-wrapper 35s linear infinite;
}

.workSec24 .scrolling-wrapper p {
    display: inline-block;
}

.workText {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 1;
    pointer-events: none;
    padding: 7vw 0 0;
}

.workTitle {
    overflow: hidden;
    margin: 0 0 5vw;
}

.workText h3 {
    font-size: 5vw;
    color: var(--white);
    font-weight: 400;
    margin: 0;
    line-height: 1.4;
}

.workText ul {
    list-style: none;
    font-size: 1.4vw;
    color: var(--white) !important;
    font-weight: 400;
    margin: 0;
    line-height: 2;
    padding: 0 0 0 8vw;
    display: inline-block;
}

.workText ul li {
    overflow: hidden;
}

.workText ul li span {
    display: block;
}

.workSec24 .workText h3 {
    font-size: clamp(34px,3vw,70px);
    margin: 0 0 10px;
}

.workSec24 .workText p {
    color: #838383;
    font-size: clamp(18px,1.1vw,18px) !important;
}

.workSec24 .workText ul {
    display: block;
    padding: 0;
    list-style: none;
    margin: 20px 0 0;
    line-height: normal;
    font-size: inherit;
}

@media screen and (max-width: 768px) {
    .workSec24 .workText ul {
        display:none;
    }
}

.workSec24 .workText ul li {
    padding: 0 10px 0 0;
    margin: 0 0 15px;
    overflow: hidden;
}

.workSec24 .workText ul li span {
    color: #838383;
    border: 1px solid #838383;
    padding: 12px 20px;
    text-transform: uppercase;
    font-size: clamp(10px,1vw,14px);
    font-family: ffc;
    border-radius: 50px;
    display: inline-block;
    letter-spacing: 1px;
}

.workImages {
    position: relative;
    text-align: right;
    margin: -8vw 0 0;
}

.workImages .workImgPlacement {
    width: 60%;
    display: inline-block;
    position: relative;
}

.parallelWorkImg {
    position: absolute;
    top: 85%;
    width: 30vw;
    transform: translate(-80%,-50%);
}

.workBigImg {
    height: 40vw;
    background-size: cover;
    background-position: center;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.workContainer:nth-child(even) {
}

.workContainer:nth-child(even) .bigOpacityTitle {
    left: auto;
    right: 0vw;
}

.workContainer:nth-child(even) .workText h3 {
    text-align: right;
    margin: 0;
}

.workContainer:nth-child(even) .workText ul {
    padding: 0 0 0 59vw;
}

.workContainer:nth-child(even) .workImages {
    text-align: left;
    margin: -13vw 0 0;
}

.workContainer:nth-child(even) .parallelWorkImg {
    position: absolute;
    top: 100%;
    right: 0;
    width: 55%;
    transform: translate(80%,-50%);
}

.homeIntro.homeServiceWrapper {
    padding: 12vw 0;
    position: relative;
}

.homeIntro.homeServiceWrapper.homeService24 {
    padding: 0;
    position: relative;
}

.homeServiceWrapper .homeIntroRow {
    margin: 0 0 7vw;
    position: relative;
}

.homeAlignRight {
    text-align: right;
}

.homeServiceCols h4 {
    color: var(--off-black);
    font-size: 2vw;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 2vw;
}

.homeServiceCols ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.homeServiceCols ul li {
    font-size: 1vw;
    color: var(--para);
    font-weight: 400;
    margin: 0;
    line-height: 2;
    text-decoration: none;
}

.homeServiceCols ul li a,.homeServiceCols ul li a:visited,.homeServiceCols ul li a:focus {
    color: var(--para);
    text-decoration: none;
}

.homeServiceCols ul li a:hover {
    color: var(--para);
    text-decoration: none;
}

.homeService24 .homeServiceCols h4 {
    color: #fff;
}

.homeService24 .homeServiceCols ul li {
    color: #fff;
}

.homeService24 .homeServiceCols ul li a,.homeService24 .homeServiceCols ul li a:visited,.homeService24 .homeServiceCols ul li a:focus {
    color: #fff;
}

.homeService24 .homeServiceCols ul li a:hover {
    color: #fff;
}

.fullWorkLink a,.fullWorkLink a:visited,.fullWorkLink a:focus {
    display: flex;
    padding: 10vw 0;
    align-items: center;
    background: var(--white);
    font-size: 2vw;
    color: #212121;
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.fullWorkLink a:hover {
    background: #eee;
}

.homeStudio {
    padding: 8vw 0;
    position: relative;
}

.homeStudio h3 {
    font-size: 3vw;
    color: var(--white);
    font-weight: 400;
    margin: 0 0 3vw;
    line-height: 1.2;
    position: relative;
    z-index: 2;
}

.homeStudio h3 a,.homeStudio h3 a:focus,.homeStudio h3 a:visited {
    text-decoration: underline;
    color: var(--white);
    position: relative;
    display: inline-block;
}

.imgRevealLink img {
    position: absolute;
    width: 35vw;
    max-width: initial;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform-origin: top left;
    transform: rotate3d(0,0,1,40deg);
    opacity: 0;
    user-select: none;
    pointer-events: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.homeStudio h3 a:hover img {
    transform: rotate3d(0,0,1,5deg);
    opacity: 1;
}

.studioHeader {
    margin: -10vw 0 0;
    position: relative;
    z-index: 3;
}

.homeStudio .bigOpacityTitle {
    position: sticky;
    top: 10vw;
    font-size: 16vw;
    line-height: .8;
    color: #111;
    font-weight: 400;
    opacity: .9;
    user-select: none;
    display: block;
    text-align: left;
    pointer-events: none;
    margin-bottom: 5vw;
    z-index: 0;
}

.arrowLink,.arrowLink:visited,.arrowLink:focus {
    font-size: 1.4vw;
    color: var(--white);
    font-weight: 400;
    display: inline-block;
    margin: 0 3vw 0 0;
    line-height: 1.2;
    padding: 0 2vw 0 0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.studioInstaFeed {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    margin: 6vw 0 0;
}

.studioInstaCol {
    -ms-flex: 0 0 33.3333333%;
    flex: 0 0 33.3333333%;
    max-width: 33.3333333%;
    padding: 0 2vw;
}

.studioInstaCol img {
    width: 100%;
    padding: 3vw 0;
}

.studioInstaCol:nth-child(1) {
    padding: 0 4vw 0 0;
}

.studioInstaCol:nth-child(3) {
    padding: 0 0 0 4vw;
}

.blogScroll {
    padding: 7vw 0;
    position: relative;
    overflow: hidden;
}

.blogScroll h4 {
    font-size: 3vw;
    font-weight: 400;
    margin: 0 0 7vw;
    line-height: 1.2;
    position: relative;
    z-index: 2;
}

.blogScroll h4 a,.blogScroll h4 a:focus,.blogScroll h4 a:visited {
    text-decoration: underline;
    color: var(--flyblack);
    position: relative;
}

.blogScroll h4 a:hover img {
    transform: rotate3d(0,0,1,5deg);
    opacity: 1;
}

.blogThumb {
    height: 30vw;
    margin: 0 0 1vw;
    width: 100%;
    display: block;
    background-position: center;
    background-size: cover;
}

.blogScroll .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

.blog .singleBlogPageWrapper .page-title {
    display: none;
}

.brandingRow .caseBrandingLeft .brandingLeftText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0 20%;
    width: 100%;
}

.cgallery {
    overflow: hidden;
}

.caseBrandingLeft p {
    color: #707070;
    font-size: 1vw;
    margin: 0;
    line-height: 2;
}

.single-case_study .homeIntroRow {
    margin: 0;
    position: relative;
    padding: 0px 12%;
}

.single-case_study .homeIntroRow .compressedcolRight p {
    font-size: clamp(18px,1.4vw,26px);
    line-height: 1.8;
    margin: 0 0 2vw;
}

.homeIntroRow a,.homeIntroRow a:visited,.homeIntroRow a:focus {
    color: var(--white);
    font-size: clamp(16px,1.1vw,22px);
    font-weight: 400;
    line-height: 1.4;
    margin: 0 30px 0 0;
    padding: 30px 0 10px 0;
    z-index: 1;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.homeIntroRow a:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: 2px;
    right: 0;
    width: 100%;
    background: var(--white);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.homeIntroRow a:hover:after {
    animation: hoverUnderline 1.5s ease;
}

.homeService24 .homeIntroRow a,.homeService24 .homeIntroRow a:visited,.homeService24 .homeIntroRow a:focus {
    color: #fff;
}

.homeService24 .homeIntroRow a:after {
    background: #fff;
}

.caseLanding.fullscreen-bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    height: 100vh;
    position: absolute;
    background-color: var(--white);
}

.caseLanding .fullscreen-bg__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.caseLanding {
    height: 100vh !important;
    position: relative !important;
    overflow: hidden !important;
    background-size: cover !important;
}

.caseLanding .imageContainer {
    height: 100%;
}

.caseLanding .imageContainer img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.caseLanding .imageContainer .simpleParallax {
    height: 100%;
}

.caseLanding .caseOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 1;
}

.caseLanding .container-case {
    height: 100vh;
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.container-case {
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.caseLanding .caseLandingText {
    position: absolute;
    bottom: 30%;
    left: 0;
    z-index: 2;
}

.longCaseCol img {
    width: 100%;
}

.caseLanding .caseLandingText h1 {
    font-size: 1.6vw;
    color: var(--white);
    margin-top: 0;
    margin-bottom: 1vw;
    letter-spacing: 0px;
    font-weight: 400;
}

.caseLanding .caseLandingText p {
    color: var(--white);
    font-size: 5vw;
    line-height: 1.1;
    width: 60%;
    font-weight: 400;
}

.caseLanding .section-scroll {
    mix-blend-mode: difference;
}

.caseLanding .section-scroll p {
    font-size: 11vw;
    padding: 0 2.5vw 0 0;
    color: #fff;
    margin: 0;
    line-height: 1.2;
}

.caseIntro {
    padding: 130px 0;
    overflow: hidden;
}

.caseIntro p {
    margin-bottom: 0;
    color: #333;
    font-size: 36px;
    padding: 0;
    font-weight: 400;
    text-align: left;
}

.brandingRow {
    overflow: hidden;
}

.brandingRow .caseBrandingLeft {
    float: left;
    position: relative;
    height: 600px;
    width: 50%;
}

.brandingRow .caseBrandingLeft img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 200px;
}

.brandingRow .caseBrandingRight {
    float: left;
    position: relative;
    height: 600px;
    width: 50%;
    padding: 0;
}

.brandingRow .caseBrandingRight .brandingRightText {
    padding: 0;
    width: 100%;
}

.brandcase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0 20%;
    width: 100%;
}

.brandingRow .brandingRightText p {
    color: var(--white);
    font-size: 14px;
    font-weight: 300;
    margin: 0 0 10px;
}

.brandingRow .brandingRightText p span {
    font-weight: 400;
    margin: 0 0 5px;
    display: inline-block;
}

.brandingRow .brandingRightText p a,.brandingRow .brandingRightText p a:visited,.brandingRow .brandingRightText p a:focus {
    color: var(--white);
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
}

.brandingRow .brandingRightText p a:hover {
    color: #5595d0;
    text-decoration: none;
}

.brandingRow .brandingRightText p:last-child {
    margin: 0;
}

.m-assets {
    background: #212121;
    overflow: hidden;
    padding: 10%;
}

#s2 {
    background: var(--white);
}

#s2 .caseInfoBox h2 {
    margin-bottom: 30px;
    color: #212121;
    font-size: 3.6vw;
    padding: 0;
    font-weight: 400;
    text-align: left;
}

.mobileImageCol {
    padding: 0 120px;
}

.chall {
    font-weight: 400;
    font-size: 1.7vw !important;
    padding-bottom: 20px;
    color: #000 !important;
    line-height: 1.2 !important;
}

.caseInfo {
    background: #212121;
    position: relative;
    background-size: cover;
    background-position: left center;
    padding-top: 150px;
    padding-bottom: 20px;
}

.caseInfo .container {
    height: 70vh;
    position: relative;
}

.caseInfo .caseInfoBox h2 {
    margin-bottom: 30px;
    color: var(--white);
    font-size: 2.8vw;
    padding: 0;
    font-weight: 400;
    text-align: left;
    padding-top: 70px;
}

.caseInfo .caseInfoBox p {
    color: #ccc;
    font-size: 1vw;
    margin: 0;
    line-height: 2;
}

#s2 .caseInfoBox p {
    color: #333 !important;
    font-size: 1vw;
    margin: 0;
    line-height: 2;
}

.caseInfo.caseDarkBackground {
    background: #212121;
}

.caseInfo.caseDarkBackground .caseInfoBox h2 {
    color: var(--white);
}

.caseInfo.caseDarkBackground .caseInfoBox p {
    color: var(--white);
}

.longCaseImages {
    padding: 150px 0;
    position: relative;
    overflow: hidden;
}

.longCaseCol:nth-child(2) img {
    margin-top: 0vw;
    width: 100%;
}

.long-case-side {
    height: 100%;
}

.cn-container {
    max-width: 80%;
    margin: 0 auto;
}

.sticky-top-project {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 1020;
}

.caseBranding {
    padding: 150px 0;
}

.caseBrandingHeader {
    margin: 0 0 100px;
}

.caseBrandingContent {
    margin: 0 0 80px;
}

.caseBrandingContent h2 {
    margin-bottom: 30px;
    color: #333;
    font-size: 50px;
    padding: 0;
    font-weight: 400;
    text-align: left;
}

.caseBrandingContent p {
    color: #707070;
    font-size: 18px;
    margin: 0;
    line-height: 38px;
}

.brandingFontFamily {
    color: #333;
    font-size: 22px;
    margin: 0 0 20px;
    line-height: 40px;
}

.caseBrandingColors .brandHex {
    text-align: center;
    margin: 20px 0 5px;
}

.caseBrandingColors .brandHexBlock {
    height: 200px;
    width: 100%;
}

.alphaBig {
    width: 90%;
    margin: 0 0 40px;
}

.alphaSmall {
    width: 75%;
    margin: 0 0 55px;
}

.caseTestimonial {
    padding: 180px 0 200px;
    position: relative;
    overflow: hidden;
    background: #212121;
}

.caseTestimonial .caseLogoTest {
    position: absolute;
    left: 0;
    top: 0;
    padding: 30px;
}

.caseTestimonial .caseLogoTest img {
    height: 100px;
}

.caseTestimonial p.caseTestName {
    margin: 50px 0;
    color: var(--white);
    font-size: 1.5vw;
    padding: 0 180px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: left;
}

.caseTestimonial p.caseTestText {
    margin: 0;
    color: var(--white);
    font-size: 2.2vw;
    padding: 0 180px;
    font-style: italic;
    font-weight: 400;
    text-align: left;
    line-height: 1.2;
}

.caseInfo.caseMobileDouble {
    overflow: hidden !important;
    padding: 150px 0 !important;
}

.caseInfo.caseMobileDouble .longCaseCol {
    position: relative;
}

.caseInfo.caseMobileDouble .longCaseCol img {
    margin: -180px 0 0 0 !important;
    width: 100% !important;
    position: absolute;
    padding: 0 15px;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fullWidthVideoCase video {
    width: 100%;
    display: block;
}

.internalBanner {
    position: relative;
    overflow: hidden;
    height: 100vh;
    background-size: cover;
    background-position: center;
    margin: 0;
    z-index: 3;
}

.internalBanner .imageContainer img {
    width: 100%;
}

.internalBanner .imageContainer .simpleParallax {
    height: 100%;
}

@media screen and (max-width: 1100px) {
    .internalBanner .imageContainer img {
        height:100%;
    }
}

.intBannerOverlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.6);
}

.internalBanner .container {
    position: relative;
    height: 100%;
}

.intBannerText {
    position: absolute;
    text-align: left;
    top: 65%;
    transform: translateY(-50%);
    width: 100%;
}

.intBannerText .intBannerTitleBox {
    overflow: hidden;
}

.intBannerText .intBannerTitle {
    font-size: 5vw;
    color: var(--white);
    letter-spacing: 0px;
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
}

.intBannerText .intBannerSubBox {
    overflow: hidden;
    margin-bottom: 30px;
}

.intBannerText .intBannerSub {
    font-size: 1.6vw;
    color: var(--white);
    letter-spacing: 0;
    line-height: inherit;
    margin: 0;
    font-weight: 400;
}

.internalBanner .landingServices {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.internalBanner .internalAbsoContainer {
    padding: 0 10%;
    position: relative;
}

.internalBanner .landingServiceBox {
    padding: 60px 30px 60px 10px;
}

.internalBanner .intContainerWidth {
    width: 85%;
}

.internalBanner .landingServiceBox .serviceTitle {
    font-weight: 400;
}

.internalBanner .landingServiceBox .serviceText {
    color: #fff;
    font-weight: 400;
}

.internalBanner a:hover .landingServiceBox .serviceText {
    color: var(--white);
}

.landingEst {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    text-transform: uppercase;
    color: var(--white);
    font-size: 16px;
    letter-spacing: 3px;
    opacity: 0;
}

.page-template-page-about .intBannerText .intBannerTitle {
    font-size: 6.5vw;
    line-height: 1.2;
}

.whiteBg {
    background: var(--white) !important;
}

.whiteBg p {
    color: var(--flyblack) !important;
}

.whiteBg .landingServiceBox .serviceNumber {
    font-size: 35px;
    color: #cbcbcb !important;
    font-weight: 400;
    text-align: left;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 0;
}

.aboutIntro {
    padding: 6vw 0 0;
    position: relative;
}

.aboutIntro p {
    color: var(--flyblack) !important;
    font-size: 2.4vw;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 3vw;
}

.standardBig {
    color: var(--white);
    font-size: 3vw;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    letter-spacing: 1px;
}

.doubleParaImg {
    padding: 3vw 0 6vw;
    overflow: hidden;
}

.page-template-page-service_single .doubleParaImg {
    overflow: visible;
}

.aboutImgPadding {
    padding: 3vw;
}

.aboutVideoLink {
    position: relative;
    display: -ms-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-item-align: center !important;
    align-self: center !important;
    padding: 0 0 0 3vw;
}

.page-template-page-service .aboutImgPadding .aboutVideoLink,.page-template-page-service .aboutImgPadding .aboutVideoLink:visited,.page-template-page-service .aboutImgPadding .aboutVideoLink:focus {
    padding: 0;
    justify-content: end;
}

.page-template-page-service .aboutImgPadding .aboutVideoLink p {
    margin: 0 0 5vw;
    font-weight: 400 !important;
    border-bottom: 0 !important;
}

.aboutVideoLink img {
    padding: 0 1vw 0 0;
    width: 3.5vw;
    height: 2.5vw;
}

.aboutVideoLink p {
    font-size: 1.2vw;
    font-weight: 400;
    color: var(--flyblack) !important;
    margin: 0;
    line-height: 2;
}

.page-template-page-service .aboutImgProjectLink {
    margin: 2vw 0;
}

.aboutCols {
    padding: 12vw 0 15vw;
    position: relative;
    background-color: var(--flyblack);
}

.aboutCols .container {
    padding-right: 15px;
    position: relative;
    z-index: 1;
}

.aboutCols .row {
    gap: 1vw;
    flex-wrap: nowrap;
}

.aboutColsBG {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 10%;
    background: var(--flyblack);
    z-index: 0;
}

.aboutCols h3 {
    line-height: 1;
    padding: 0;
    font-size: clamp(30px,10vw,160px);
    position: relative;
    font-weight: 400;
    margin: 0 0 6vw;
}

.aboutCols h3 span {
    color: #616161;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.aboutCols h3 span:hover {
    color: #fff;
}

.aboutCols h4 {
    color: #fff;
    font-size: clamp(26px,4.5vw,80px);
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 2vw;
}

.aboutCols ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.aboutCols ul li {
    font-size: clamp(20px,1.8vw,28px);
    color: #888;
    font-weight: 400;
    margin: 0;
    line-height: 2;
    text-decoration: none;
}

.aboutColsBtn,.aboutColsBtn:visited,.aboutColsBtn:focus {
    position: absolute;
    right: 17%;
    bottom: 7%;
    color: #fff;
    font-size: 1.6vw;
    font-weight: 400;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none;
    padding: 0 4vw 0 0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.aboutColsBtn svg {
    width: 3vw;
    height: 3vw;
    position: absolute;
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.aboutColsBtn svg path {
    fill: #fff;
}

.aboutColsBtn:hover {
    color: #fff;
    text-decoration: none;
}

.aboutColsBtn:hover svg {
    right: 0;
    opacity: 1;
}

.aboutTextCarousel {
    padding: 7vw 0;
    position: relative;
    overflow: hidden;
}

.aboutTextCarousel h4 {
    line-height: 1.2;
    padding: 0;
    color: var(--flyblack);
    font-size: clamp(30px,10vw,160px);
    position: relative;
    font-weight: 400;
    margin: 0 0 2vw;
}

.aboutTextCarousel .col-md-6.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.aboutTextCarousel .col-md-6.col-12 p {
    font-size: clamp(30px,4.3vw,82px);
    line-height: 1.2;
    width: 85%;
}

.aboutTextCarouselContainer {
    padding: 9vw 0 0 10%;
    position: relative;
}

.aboutTextCarouselContainer .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.aboutTextCarouselContainer span {
    display: block;
    font-size: 1.4vw;
    color: var(--para);
    font-weight: 300;
    line-height: 1.6;
}

.textCarouselInfo {
    padding: 0 0 0 2vw;
}

.textCarouselInfo p.textCarouselBigTitle {
    line-height: 1;
    color: var(--flyblack) !important;
    font-size: 4.5vw;
    position: relative;
    font-weight: 400;
    margin: 0 0 2.5vw;
}

.textCarouselInfo p {
    font-size: clamp(18px,1.6vw,25px);
}

.containedVideo {
    padding: 0;
    background: #fff !important;
}

[data-aos="containedVideoPadding"] {
    padding: 0;
}

[data-aos="containedVideoPadding"].aos-animate {
    padding: 4vw 10%;
}

.aboutTextCarouselContainer .owl-carousel .owl-nav button.owl-next,.aboutTextCarouselContainer .owl-carousel .owl-nav button.owl-prev,.aboutTextCarouselContainer .owl-carousel button.owl-dot,.aboutTextCarouselContainer .owl-carousel .owl-nav button.owl-next:visited,.aboutTextCarouselContainer .owl-carousel .owl-nav button.owl-prev:visited,.aboutTextCarouselContainer .owl-carousel button.owl-dot:visited,.aboutTextCarouselContainer .owl-carousel .owl-nav button.owl-next:focus,.aboutTextCarouselContainer .owl-carousel .owl-nav button.owl-prev:focus,.aboutTextCarouselContainer .owl-carousel button.owl-dot:focus {
    width: 40px;
    background: var(--white);
    height: 40px;
    border: 2px solid var(--flyblack);
    border-radius: 40px;
    margin: 0 10px 0 0;
    outline: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.aboutTextCarouselContainer .owl-carousel .owl-nav button.owl-next span,.aboutTextCarouselContainer .owl-carousel .owl-nav button.owl-prev span,.aboutTextCarouselContainer .owl-carousel button.owl-dot span {
    font-size: 30px;
    color: var(--flyblack);
    font-weight: 400;
    line-height: 28px;
    margin: -4px 0 0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.aboutTextCarouselContainer .owl-carousel .owl-nav button.owl-next:hover,.aboutTextCarouselContainer .owl-carousel .owl-nav button.owl-prev:hover,.aboutTextCarouselContainer .owl-carousel button.owl-dot:hover {
    background: var(--flyblack);
    border: 2px solid var(--flyblack);
}

.aboutTextCarouselContainer .owl-carousel .owl-nav button.owl-next:hover span,.aboutTextCarouselContainer .owl-carousel .owl-nav button.owl-prev:hover span,.aboutTextCarouselContainer .owl-carousel button.owl-dot:hover span {
    color: #fff;
}

.aboutTextCarouselContainer .owl-dots {
    display: none;
}

.aboutTextCarouselContainer .owl-nav {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}

.teamScroll {
    padding: 10vw 0;
    position: relative;
    overflow: hidden;
}

.teamScroll h4 {
    line-height: 1;
    padding: 0;
    color: var(--flyblack);
    font-size: 3.5vw;
    position: relative;
    font-weight: 400;
    margin: 0;
}

.teamScrollContainer {
    padding: 6vw 0 0 10%;
    position: relative;
}

.teamScrollContainer .showreelCircle {
    position: absolute;
    top: calc(0% - 0vw);
    right: calc(0% - 1vw);
    z-index: 9;
    width: 10vw;
    animation: recordRotate linear 7s infinite;
}

.teamScrollContainer .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.textSection {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.textSection h3 {
    color: #111;
    font-size: 8vw;
    font-weight: 400;
    line-height: 150px;
    margin: 0 0 20px;
    text-align: center;
}

.inPageVideo {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.serviceTopBanner {
    position: relative;
    padding: 15vw 0 10vw;
    background: #fff;
    overflow: hidden;
}

.serviceTopBanner .container {
    position: relative;
    z-index: 1;
}

.serviceTopBanner .serviceBannerBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 85vh;
    background: var(--white);
    z-index: 0;
}

.serviceTopBanner .textBox {
    mix-blend-mode: difference;
    z-index: 9;
}

.serviceTopBanner h1 {
    font-size: clamp(30px,9vw,150px) !important;
    letter-spacing: 0px;
    line-height: 1.2;
    margin: 0 0 30px;
    font-weight: 400;
    width: 100%;
}

.servSingle p {
    font-size: clamp(18px,1.4vw,26px);
    max-width: 600px;
    margin: 0;
}

.serviceTopBanner .hsub {
    font-size: 5vw;
    color: var(--white) !important;
    letter-spacing: 0px;
    line-height: 1.1;
    margin: 30px 0 0px;
    font-weight: 400;
    width: 65%;
}

.serviceTopBanner .section-scroll-v2 {
    max-width: 100%;
    overflow: hidden;
    z-index: 3;
}

.serviceTopBanner .section-scroll-v2 p {
    font-size: 11vw;
    color: #111 !important;
    line-height: 1;
    margin: 0;
    padding: 0 2.5vw 0 0;
    font-family: "ffc2";
}

.serviceTopBanner .scrolling-wrapper {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    animation: scrolling-wrapper 35s linear infinite;
}

.serviceTopBanner .scrolling-wrapper p {
    display: inline-block;
}

.halfSection {
    display: flex;
    flex-wrap: wrap;
}

.halfSection .halfCol {
    flex: 0 0 50%;
}

.halfSection .halfCol img,.halfSection .halfCol video {
    width: 100%;
}

.internalBanner .section-scroll {
    mix-blend-mode: difference;
}

.internalBanner .section-scroll p {
    font-size: 11vw;
    line-height: 1;
    margin: 0;
    padding: 0 2.5vw 0 0;
}

.serviceCaseLink {
    display: block;
    margin: 20vh 0 0;
    position: relative;
    pointer-events: none;
    overflow: hidden;
}

.serviceCaseLink img {
    width: 100%;
    height: 55vw;
    object-fit: cover;
    object-position: center;
}

.serviceCaseLink p {
    position: absolute;
    bottom: 0;
    left: -2vw;
    transform: rotate(-90deg);
    transform-origin: bottom left;
    font-weight: 400;
    font-size: clamp(16px,1.1vw,22px);
    color: var(--flyblack) !important;
    margin: 0;
    line-height: 1;
}

.serviceCaseBox {
    height: auto;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.serviceBannerIntro {
    display: block;
    margin: 8vw 0 0;
}

.serviceBannerIntro p {
    margin: 0 0 0 auto;
    width: 60%;
}

.page-template-page-service .aboutCols .showreelCircle {
    position: absolute;
    top: calc(50% - 5vw);
    right: calc(10% - 5vw);
    z-index: 1;
    width: 10vw;
    animation: recordRotate linear 7s infinite;
}

.serviceInfoSection {
    padding: 12vw 0;
    position: relative;
    overflow: hidden;
}

.serviceInfoSection .container {
    padding: 0 15px 0 16%;
}

.serviceInfoSection .carousel-indicators {
    position: absolute;
    right: auto;
    bottom: auto;
    left: 2vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 15;
    display: inline-block;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    margin: 0;
}

.serviceInfoSection .carousel-indicators li {
    box-sizing: border-box;
    -ms-flex: initial;
    flex: auto;
    width: auto;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    text-indent: 0;
    cursor: pointer;
    background-color: transparent;
    background-clip: padding-box;
    border-top: 0;
    border-bottom: 0;
    opacity: .8;
    font-size: .8vw;
    color: var(--flyblack);
    padding: 2.3vw 0;
    font-weight: 300;
    line-height: 1.2;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.serviceInfoSection .carousel-indicators .active {
    opacity: 1;
    font-weight: 400;
}

.serviceInfoContainer {
    background: var(--white);
}

.serviceInfoContainer h3 {
    font-size: 5vw;
    color: var(--off-black);
    font-weight: 400;
    margin: 0 0 3vw;
    line-height: 1.2;
    padding: 0 10%;
}

.serviceInfoContainer p {
    width: 90%;
    color: var(--off-black);
    padding: 0 10%;
    margin-bottom: 30px;
}

.serviceInfoSection .num {
    font-size: 25vw;
    color: var(--off-black);
    position: absolute;
    bottom: -60px;
    line-height: 1;
    left: -60px;
    opacity: .1;
    font-weight: 400;
}

.serviceInfoSection .slashNum {
    font-size: 1.7vw;
    color: var(--off-black);
    position: absolute;
    top: 10vw;
    left: 27vw;
    font-weight: 400;
    letter-spacing: 2px;
    z-index: 1;
}

.carouselArrows {
    position: absolute;
    right: 10%;
    top: -40px;
}

.carouselArrows .carousel-control-prev,.carouselArrows .carousel-control-next,.carouselArrows .carousel-control-prev:visited,.carouselArrows .carousel-control-next:visited,.carouselArrows .carousel-control-prev:focus,.carouselArrows .carousel-control-next:focus {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    border-radius: 100%;
    color: var(--flyblack);
    text-align: center;
    height: 40px;
    margin: 0 5px;
    border: 2px solid var(--flyblack);
    background: #fff;
    opacity: 1;
    transition: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.carouselArrows .carousel-control-prev:hover,.carouselArrows .carousel-control-next:hover {
    color: #fff;
    background: var(--flyblack);
    opacity: 1;
}

.page-template-page-service .aboutIntro {
    padding: 0;
    position: relative;
}

.fullWidthImg {
    height: 80vh;
    background-position: center;
    background-size: cover;
}

.workCarouselRight {
    padding: 0px 0 100px;
    overflow: hidden;
    background: var(--white);
}

.workCarouselRight .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

.workCarouselRight .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.workCarouselRight .owl-carousel .owl-item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.workCarouselRight .owl-carousel .owl-item .item {
    position: relative;
}

.serviceProjects {
    padding: 2vw 0 8vw;
    position: relative;
    overflow: hidden;
}

.serviceProjects h4 {
    line-height: 1;
    padding: 0;
    color: var(--flyblack);
    font-size: 1.7vw;
    position: relative;
    font-weight: 400;
    margin: 0;
}

.serviceProjectsContainer {
    padding: 6vw 0 0 10%;
    position: relative;
}

.serviceProjectsContainer .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.projectFooterLinks {
    display: block;
    position: relative;
    padding: 5vw 0 0;
}

.projectFooterLinks a,.projectFooterLinks a:visited,.projectFooterLinks a:focus {
    color: var(--flyblack);
    font-size: 1.6vw;
    font-weight: 400;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none;
}

.projectLinksLeft {
    text-align: left;
}

.projectLinksRight {
    text-align: right;
}

.mockupCarousel {
    padding: 6vw 0;
    position: relative;
    overflow: hidden;
}

.mockupCarouselWrap .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.serviceSingleIntro {
    margin: 10vh 0 0;
    position: relative;
}

.serviceSingleIntro img {
    width: 100%;
}

.serviceSingleIntro ul {
    margin: 0 0 7vw;
    list-style: none;
}

.serviceSingleIntro ul li {
    font-size: 1.2vw;
    color: var(--flyblack) !important;
    letter-spacing: 0px;
    line-height: 1.8;
    margin: 0 0 0 auto;
    font-weight: 400;
    padding: 10px 0;
}

.serviceVideoBanner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.serviceVideoFull {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.aboutCols.servSingleField {
    padding: 15vw 0 !important;
}

.aboutCols.servSingleField h4 {
    font-size: 2.8vw;
}

.aboutCols.servSingleField p {
    color: var(--white) !important;
}

.serviceProjects.servSingleField {
    padding: 6vw 0;
}

.serviceProjects.servSingleField .serviceProjectsContainer {
    padding: 0 !important;
}

.serviceProjects.servSingleField .container {
    width: 80%;
}

.servSingleFieldFooter {
    padding: 0 0 8vw;
}

.servSingleField {
    padding: 0 0 10vw !important;
    position: relative;
}

.servSingleContent h2 {
    font-size: clamp(30px,6vw,100px);
    color: var(--flyblack) !important;
    font-weight: 400;
    margin: 0 0 5vw;
    line-height: 1.4;
}

.servSingleContent p {
    font-size: clamp(18px,1.4vw,26px);
}

.singleContentLink {
    display: block;
    margin: 5vw 0 0;
}

.singleContentLink a,.singleContentLink a:visited,.singleContentLink a:focus {
    color: var(--flyblack);
    text-decoration: underline;
}

.singleContentLink a:hover {
    color: var(--flyblack);
    text-decoration: underline;
}

.singleContentLink a.BTN,.singleContentLink a.BTN:visited,.singleContentLink a.BTN:focus {
    color: var(--flyblack);
    font-size: 16px;
    font-size: clamp(24px,1.5vw,34px);
    font-weight: 400;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none !important;
    border-bottom: 2px solid transparent;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.singleContentLink a.BTN:hover {
    text-decoration: none;
    color: var(--flyblack);
}

.singleContentLink a.BTN:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: 2px;
    right: 0;
    width: 100%;
    background: var(--flyblack);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.singleContentLink a.BTN:hover:after {
    animation: hoverUnderline 1.5s ease;
}

.servSingleLongImage {
    position: relative;
    padding-top: 10vw !important;
}

.topServicePageWrapper .servSingleLongImage {
    padding-top: 0 !important;
}

.servSingleLongImage h3 {
    font-size: 2vw;
    color: var(--flyblack) !important;
    font-weight: 400;
    margin: 0 0 5vw;
    line-height: 1.4;
}

.servSingleLongImage .longImageContent {
    padding: 0 5vw 0 0;
}

.servSingleLongImageAlt.servSingleLongImage .longImageContent {
    padding: 0 0 0 5vw;
}

.servSingleLongImage .longImageContent ol,.servSingleLongImage .longImageContent ul {
    margin: 0 0 0 1vw;
}

.servSingleLongImage .longImageContent ol li,.servSingleLongImage .longImageContent ul li {
    font-size: clamp(16px,1.1vw,22px);
    color: var(--para);
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.8;
    padding: 2vw 0;
}

.page-template-page-top_service .servSingleLongImage .longImageContent h2 {
    font-size: 4vw;
}

.servSingleLongImage .longImageContent h2,.servSingleLongImage .longImageContent h3,.servSingleLongImage .longImageContent h4,.servSingleLongImage .longImageContent h5,.servSingleLongImage .longImageContent h6 {
    font-size: 2vw;
    color: var(--flyblack) !important;
    font-weight: 400;
    margin: 0 0 2vw;
    line-height: 1.4;
}

.servSingleLongImage .longImageContent h3 {
    font-size: clamp(22px,3.5vw,70px);
}

.servSingleLongImage .longImageContent h4 {
    font-size: clamp(22px,3.3vw,70px);
}

.servSingleLongImage .longImageContent h5 {
    font-size: clamp(22px,3.2vw,70px);
}

.servSingleLongImage .longImageContent h6 {
    font-size: clamp(22px,1.8vw,70px);
}

.servSingleLongImage .longImageContent p {
    font-size: clamp(18px,1.4vw,26px);
}

.servSingleLongImage .longImageContent a,.servSingleLongImage .longImageContent a:visited,.servSingleLongImage .longImageContent a:focus {
    color: var(--flyblack);
    text-decoration: underline;
}

.servSingleLongImage .longImageContent a:hover {
    color: var(--flyblack);
    text-decoration: underline;
}

.servSingleLongImage .longImageContent a.serviceBTN,.servSingleLongImage .longImageContent a.serviceBTN:visited,.servSingleLongImage .longImageContent a.serviceBTN:focus {
    color: var(--flyblack);
    font-size: 1.6vw;
    font-weight: 400;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 10px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.servSingleLongImage .longImageContent a.serviceBTN:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: 2px;
    right: 0;
    width: 100%;
    background: var(--flyblack);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.servSingleLongImage .longImageContent a.serviceBTN:hover:after {
    animation: hoverUnderline 1.5s ease;
}

.servSingleLongImage .longImageContent blockquote {
    margin: 0 0 2vw;
    padding: 0 0 0 2vw;
    border-left: 5px solid var(--flyblack);
    font-style: italic;
}

.servSingleLongImage .longImageContent blockquote p:last-child {
    font-style: normal;
    font-weight: 400;
}

.page-template-page-top_service .topServicePageWrapper .servSingleLongImage:nth-child(even) .longimageCol {
    order: 1;
}

.page-template-page-top_service .topServicePageWrapper .servSingleLongImage:nth-child(even) .longImageContent {
    padding: 0 5vw 0 0;
}

.page-template-page-top_service .servSingleLongImage .longImageContent ul {
    margin: 5vw 0 0;
    list-style: none;
    padding: 0;
}

.page-template-page-top_service .servSingleLongImage .longImageContent ul li {
    margin: 0vw .5vw 1vw 0;
    display: inline-block;
    padding: 0;
}

.page-template-page-top_service .servSingleLongImage .longImageContent ul li a,.page-template-page-top_service .servSingleLongImage .longImageContent ul li a:visited,.page-template-page-top_service .servSingleLongImage .longImageContent ul li a:focus {
    color: var(--flyblack);
    font-size: 1.2vw;
    font-weight: 400;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none;
    border: 2px solid rgba(20,20,20,.2);
    padding: 1.2vw 1.5vw;
    border-radius: 5vw;
    display: block;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.page-template-page-top_service .servSingleLongImage .longImageContent ul li a:hover {
    border: 2px solid rgba(20,20,20,1);
    text-decoration: none;
}

.page-template-page-top_service .servSingleLongImage .longImageContent ul li a:after {
    content: none;
}

.page-template-page-top_service-v2 .topServicePageWrapper .servSingleLongImage:nth-child(even) .longimageCol {
    order: 1;
}

.page-template-page-top_service-v2 .topServicePageWrapper .servSingleLongImage:nth-child(even) .longImageContent {
    padding: 0 5vw 0 0;
}

.page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul {
    margin: 5vw 0 0;
    list-style: none;
    padding: 0;
}

.page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li {
    margin: 0vw .5vw 1vw 0;
    display: inline-block;
    padding: 0;
}

.page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li a,.page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li a:visited,.page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li a:focus {
    color: var(--flyblack);
    font-size: 1.2vw;
    font-weight: 400;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none;
    border: 2px solid rgba(20,20,20,.2);
    padding: 1.2vw 1.5vw;
    border-radius: 5vw;
    display: block;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li a:hover {
    border: 2px solid rgba(20,20,20,1);
    text-decoration: none;
}

.page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li a:after {
    content: none;
}

#servSingleSections .servSingleField {
    padding: 0 0 10vw !important;
}

#servSingleSections .servSingleLongImage {
    padding-top: 0 !important;
}

#servSingleSections .servSingleField.darkBg {
    padding: 10vw 0 !important;
    margin: 0 0 10vw;
    background: var(--flyblack);
}

#servSingleSections .servSingleField.darkBg .container {
    padding-right: 15px;
    position: relative;
    z-index: 1;
}

#servSingleSections .servSingleField.darkBg h3,#servSingleSections .servSingleField.darkBg p,#servSingleSections .servSingleField.darkBg h6 {
    color: var(--white) !important;
}

#servSingleSections .servSingleField.darkBg .contentColPadding {
    padding: 0 40px 0 15px;
}

#servSingleSections .servSingleField.darkBg p {
    color: #999 !important;
    font-size: clamp(18px,1.4vw,26px);
}

.contentColPadding {
    padding: 0 50px 0 15px;
}

#servSingleSections .servSingleField .aboutIntro,#servSingleSections .servSingleField .doubleParaImg {
    padding: 0;
}

#servSingleSections .servSingleField .aboutImgPadding {
    padding: 3vw 3vw 0;
}

#servSingleSections .servSingleField .textCarouselInfo p.textCarouselBigTitle {
    font-size: 2.5vw;
    margin: 0px 0 1.5vw;
}

#servSingleSections .aboutProjectsLink {
    display: inline-block;
    margin: 5vw 0 0;
    position: relative;
    overflow: hidden;
}

#servSingleSections .aboutProjectsLink p {
    color: var(--flyblack);
    font-size: 1.6vw;
    font-weight: 400;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
}

#servSingleSections .aboutProjectsLink:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: 2px;
    right: 0;
    width: 100%;
    background: var(--flyblack);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

#servSingleSections .aboutProjectsLink:hover:after {
    animation: hoverUnderline 1.5s ease;
}

#servSingleSections .aboutVideoLink {
    padding: 2vw 0 0;
}

#servSingleSections .aboutVideoLink p {
    font-size: 1.6vw;
}

#servSingleSections .doubleParaImg h3 {
    font-size: 2vw;
    color: var(--flyblack) !important;
    font-weight: 400;
    margin: 0 0 3vw 15px;
    line-height: 1.4;
}

.aboutPushRight {
    width: 45%;
    margin-left: auto;
}

.aboutImgProjectLink {
    display: block;
    position: relative;
    text-decoration: none;
}

.page-template-page-service .aboutVideoLink p,.page-template-page-service .aboutVideoLink:focus p,.page-template-page-service .aboutVideoLink:visited p {
    color: var(--flyblack);
    font-size: 1.6vw;
    font-weight: 400;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none;
    border-bottom: 2px solid #333;
    padding-bottom: 10px;
    display: inline-block;
}

.page-template-page-service .doubleParaImg {
    padding: 0 0 8vw;
}

.contentFeatures {
    padding: 8vw 0;
    position: relative;
    overflow: hidden;
}

.contentFeatures h3 {
    font-size: 2vw;
    color: var(--flyblack) !important;
    font-weight: 400;
    margin: 0 0 4vw;
    line-height: 1.4;
}

.contentFeatures h6 {
    font-size: clamp(26px,4.5vw,80px);
    color: var(--flyblack) !important;
    font-weight: 400;
    margin: 4vw 0 0;
    line-height: 1.4;
}

.contentFeatures p {
    margin: 1.5vw 0 0;
}

.contentFeatures .contentColPadding:nth-child(1) h6,.contentFeatures .contentColPadding:nth-child(2) h6 {
    margin: 0;
}

.numberedFeatures {
    padding: 10vw 0;
    position: relative;
    overflow: hidden;
}

.numberedFeatures h3 {
    font-size: 2vw;
    color: #fff !important;
    font-weight: 400;
    margin: 0 0 5vw;
    line-height: 1.4;
}

.numberedFeatures ul {
    counter-reset: listStyle;
    list-style: none;
    margin: 0;
    column-count: 2;
    column-gap: 30px;
}

.numberedFeatures ul li {
    font-size: 1.5vw;
    color: #fff;
    font-weight: 400;
    margin: 0;
    padding: 2vw 0;
    line-height: 2;
    counter-increment: listStyle;
}

.numberedFeatures ul li::before {
    margin-right: 1vw;
    content: counter(listStyle,decimal-leading-zero);
    font-size: clamp(16px,1.1vw,22px);
    color: rgba(255,255,255,.2);
    font-weight: 400;
}

.menuLinkBox {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 6vw;
    top: 4vw;
    display: none;
    transform: none;
    box-shadow: none;
    text-align: center;
    align-items: center;
    background: var(--flyblack);
    z-index: 9999999;
}

.menuLinkBox.menuLinkBoxOpen {
    display: block;
}

.menuLink {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    width: 30px;
    height: 21px;
    display: none;
}

.menuButtonBox {
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    position: absolute;
}

.menuLink span.menuButton {
    position: relative;
    width: 25px;
    height: 3px;
    background-color: #fff;
    bottom: auto;
    display: block;
    border-radius: 10px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.menuLink span.menuButton:before {
    content: "";
    position: absolute;
    right: 0;
    width: 20px;
    height: 3px;
    background-color: #fff;
    top: -8px;
    border-radius: 10px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.menuLink span.menuButton:after {
    content: "";
    position: absolute;
    right: 0;
    width: 30px;
    height: 3px;
    background-color: #fff;
    top: 8px;
    border-radius: 10px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.fullMenu {
    position: fixed;
    top: auto;
    bottom: 5vw;
    right: 5vw;
    width: 0;
    height: 0;
    z-index: 999999;
    overflow: scroll;
    background: var(--flyblack);
    opacity: 0;
    transition: .6s ease;
}

.fullMenu.fullmenuOpen {
    opacity: 1;
    width: 100%;
    height: 100vh;
    bottom: 0;
    right: 0;
}

.menuOpenStopScroll {
    overflow: hidden;
}

.menuLink.menuLinkOpen {
    display: block;
}

.menuLink.menuLinkOpen span.menuButton {
    width: 30px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menuLink.menuLinkOpen span.menuButton {
    width: 30px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menuLink.menuLinkOpen span.menuButton:before {
    opacity: 0;
    width: 30px;
}

.menuLink.menuLinkOpen span.menuButton:after {
    top: 0px;
    width: 30px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.menuWrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.menuContainer {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

.menuheader {
    display: none;
    text-align: center;
    padding: 0 5%;
}

.fullmenuOpen .menuheader {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background: var(--flyblack);
}

.menuHeaderSpacing {
    height: 4vw;
}

.projectFfcLogo {
    padding: 3vw 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.projectFfcLogo img {
    width: 100px;
}

.projectMenuTitle {
    position: absolute;
    font-size: 16vw;
    color: #151515;
    font-weight: 400;
    top: 10vw;
    left: -3vw;
    line-height: 1;
    margin: 0;
    pointer-events: none;
    display: none;
}

.fullmenuOpen .projectMenuTitle {
    display: block;
}

.projectsBody {
    padding: 7vw 7%;
    display: none;
}

.fullmenuOpen .projectsBody {
    display: block;
}

.projectListLink {
    display: block;
    position: relative;
}

.projectListItem {
    background-position: center;
    background-size: cover;
    margin: 15px 0;
    height: 35vw;
    position: relative;
    width: 100%;
}

.projectHoverOverlay {
    position: absolute;
    opacity: 0;
    background: rgba(0,0,0,.6);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.projectListLink:hover .projectHoverOverlay {
    opacity: 1;
}

.projectHoverOverlay p {
    font-size: 2vw;
    color: var(--white);
    font-weight: 400;
    margin: 0;
    line-height: 1.4;
}

.serviceAccordians {
    position: relative;
    padding: 0 0 6vw;
}

.serviceAccordians h3 {
    font-size: 1.7vw;
    color: var(--flyblack) !important;
    letter-spacing: 0px;
    line-height: 1.4;
    font-weight: 400;
    margin: 0;
    width: 50%;
}

.serviceAccordiansWrapper {
    overflow: hidden;
    margin: 4vw 0 0;
}

.serviceAccordiansWrapper .card {
    position: relative;
    display: block;
    -ms-flex-direction: inherit;
    flex-direction: initial;
    min-width: 0;
    word-wrap: normal;
    background-color: transparent;
    background-clip: border-box;
    border: 0;
    border-radius: 0;
    overflow: hidden;
}

.serviceAccordiansWrapper .card-header:first-child {
    border-radius: 0;
}

.serviceAccordiansWrapper .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0;
}

.serviceAccordiansWrapper .serviceAccordianButton {
    border-top: 1px solid #e1e1e1;
    padding: 4.5vw 0;
    background: #fff;
    overflow: hidden;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.serviceAccordiansWrapper .card-body {
    -ms-flex: initial;
    flex: initial;
    padding: 4vw 0 2vw;
}

.serviceAccordiansWrapper .card-body p {
    padding: 0 20% 0 0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.accordianTitle p {
    font-size: 2.5vw;
    font-weight: 400;
    color: var(--flyblack) !important;
    margin: 0;
    line-height: 1.1;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.accordianTitle p svg {
    float: right;
    height: 2.5vw;
    width: 2.5vw;
    transform: rotate(90deg);
    -o-transition: .8s;
    -ms-transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
}

.accordianTitle p svg path {
    fill: var(--flyblack);
    -o-transition: .8s;
    -ms-transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
}

.accordianTitle {
    position: relative;
    z-index: 1;
}

div[data-parent="#accordion"] {
    position: relative;
    z-index: 1;
}

.serviceAccordiansWrapper .serviceAccordianButton[aria-expanded="true"] .accordianTitle p,.serviceAccordiansWrapper .serviceAccordianButton[aria-expanded="true"] .card-body p {
    color: var(--white) !important;
}

.serviceAccordiansWrapper .serviceAccordianButton[aria-expanded="true"] .accordianTitle p svg {
    transform: rotate(270deg);
}

.serviceAccordiansWrapper .serviceAccordianButton[aria-expanded="true"] .accordianTitle p svg path {
    fill: var(--white);
}

.serviceAccordiansWrapper .collapsing {
    transition: .8s ease;
    transition-delay: .2s;
}

.serviceAccordiansWrapper .accordianBackgroundChange {
    background: var(--flyblack);
    position: absolute;
    top: -100%;
    right: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    transition: .9s ease;
}

.serviceAccordiansWrapper .serviceAccordianButton[aria-expanded="true"] .accordianBackgroundChange {
    top: 0;
}

.fullwidthImage img {
    width: 100%;
}

.aboveCarouselText {
    padding: 0 0 100px 150px;
    position: relative;
    width: 900px;
}

.aboveCarouselText h3 {
    font-size: 74px;
    color: var(--white);
    font-weight: 400;
    margin: 0 0 50px;
    line-height: 98px;
}

.allWorkLink {
    float: right;
    display: inline-block;
    margin: 50px 0 0;
    color: var(--white);
    text-decoration: none;
    font-size: 16px;
}

.serviceProcess {
    padding: 100px 0;
    position: relative;
}

.processTitle {
    position: relative;
    margin: 0 auto;
}

.serviceProcess h3 {
    font-size: 5vw;
    color: var(--white);
    font-weight: 400;
    margin: 100px 0 50px;
    line-height: 1.1;
}

.serviceProcess .processPara {
    font-size: 16px;
    margin: 0 0 130px;
}

.serviceProcess .processPara span {
    font-weight: 400;
    font-size: 20px;
}

.serviceProcess .processPara:last-child {
    margin: 0;
}

.serviceLinksRow .landingServiceBox {
    padding: 0px;
}

.landingServiceBox .serviceNumber {
    font-size: 1.1vw;
    color: #5b5b5b;
    font-weight: 400;
    text-align: left;
}

.landingServiceBox .serviceText {
    font-size: clamp(16px,1.1vw,22px);
    color: var(--white);
    text-align: left;
}

.serviceLeft {
    float: left;
}

.serviceRight {
    float: right;
}

.serviceMid {
    text-align: center;
}

.serviceMid .landingServiceHover {
    display: inline-block;
}

.contactTopSection {
    padding: 10vw 0 10vw;
    position: relative;
    width: 60%;
    float: left;
}

.contactTopSection2 {
    width: 40%;
    float: left;
    margin-top: 130px;
}

.contactTopSection2 img {
    filter: grayscale(1);
}

.contactTopSection .contactTopBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--white);
    height: 17vw;
}

.contactTopSection .container {
    position: relative;
}

.contactDetWrapper {
    margin-left: 80px;
}

.contactTopSection h1 {
    color: var(--flyblack);
    font-size: 4.5vw;
    line-height: 1;
    font-weight: 400;
    margin: 0 0 4vw;
}

.contactTopSection h1 span {
    color: var(--flyblack);
}

.contactDetBox p {
    line-height: 1.8;
    color: var(--flyblack);
}

.contactDetBox a,.contactDetBox a:visited,.contactDetBox a:focus {
    line-height: 1.4;
    text-decoration: none;
    color: var(--flyblack);
    font-size: clamp(14px,1vw,20px);
    font-weight: 400;
    display: block;
    padding: 0 0 20px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.contactDetBox a:hover {
    color: var(--flyblack);
    text-decoration: none;
}

.page-template-page-contact .ffcFooter {
    background-color: var(--white);
    display: none;
}

.page-template-page-contact ul.footerTopList li a,.page-template-page-contact ul.footerTopList li a:visited,.page-template-page-contact ul.footerTopList li a:focus {
    color: var(--flyblack) !important;
}

.page-template-page-contact ul.footerTopList li a:hover {
    color: var(--flyblack) !important;
}

.page-template-page-contact ul.footerBotttomList li {
    color: var(--flyblack) !important;
}

.page-template-page-contact ul.footerBotttomList li a,.page-template-page-contact ul.footerBotttomList li a:focus,.page-template-page-contact ul.footerBotttomList li a:visited {
    color: var(--flyblack) !important;
}

.page-template-page-contact ul.footerBotttomList li a:hover {
    color: var(--flyblack) !important;
}

.page-template-page-contact .footerSocials li a {
    color: var(--flyblack);
}

.contactSocialWrap {
    display: flex;
    gap: 2vw;
    padding-left: 0;
}

ul.underlineSocials {
    margin: 30px 0 0;
    list-style: none;
}

ul.underlineSocials li {
    display: block;
    margin: 0;
}

ul.underlineSocials li a,ul.underlineSocials li a:focus,ul.underlineSocials li a:visited {
    background: var(--white);
    color: var(--flyblack);
    font-size: clamp(20px,1.5vw,30px);
    font-weight: 400;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 5px;
    display: inline-block;
    margin: 15px 0 0;
    position: relative;
    overflow: hidden;
}

ul.underlineSocials li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: 2px;
    right: 0;
    width: 100%;
    background: var(--flyblack);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.underlineSocials a:hover:after {
    animation: hoverUnderline 1.5s ease;
}

.page-template-page-contact .head-menu-btn {
    position: relative;
    display: table;
    float: right;
    padding: 20px 0 0 40px;
}

.page-template-page-contact .scrollWrap,.page-template-page-contact .footerTag,.page-template-page-contact .footerSubTag {
    display: none;
}

.contactDetBox p {
    font-size: .8vw;
}

.contactDetBox p a,.contactDetBox p a:visited,.contactDetBox p a:focus {
    line-height: 1.4;
    font-size: clamp(14px,1vw,20px);
}

.contactFormCTA {
    margin: 80px 0 0;
}

.contactFormCTA a,.contactFormCTA a:visited,.contactFormCTA a:focus {
    line-height: 1.2;
    text-decoration: none;
    color: var(--white);
    font-size: 30px;
    display: inline-block;
    font-weight: 400;
}

.page-template-page-contact .fullContainedImg {
    padding: 0;
}

.contactSocials {
    position: absolute;
    right: 0;
    bottom: calc(50% - 10vw);
    transform: rotate(90deg);
    transform-origin: bottom right;
}

.contactSocials a,.contactSocials a:visited,.contactSocials a:focus {
    color: var(--para);
    font-size: 16px;
    text-decoration: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.contactFormSection {
    padding: 100px 0;
}

.contactFormContainer {
    position: relative;
    overflow: hidden;
    width: 66vw;
}

.contactOpening {
    margin: 0 0 50px !important;
    font-size: 16vw !important;
    font-weight: 700 !important;
}

.contactEnding {
    margin: 60px 0 0 !important;
    font-size: 3vw !important;
    float: left !important;
}

.contactFormContainer p {
    font-size: 1.7vw;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 15px 0;
    display: inline-block;
}

.contactFormContainer p input,.contactFormContainer p textarea {
    color: var(--white) !important;
    border: 0;
    border-radius: 0;
    padding: 5px;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    line-height: 1.4;
    margin-left: 5px;
    margin-right: 5px;
    background: #212121;
    border-bottom: 1px solid #777;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.contactFormContainer p input:focus,.contactFormContainer p textarea:focus {
    border-bottom: 1px solid var(--white);
}

.contactFormContainer p input {
    width: 35vw;
}

.contactFormContainer p textarea {
    display: inline-block;
    width: 50vw;
    margin-top: 20px;
    margin-bottom: 0px;
    max-height: 200px;
    min-height: 100px;
    height: 100px;
}

.contactFormContainer .selectButtonStyling select {
    border: 1px solid #777 !important;
    background: #212121 !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    padding: 5px !important;
    display: inline-block !important;
    height: 42px !important;
    width: 300px !important;
    color: #777 !important;
    margin: 0 10px !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.contactFormContainer .selectButtonStyling select:focus {
    border: 1px solid var(--white) !important;
    color: var(--white) !important;
}

.formSubmit {
    float: left;
    margin: 35px 0 0 50px;
}

.contactFormContainer .formSubmit input[type="submit"] {
    border: 1px solid var(--flyblue);
    border-radius: 100%;
    background: var(--flyblue);
    color: var(--white);
    font-size: 18px;
    line-height: 1;
    width: 100px;
    height: 100px;
    padding: 0;
    font-weight: 400;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.contactFormContainer .formSubmit input[type="submit"]:hover {
    border: 1px solid var(--flyblue);
    background: transparent;
    color: var(--flyblue);
}

.page-template-page-home24 .imageScroll {
    padding: 0 !important;
}

.imageScroll {
    padding: 10vw 0 8vw;
}

.imageScrollMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: fit-content;
    position: relative;
    animation: scrolling 50s linear infinite;
}

.singleMiddle,.doubleLandscape,.doublePortrait {
    flex-shrink: 0;
    white-space: nowrap;
    align-items: center;
    height: auto;
    display: flex;
    position: relative;
    width: max-content;
}

.page-template-page-home24 .singleMiddle img {
    margin: 6vw 1vw !important;
}

.singleMiddle img {
    height: 40vw;
    margin: 6vw 5vw;
}

.doubleLandscape .doubleLandscapeImage:nth-child(1) {
    height: 100%;
    display: flex;
    align-items: baseline;
    margin: 0 3vw;
}

.doubleLandscape .doubleLandscapeImage:nth-child(2) {
    height: 100%;
    display: flex;
    align-items: flex-end;
    margin: 0 3vw 0 -20vw;
}

.doubleLandscape .doubleLandscapeImage img {
    height: 24vw;
}

.doublePortrait .doublePortraitImage:nth-child(1) {
    height: 100%;
    display: flex;
    align-items: baseline;
    margin: 0 3vw;
}

.doublePortrait .doublePortraitImage:nth-child(2) {
    height: 100%;
    display: flex;
    align-items: flex-end;
    margin: 0 3vw;
}

.doublePortrait .doublePortraitImage img {
    height: 35vw;
    width: auto;
}

.section__title,.sections__index-current,.sections__index-total,.sections__nav-item .icon {
    color: var(--white);
}

.sections__index-total::after,.section__expander {
    background: var(--white);
}

.sections__nav {
    background: var(--off-black);
}

.sections__nav-item,.sections__nav-item:visited,.sections__nav-item:focus {
    border: 2px solid #333;
    background: transparent;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.sections__nav-item:hover {
    border-color: var(--white);
}

.facts__toggle-text,.facts__toggle-inner,.section__facts-title,.section__facts-detail,.section__gallery-item {
    color: #000;
}

.button-contentclose {
    position: absolute;
    top: 100px;
    margin: 0;
    padding: 20px;
    background: #212121;
    right: auto;
    left: 0;
    color: var(--white);
}

.section__title {
    font-size: 5vw;
    text-transform: none;
    margin: 0 0 20px;
    font-weight: 400;
    letter-spacing: 0;
}

.sections__index-current,.sections__index-total {
    font-weight: 400;
}

.sections__index-total::after {
    height: 1px;
}

.customWorkTitle {
    font-size: 7vw;
    text-transform: none;
    margin: 0 0 20px;
    font-weight: 400;
    letter-spacing: 0;
}

.blogCarouselBlog {
    position: relative;
}

.blogCarouselBlog .blogCarouselThumb {
    background-position: center;
    background-size: cover;
    height: 40vw;
}

.blogCarouselText {
    padding: 3vw 0 0;
    border-bottom: 0px solid rgba(0,0,0,.4);
}

.blogCarouselText p {
    font-size: 2vw;
    color: var(--flyblack) !important;
    letter-spacing: 0px;
    line-height: 1.4;
    font-weight: 400;
    margin: 0;
    min-height: 6vw;
}

.blogLanding {
    padding: 0 0 8vw;
}

.blogLandingHeader {
    padding: 10vw 0 5vw;
    position: relative;
}

.blogLandingHeader p {
    color: var(--flyblack) !important;
    margin: 0;
    padding: 0;
}

.blogLandingHeader h1 {
    font-size: 3vw;
    color: var(--flyblack);
    letter-spacing: 0px;
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
    padding: 0;
    width: 75%;
}

.blogLandingBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30vw;
    background: var(--flyblack);
    z-index: 0;
}

.blogFeaturedItem {
    text-decoration: none;
    display: block;
    position: sticky;
    top: 5vw;
}

.blogFeaturedItem .blogLandThumb {
    overflow: hidden;
}

.blogFeaturedItem .blogLandThumb img {
    width: 100%;
    height: 55vh;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
}

.blogFeaturedItem:hover .blogLandThumb img {
    transform: scale(1.1);
}

.blogFeaturedItem h2 {
    font-size: clamp(22px,2vw,40px);
    color: var(--flyblack);
    margin: 20px 0 0;
}

.blogFeaturedItem p {
    margin: 30px 0 0;
}

.blogOwlWrap {
    position: relative;
    padding: 3vw 8vw;
    overflow: hidden;
}

.blogOwlWrap .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.blogOwlWrap .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.blogLandingWrapSmall .card-columns .card {
    border: 0;
    border-radius: 0;
    margin: 0 0 3vw;
    flex: 0 0 50%;
    padding: 0 15px;
}

.blogLandingWrapSmall .card-columns .card:nth-child(1) {
    display: none;
}

.blogLandingWrapSmall .card-columns {
    column-count: auto;
    column-gap: normal;
    display: flex;
    flex-wrap: wrap;
}

.smallBlogItem {
    text-decoration: none;
    display: block;
}

.smallBlogItem .smallBlogThumb {
    overflow: hidden;
}

.smallBlogItem .smallBlogThumb img {
    width: 100%;
    height: 40vh;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
}

.smallBlogItem:hover .smallBlogThumb img {
    transform: scale(1.1);
}

.smallBlogItem h3 {
    font-size: clamp(16px,1.1vw,22px);
    color: var(--flyblack);
    margin: 10px 0 0;
}

.smallBlogItem p {
    margin: 15px 0 0;
}

.blogLandingWrapSmall {
    padding: 0 0 0 1vw;
}

.page-content,.entry-content,.entry-summary {
    margin: 0;
}

.singleBlogPage .container {
    width: 70%;
}

.blogTopBanner {
    position: relative;
    padding: 10vw 0 0;
    background: #fff;
}

.blogTopBanner .blogBannerBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: var(--flyblack);
    z-index: 0;
}

.blogTopBanner h1 {
    font-size: 5vw;
    color: var(--flyblack);
    letter-spacing: 0px;
    line-height: 1.2;
    margin: 0 0 1vw;
    font-weight: 400;
    width: 100%;
    padding: 0;
}

.blogTopBanner p.blogMeta {
    color: var(--flyblack);
    margin: 0;
    padding: 0;
}

.blogThumbnail {
    display: block;
    padding: 4vw 0 0vw;
    position: relative;
    margin: 0;
}

.blogThumbnail img {
    height: 30vw !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.blogThumbnail p {
    position: absolute;
    bottom: 0;
    left: -2vw;
    transform: rotate(-90deg);
    transform-origin: bottom left;
    font-weight: 400;
    font-size: 1.2vw;
    color: var(--flyblack) !important;
    margin: 0;
    line-height: 1;
}

.singleBlogPage {
    position: relative;
    overflow: hidden;
}

.singleBlogPage .singleBlogPageWrapper {
    position: relative;
    overflow: hidden;
}

.singleBlogContainer {
    padding: 0 0 6vw;
    position: relative;
    overflow: hidden;
}

.singleBlogContainer .giphy-embed {
    padding: 2vw 0;
}

.singleBlogContainer .entry-title {
    text-transform: none;
    font-weight: 400;
    margin-top: 60px;
    font-size: 90px;
    line-height: 100px;
    color: var(--white);
}

.singleBlogContainer h2 {
    font-size: 2.4vw;
    font-weight: 400;
    line-height: 1.4;
    color: var(--flyblack);
    margin: 0 0 1vw;
}

.singleBlogContainer h3 {
    font-size: 2vw;
    font-weight: 400;
    line-height: 1.4;
    color: var(--flyblack);
    margin: 0 0 1vw;
}

.singleBlogContainer h4 {
    font-size: 1.8vw;
    font-weight: 400;
    line-height: 1.4;
    color: var(--flyblack);
    margin: 0 0 1vw;
}

.singleBlogContainer h5 {
    font-size: 1.6vw;
    font-weight: 400;
    line-height: 1.4;
    color: var(--flyblack);
    margin: 0 0 1vw;
}

.singleBlogContainer h6 {
    font-size: 1.4vw;
    font-weight: 400;
    line-height: 1.4;
    color: var(--flyblack);
    margin: 0 0 1vw;
}

.blogBeforeAfterWrap {
    padding: 3vw 0;
}

.singleBlogContainer .number {
    border-left: 2px solid #5595d0;
}

.singleBlogContainer .entry-header {
    margin-bottom: 50px;
}

.singleBlogContainer p,.singleBlogContainer h2,.singleBlogContainer h3,.singleBlogContainer h4,.singleBlogContainer h5,.singleBlogContainer h6 {
    padding: 0 10vw;
}

.singleBlogContainer blockquote p,.singleBlogContainer blockquote h2,.singleBlogContainer blockquote h3,.singleBlogContainer blockquote h4,.singleBlogContainer blockquote h5,.singleBlogContainer blockquote h6 {
    padding: 0;
}

.singleBlogContainer blockquote {
    padding: 2vw 10vw;
    margin: 0;
}

.singleBlogContainer blockquote p {
    margin: 0;
    font-size: 2vw;
    line-height: 1.6;
    color: var(--flyblack);
}

.blogSpacingWrapper {
    padding: 0;
    position: relative;
    z-index: 1;
}

.blogContainedImageWrap img {
    width: 100%;
    padding: 0 6vw;
}

.blogContainedImageWrap,.blogQuoteWrap,.blogContentWrap,.blogOwlWrap {
    padding: 3vw 0 0;
}

.singleBlogContainer p a,.singleBlogContainer a,.singleBlogContainer p a:focus,.singleBlogContainer p a:visited {
    color: var(--flyblue);
    text-decoration: none;
}

.blogOwlImagePortrait {
    width: 100vw;
    max-width: 25vw;
    height: max-content;
}

.blogOwlImageLandscape {
    width: 100vw;
    max-width: 40vw;
    height: max-content;
}

.singleBlogContainer ol,.singleBlogContainer ul {
    padding: 1vw 12vw;
    margin: 0;
}

.singleBlogContainer ol li,.singleBlogContainer ul li {
    font-size: clamp(16px,1.1vw,22px);
    color: var(--para);
    margin: 0;
    font-weight: 400;
    line-height: 1.8;
    padding: 5px 0;
}

.Date {
    float: left;
    display: inline-block;
    text-align: center;
}

.Date .Numb {
    font-size: 50px;
    font-weight: 400;
    color: #333;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    line-height: 40px;
}

.Date .Mo {
    font-size: 27px;
    font-weight: 400;
    text-transform: uppercase;
    color: #333;
}

.blogAuthorFooter {
    background: #eee !important;
    padding: 5vw 0;
    position: relative;
}

.blogAuthorFooter a,.blogAuthorFooter a:visited,.blogAuthorFooter a:focus {
    display: flex;
    width: 50vw;
    margin: 0;
    text-decoration: none;
    padding: 0 0 0 10vw;
}

.blogAuthorFooter a .blogAuthorThumb {
    width: 75px;
    height: 75px;
    margin: 0 20px 0 0;
    display: block;
    border-radius: 100%;
    overflow: hidden;
}

.blogAuthorDetails {
    width: calc(100% - 120px);
}

.blogAuthorFooter a span {
    color: #999;
    font-size: clamp(12px,.8vw,16px);
    font-weight: 400;
    line-height: 1.2;
}

.blogAuthorFooter a .blogAuthorName {
    font-size: 1.6vw;
    font-weight: 400;
    line-height: 1.4;
    margin: 5px 0;
    color: var(--flyblack);
}

.blogAuthorFooter a .blogAuthorBio {
    margin: 0;
    color: var(--para);
}

.beforeAfterContainer {
    width: 100%;
    padding: 0 10vw;
}

.blogBeforeAfterLabels {
    display: flex;
    justify-content: space-between;
    margin: 1vw 0 0;
}

.blogBeforeAfterLabels p {
    font-size: clamp(16px,1.1vw,22px);
    color: var(--flyblack);
    font-weight: 400;
    margin: 0;
    padding: 0 !important;
}

div#inked-painted {
    position: relative;
    font-size: 0;
    -ms-touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

div#inked-painted img {
    width: 100%;
    height: auto;
}

div#colored {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    background-size: cover;
}

div#inked-painted:hover {
    cursor: col-resize;
}

div#colored .sliderBTN {
    position: absolute;
    top: 50%;
    transform: translate(50%,-50%) rotate(90deg);
    background: var(--flyblue);
    width: 50px;
    height: 50px;
    right: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1vw;
    line-height: 1;
    border-radius: 100%;
}

div#colored .sliderBTN {
    width: 2vw;
    height: 2vw;
}

.scrollWrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 8vw 0 0;
}

.scrollWrap ul.scrollingItems {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: fit-content;
    animation: scrolling 58s linear infinite;
}

@keyframes scrolling {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.scrollWrap ul.scrollingItems li {
    flex-shrink: 0;
    text-align: center;
    white-space: nowrap;
    line-height: 1.3;
    padding: 0 5vw 0 0;
    color: #fff;
    font-size: 8rem;
    position: relative;
    font-weight: 400;
}

.topFooter {
    padding: 7vw 0 2vw;
    position: relative;
}

.subsubtag a,.subsubtag a:visited,.subsubtag a:focus {
    font-size: 3vw;
    margin: 1vw 0 4vw;
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
}

.subsubtag a:hover {
    color: #fff;
    text-decoration: none;
}

.footerTag {
    font-size: 3.2vw;
    color: var(--white) !important;
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
}

.footerSubTag {
    font-size: 2.2vw;
    color: var(--white) !important;
    font-weight: 400;
    margin: 1vw 0 1vw;
    line-height: 1.2;
}

ul.footerTopList {
    list-style: none;
    margin: 0px 0px 2.5vw;
    padding: 0;
    text-align: left;
}

ul.footerBotttomList {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

ul.footerTopList li {
    display: inline-block;
    padding: 0 1vw;
}

ul.footerTopList li:nth-child(1) {
    display: inline-block;
    padding: 0 1vw 0 0;
}

ul.footerBotttomList li {
    display: inline-block;
    padding: 0 1vw;
    list-style: none;
    font-size: clamp(14px,1vw,20px);
    color: #999 !important;
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
    text-decoration: none;
}

ul.footerBotttomList li:nth-child(1) {
    display: inline-block;
    padding: 0 1vw 0 0;
}

ul.footerTopList li a,ul.footerTopList li a:visited,ul.footerTopList li a:focus {
    list-style: none;
    font-size: 1.4vw;
    color: #eee !important;
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
    text-decoration: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

ul.footerBotttomList li a,ul.footerBotttomList li a:focus,ul.footerBotttomList li a:visited {
    list-style: none;
    font-size: clamp(14px,1vw,20px);
    color: #999 !important;
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
    text-decoration: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

ul.footerBotttomList li a:hover,ul.footerTopList li a:hover {
    color: #fff !important;
    text-decoration: none;
}

.footerSocials {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.footerSocials li {
    display: inline-block;
    padding: 0 .5vw;
}

.footerSocials li:last-child {
    padding: 0 0 0 .5vw;
}

.footerSocials li a {
    color: #fff;
    font-size: 1.4vw;
}

.frame {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: var(--flyblack);
    z-index: 1;
}

#ffc-page {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3;
}

section {
    position: relative;
}

@keyframes landani {
    0% {
        height: 0%;
    }

    100% {
        height: 100%;
    }
}

@keyframes landani2 {
    0% {
        height: 100vh;
    }

    100% {
        height: 85vh;
    }
}

.head-wrapper {
    position: relative;
}

@keyframes flysvg {
    0% {
        top: 100%;
    }

    100% {
        top: 0;
    }
}

.splash2 svg circle {
    transform: scale(0);
}

.splash-cont.active .splash2 svg circle {
    transform-origin: center center;
    animation: svgcircle 2s ease;
    animation-iteration-count: infinite;
    animation-delay: 2s;
}

.drop-cont {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    pointer-events: none;
}

.drop-cont .menu-main-container {
    width: auto;
    height: auto;
    display: block;
    overflow: hidden;
}

.drop-cont ul {
    margin: 0 auto;
    padding: 0;
    border: none;
    font-size: 0;
    display: table;
    height: auto;
    width: 100%;
    text-align: center;
    position: relative;
    pointer-events: all;
    top: -100%;
    transition: all .5s ease;
    transition-delay: 0s;
}

.drop-cont.menu-active ul {
    top: 0%;
    transition: all .8s ease;
    transition-delay: .2s;
}

.drop-cont ul li {
    font-size: 15px;
    font-family: "Montserrat",sans-serif;
    display: inline-block;
    color: #fff;
    user-select: none;
    letter-spacing: .3px;
    position: relative;
    overflow: hidden;
    pointer-events: all;
}

.drop-cont ul li a:after {
    content: "";
    background: var(--flyblue);
    height: 10px;
    width: 10px;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: all;
    border-radius: 50%;
    display: none;
}

.drop-cont ul li.current-menu-item a:after {
    display: block;
}

.drop-cont ul li:hover a:before {
    transition: all .5s ease;
}

.drop-cont ul li a {
    display: block;
    padding: 8px 15px;
    position: relative;
    margin: 0 15px;
}

.drop-cont ul li a:active {
    border-top: 1px solid var(--flyblack);
}

.drop-cont ul li a svg {
    width: 20px;
    height: auto;
    display: inline;
    display: none;
    transform-origin: center center;
    transform: rotate(0deg);
    transition: all .2s ease;
}

.drop-cont ul li:hover a svg {
    transform: rotate(-45deg);
    transition: all .2s ease;
}

.drop-cont ul li a svg path {
    fill: #fff;
}

@keyframes svgcircle {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

.head-menu-btn {
    position: relative;
    display: table;
    display: flex;
    float: right;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.head-menu-btn svg {
    width: auto;
    height: 25px;
    cursor: pointer;
}

.head-menu-btn svg path {
    fill: #fff;
}

.head-menu-btn svg #left {
    transform-origin: center center;
}

.head-menu-btn svg #mid {
    transform-origin: center center;
}

.head-menu-btn svg #right {
    transform-origin: center center;
}

.caseWrapper {
    width: 100%;
    height: 110vh;
    position: relative;
    overflow: hidden;
}

.caseShowcase {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 0;
}

.caseShowcase .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

.caseContainer {
    height: 100vh;
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 5vw;
}

.caseContainer a {
    display: block;
    width: 100%;
}

.caseContainer .caseText {
    overflow: hidden;
}

.caseContainer .caseText h4 {
    font-size: 2vw;
    color: var(--white);
    font-weight: 400;
    margin: 0 0 1vw;
    line-height: 1.4;
}

.caseContainer .caseImageBox {
    height: 55vh;
    background-size: cover;
    background-position: center;
    position: relative;
}

.caseContainer .caseImageBox .thumbnailVideo {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.caseContainer .caseImageBox .thumbnailVideo video {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.caseContainer .caseImageBox .awardsRibbon {
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.caseContainer ul {
    margin: 1vw 0 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.caseContainer ul li {
    overflow: hidden;
    display: inline-block;
}

.caseContainer ul li span {
    display: inline-block;
    padding: 0 1vw;
    border-right: 1px solid #6b6b6b;
    line-height: 1;
    font-size: 16px;
    font-weight: 300;
    color: #999;
}

.caseContainer ul li:last-child span {
    border-right: 0;
    padding: 0 0 0 1vw;
}

.caseLandingBigTitle {
    position: absolute;
    font-size: 220px;
    color: #151515;
    font-weight: 400;
    top: 100px;
    left: -30px;
    line-height: 1;
    margin: 0;
    pointer-events: none;
}

.caseNavHelp {
    position: absolute;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    bottom: 2vw;
    line-height: 1.4;
    left: 3vw;
    letter-spacing: .3px;
    z-index: 9;
}

.caseProjectModal {
    position: absolute;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    bottom: 2vw;
    right: 3vw;
    letter-spacing: .3px;
    z-index: 9;
}

.caseShowcase .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.caseShowcase .swiper-slide {
    text-align: left;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.caseShowcase .swiper-container {
    overflow: visible;
    background: transparent;
    padding: 0 200px;
}

.caseShowcase .swiperArrowBox {
    display: none;
}

.caseShowcase .swiper-button-next,.caseShowcase .swiper-button-prev {
    position: relative;
    top: auto;
    width: 40px;
    height: 40px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    border: 1px solid #fff;
    color: var(--white);
    background: var(--flyblack);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.caseShowcase .swiper-button-prev {
    margin: 0 10px 0 0;
}

.caseShowcase .swiper-button-next:hover,.caseShowcase .swiper-button-prev:hover {
    background: var(--white);
    color: var(--flyblack);
}

.caseShowcase .swiper-button-prev,.caseShowcase .swiper-container-rtl .swiper-button-next {
    left: auto;
    right: auto;
}

.caseShowcase .swiper-button-next,.caseShowcase .swiper-container-rtl .swiper-button-prev {
    right: auto;
    left: auto;
}

.caseShowcase .swiper-button-next:after,.caseShowcase .swiper-container-rtl .swiper-button-prev:after {
    content: none;
}

.caseShowcase .swiper-button-prev:after,.caseShowcase .swiper-container-rtl .swiper-button-next:after {
    content: none;
}

.caseShowcase .swiper-button-next span,.caseShowcase .swiper-button-prev span {
    font-size: 30px;
    font-weight: 400;
    line-height: 28px;
    margin: -4px 0 0;
}

.prevPostWrap {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 6vw 0;
    background: #000;
}

.prevPostWrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 1;
    opacity: .3;
    transition: opacity 1s ease;
}

.prevPostWrap:hover .overlay {
    opacity: .5;
}

.prevPostWrap .prevPostThumb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    opacity: .4;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.prevPostWrap:hover .prevPostThumb {
    top: -4vw;
    right: -4vw;
    bottom: -4vw;
    left: -4vw;
    opacity: .7;
}

.prevPostWrap p.prevSmallTitle {
    font-size: 1.6vw;
    color: var(--white);
    margin-top: 8vw;
    margin-bottom: 1vw;
    letter-spacing: 0px;
    font-weight: 400;
}

.prevPostWrap p.prevBigTitle {
    color: var(--white);
    font-size: 5vw;
    line-height: 1.1;
    width: 60%;
    font-weight: 400;
    margin: 0;
}

.prevPostContent {
    position: relative;
    z-index: 1;
    width: 80%;
    margin: 0 auto;
}

#sb_instagram .sbi_info,#sb_instagram.sbi_medium .sbi_instagram_link,#sb_instagram.sbi_medium .sbi_hover_bottom,#sb_instagram .sbi_username {
    display: none !important;
}

.holdingLanding {
    text-align: center;
    width: 100%;
    height: 100vh;
    padding: 0 10%;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.holdingLanding img {
    width: 100px;
    margin: 0;
}

.holdingLanding p {
    font-size: 5vw;
    color: var(--white) !important;
    letter-spacing: 0px;
    line-height: 1.1;
    margin: 60px 0;
    font-weight: 400;
}

.page-template-page-holding .ffcFooter,.page-template-page-holding .ffcLogo,.page-template-page-holding .tmenu-cont,.page-template-page-holding #sb_instagram {
    display: none !important;
    user-select: none !important;
}

.ffcFooter {
    background-color: var(--flyblack);
}

.ffcFooter.footer24 {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    overflow: hidden;
    margin-top: -40px;
    position: relative;
    z-index: 1;
}

.page-template-page-service .serviceTopBanner,.page-template-page-top_service .serviceTopBanner {
    padding: 13vw 0 0;
}

.page-template-page-service .homeIntroRow,.page-template-page-top_service .homeIntroRow {
    margin: 0;
}

.page-template-page-service .serviceTopBanner .serviceBannerBg,.page-template-page-top_service .serviceTopBanner .serviceBannerBg {
    height: 100vh;
}

.showDesktop {
    display: block;
}

.showMobile {
    display: none;
}

.landingSubText {
    display: none;
}

.page-template-page-service_single .aboutTextCarousel {
    padding: 10vw 0 0;
}

.startProjectWrap {
    padding: 0;
    position: relative;
}

.startProjectWrap .darkBg {
    padding: 12vw 0 2vw;
    margin: 0;
    background: var(--flyblack) !important;
}

.startProjectWrap h1 {
    font-size: 5vw;
    color: var(--white);
    font-weight: 400;
    margin: 0 0 3vw;
    line-height: 1.3;
}

.startProjectFormContainer {
    padding: 0 0 10vw;
}

.projectForm {
    width: 75%;
}

.projectForm .gform_wrapper .top_label .gfield_label {
    font-size: 2vw;
    color: var(--white) !important;
    font-weight: 400;
    margin: 0 0 2vw;
    line-height: 1.4;
}

.projectForm .gform_wrapper .gfield_required {
    color: var(--flyblue);
    margin-left: 10px;
    display: none;
}

.projectForm input,.projectForm textarea {
    padding: 1.5vw 0 !important;
    font-size: 1.8vw !important;
    border: 0 !important;
    border-bottom: 1px solid #555 !important;
    width: 100% !important;
    margin: 0 0 2vw !important;
    font-weight: 400;
    border-radius: 0 !important;
    background: transparent;
    color: var(--white) !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.projectForm input:focus,.projectForm textarea:focus {
    border-bottom: 1px solid var(--white) !important;
}

.projectForm .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
    margin-top: 0;
}

.projectForm .gform_wrapper ul.gform_fields li.gfield#field_1_1 {
    margin: 0 0 5vw;
}

.projectForm .gform_wrapper .gform_footer {
    padding: 0 0 10px;
    margin: 0;
    clear: both;
    width: 100%;
}

.projectForm textarea {
    height: 100px;
    min-height: 6vw;
    max-height: 30vw;
    min-width: 100%;
    max-width: 100%;
    resize: auto !important;
}

.page-template-page-start_project .ffcFooter {
    display: none;
}

.projectForm input::placeholder,.projectForm textarea::placeholder {
    color: #555;
    font-size: 1.8vw;
    letter-spacing: 0;
    font-weight: 400;
}

body .projectForm .gform_wrapper .top_label div.ginput_container {
    margin-top: 4px;
}

.projectForm .gform_wrapper .gform_footer input.button,.projectForm .gform_wrapper .gform_footer input[type=submit],.projectForm .gform_wrapper .gform_footer input.button:focus,.projectForm .gform_wrapper .gform_footer input[type=submit]:focus,.projectForm .gform_wrapper .gform_footer input.button:visited,.projectForm .gform_wrapper .gform_footer input[type=submit]:visited {
    font-size: 1.6vw !important;
    background-color: transparent;
    padding: .8vw 0 !important;
    border-radius: 0 !important;
    color: var(--white) !important;
    margin: 0 !important;
    text-decoration: none;
    border: 0 !important;
    font-weight: 400;
    border-bottom: 2px solid transparent !important;
    display: inline-block;
    position: relative;
    z-index: 1;
    width: auto !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.projectForm .gform_wrapper .gform_footer input.button:hover,.projectForm .gform_wrapper .gform_footer input[type=submit]:hover {
    background: transparent !important;
    color: var(--white) !important;
    text-decoration: none;
}

@keyframes hoverUnderline {
    0% {
        width: 100%;
        right: 0;
        left: auto;
    }

    50% {
        width: 0;
        right: 0;
        left: auto;
    }

    51% {
        width: 0;
        right: auto;
        left: 0;
    }

    100% {
        width: 100%;
        right: auto;
        left: 0;
    }
}

.projectForm .gform_wrapper .gform_footer {
    width: auto;
    display: inline-block;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.projectForm .gform_wrapper .gform_footer:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: 2px;
    right: 0;
    width: 100%;
    background: var(--white);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.projectForm .gform_wrapper .gform_footer:hover:after {
    animation: hoverUnderline 1.5s ease;
}

.projectForm .gform_wrapper ul.gfield_checkbox li {
    display: inline-block;
    padding: 0 1vw 0 0 !important;
}

.projectForm .gform_wrapper .gfield_checkbox li input,.projectForm .gform_wrapper .gfield_checkbox li input[type=checkbox] {
    box-sizing: border-box !important;
    border: 0 !important;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    width: 1px !important;
}

.projectForm .gform_wrapper ul.gfield_checkbox li label {
    font-size: 1.2vw;
    line-height: 1.2;
    min-height: auto;
    text-align: center;
    background: var(--flyblack);
    color: #777;
    border: 1px solid #555;
    display: flex;
    width: 100%;
    margin: 0 0 10px;
    border-radius: 75px;
    cursor: pointer;
    max-width: max-content;
    padding: 1.2vw 2vw;
    align-items: center;
    font-weight: 400 !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.projectForm .gform_wrapper ul.gfield_checkbox li label:hover {
    border: 1px solid var(--white);
    color: var(--white);
}

.projectForm .gform_wrapper .gfield_checkbox li input:checked + label {
    background: var(--white);
    color: var(--flyblack);
    border: 1px solid var(--white);
    font-weight: 400 !important;
}

.projectForm .gform_wrapper li.gfield.gfield_error,.projectForm .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background: transparent;
    padding: 0;
    position: relative;
    border: none !important;
}

.projectForm .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    bottom: 1.8vw;
    right: 0;
    position: absolute;
    padding-right: 0 !important;
    width: max-content;
    transform: translateY(44%);
    user-select: none;
    font-weight: 400;
    color: #d27373;
    background: var(--flyblack);
    padding: 10px 10px 10px 14px;
    line-height: 1;
}

.projectForm .gform_wrapper div.validation_error {
    display: none;
}

.projectForm div.gform_confirmation_message h2 {
    font-size: clamp(70px,5vw,50px);
}

.projectForm div.gform_confirmation_message {
    color: #fff;
    font-size: clamp(20px,2.5vw,40px);
    padding: 0px !important;
    padding-right: 40px;
    padding-bottom: 40px;
    margin: 0;
    line-height: 1.6;
    margin-top: 30%;
}

.projectForm input:-webkit-autofill,.projectForm input:-webkit-autofill:hover,.projectForm input:-webkit-autofill:focus,.projectForm textarea:-webkit-autofill,.projectForm textarea:-webkit-autofill:hover,.projectForm textarea:-webkit-autofill:focus,.projectForm select:-webkit-autofill,.projectForm select:-webkit-autofill:hover,.projectForm select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px var(--flyblack) inset !important;
    color: #fff;
}

.errorPageWrap {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mid404Wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 8vw;
    width: 100%;
    position: relative;
}

.mid404Wrap span {
    font-size: 18vw;
    line-height: 1;
    font-weight: 400;
    color: var(--flyblack);
}

.mid404Wrap .errorCircle {
    width: 15vw;
    height: 15vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background: var(--flyblue);
    border-radius: 10vw;
    overflow: hidden;
    margin: 0 3vw;
    animation: errorCircle 1s ease;
    border: 5px solid var(--flyblue);
}

.mid404Wrap .errorCircle img {
    animation: errorImage .8s ease;
    animation-delay: .8s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes errorCircle {
    0% {
        width: 0;
        height: 0;
    }

    100% {
        width: 15vw;
        height: 15vw;
    }
}

@keyframes errorImage {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.errorBackWrap p {
    font-size: 3vw;
    line-height: 1.4;
    margin: 0 0 3vw;
    color: var(--flyblack);
}

.errorBackWrap a,.errorBackWrap a:visited,.errorBackWrap a:focus {
    font-size: 1.5vw;
    color: var(--flyblack);
    position: relative;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.errorBackWrap a:hover {
    padding-left: 3vw;
}

.errorBackWrap a svg {
    width: 1.2vw;
    height: 1.2vw;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    opacity: 0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.errorBackWrap a svg path {
    fill: var(--flyblack);
}

.errorBackWrap a:hover svg {
    opacity: 1;
}

.error404 .ffcFooter {
    display: none;
}

.spot__video {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10vw 0;
}

.spot__video video {
    position: relative;
    height: auto;
    width: 70%;
    display: block;
    margin: 0 auto;
    box-shadow: 10px 10px 10px rgba(0,0,0,.12);
    overflow: hidden;
    pointer-events: none;
    filter: saturate(1.1);
}

.postid-3205 .spot__video video {
    border-radius: 40px;
}

.c__follow {
    opacity: 0;
}

.c__follow.active {
    opacity: 1;
}

.ctc-options {
    user-select: none;
    display: grid;
    grid-template-areas: ". . .";
    grid-template-columns: repeat(3,max-content);
}

.ctc-options a {
    width: max-content;
}

.ctc-options p {
    margin: 0 25px;
}

.mobileLinkHid {
    display: none;
}

.serviceMobile {
    display: none;
}

.serviceDesktop {
    display: block;
}

@media screen and (max-width: 1550px) {
    .landingTest .landingServices {
        width:75%;
    }

    .landingTest .landingServices .landingServiceBox {
        padding: 4vw 1.5vw;
    }

    .caseInfo .caseInfoBox {
        padding: 0 40px;
    }

    .caseTestimonial p.caseTestText {
        line-height: 1.3;
        padding: 0 80px;
    }

    .sticky-top-project {
        top: 60px;
    }

    .caseInfo .caseInfoBox {
        padding: 0 3vw 3vw;
    }

    .caseTestimonial p.caseTestName {
        padding: 0 80px;
    }

    .mobileImageCol {
        padding: 0 70px;
    }

    .caseLandingBigTitle {
        font-size: 180px;
        top: 80px;
    }
}

@media screen and (max-width: 1350px) {
    .caseInfo .caseInfoBox {
        padding:0 0 3vw;
    }

    .caseInfo .caseInfoBox.casePaddRight {
        padding-right: 5vw;
    }

    .caseInfo .caseInfoBox.casePaddLeft {
        padding-left: 5vw;
    }

    .caseTestimonial p.caseTestName {
        padding: 0;
    }

    .caseTestimonial p.caseTestText {
        padding: 0;
    }

    .mobileImageCol {
        padding: 0 40px;
    }

    .caseLanding .caseLandingText p {
        font-size: 5vw;
        line-height: 1.1;
    }

    .caseLanding .caseLandingText h1 {
        font-size: 1.4vw;
    }

    .chall {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }
}

@media screen and (min-width: 1200px) {
    .container {
        width:95%;
        margin: 0 auto;
        max-width: 100%;
    }

    .caseWrapper .container {
        width: 85%;
        margin: 0 auto;
        max-width: 100%;
    }
}

@media screen and (min-width: 1800px) {
    .page-template-page-case_landing .container {
        width:70%;
    }

    .caseShowcase .swiperArrowBox {
        left: 2vw;
    }

    .caseWrapper .container {
        width: 70%;
        margin: 0 auto;
        max-width: 100%;
    }

    .container {
        width: 90%;
        margin: 0 auto;
        max-width: 100%;
    }

    .circle-video {
        width: 51rem;
        height: 51rem;
    }

    .section-scroll p {
        font-size: 11vw;
    }
}

@media screen and (max-width: 1200px) {
    .hidden-lg {
        display:none !important;
    }

    #ffcblog {
        padding: 10px 15px 40px 15px;
    }

    #ffcblog h2 a {
        font-size: 7vw;
    }

    .brandingRow .caseBrandingRight,.brandingRow .caseBrandingLeft {
        height: 500px;
    }

    .caseInfo .caseInfoBox h2 {
        font-size: 3.4vw;
        padding-top: 30px;
    }

    .sticky-top-project {
        top: 20px;
    }

    .landingTest .landingServices {
        width: 85%;
    }

    .landingServiceBox .serviceTitle {
        font-size: 23px;
    }

    .landingServiceBox .serviceText {
        font-size: 16px;
    }

    .landingServiceBox .serviceNumber {
        font-size: 16px;
        margin: 0;
    }

    .landingTest .bannertext {
        top: 45%;
        transform: translateY(-45%);
    }

    p {
        font-size: 1.2vw;
    }

    .boldText {
        font-size: 2.1vw;
    }

    .homeServiceCols ul li {
        font-size: 1.1vw;
    }

    ul.footerTopList li a,ul.footerTopList li a:visited,ul.footerTopList li a:focus {
        font-size: 1.2vw;
    }

    ul.footerBotttomList li {
        font-size: 1vw;
    }

    ul.footerBotttomList li a,ul.footerBotttomList li a:focus,ul.footerBotttomList li a:visited {
        font-size: 1vw;
    }

    .aboutCols h3 {
        font-size: 10vw;
    }

    .aboutCols ul li {
        font-size: 1.1vw;
    }

    .textCarouselInfo p {
        font-size: 1.2vw;
    }

    [data-aos="containedVideoPadding"].aos-animate {
        padding: 4vw 5%;
    }

    .serviceTopBanner h1 {
        font-size: 2vw;
    }

    .serviceTopBanner .hsub {
        font-size: 4.4vw;
        line-height: 1.1;
        margin: 30px 0 0;
    }

    .serviceTopBanner {
        padding: 16vw 0 8vw;
    }

    .page-template-page-service .serviceTopBanner,.page-template-page-top_service .serviceTopBanner {
        padding: 16vw 0 0;
    }

    .page-template-page-service .sideMessage,.page-template-page-top_service .sideMessage {
        display: none;
    }

    .serviceCaseLink p {
        display: none;
    }

    .serviceAccordians h3 {
        font-size: 2.8vw;
    }

    .serviceInfoSection {
        padding: 15vw 0;
    }

    .serviceInfoSection .carousel-indicators li {
        font-size: 1.2vw;
    }

    .serviceInfoContainer h3 {
        font-size: 4.5vw;
    }

    .servSingleLongImage .longImageContent ol li,.servSingleLongImage .longImageContent ul li {
        font-size: 1.2vw;
    }

    .servSingleLongImage .longImageContent h5 {
        font-size: 1.4vw;
    }

    .servSingleLongImage .longImageContent h6 {
        font-size: 1.4vw;
    }

    .contactTopSection {
        padding: 18vw 0 2vw;
    }

    .contactDetBox p {
        font-size: 1.2vw;
    }

    .caseInfo .caseInfoBox p {
        font-size: 1.2vw;
        line-height: 1.8;
    }

    .single-case_study .homeIntroRow {
        padding: 0px 8%;
    }

    .single-case_study .homeIntroRow .compressedcolRight p {
        line-height: 1.8;
        margin: 0 0 2vw;
    }

    .homeIntroRow a,.homeIntroRow a:focus,.homeIntroRow a:visited {
        font-size: 1.2vw;
    }

    .caseLandingBigTitle {
        font-size: 18vw;
        display: none;
    }

    .customCursor,.customCursorFollow {
        display: none;
    }

    .caseContainer .caseImageBox {
        height: 50vh;
    }

    .caseContainer ul {
        margin: 1vw 0 5vw;
    }

    .caseNavHelp {
        display: none;
    }

    .ffcLogo {
        width: 60px;
    }

    .caseProjectModal {
        bottom: 3vw;
    }

    .caseShowcase .swiperArrowBox {
        bottom: 3vw;
        left: -1vw;
    }

    .caseShowcase .swiper-container {
        padding: 0 90px;
    }

    .blogLandingHeader {
        padding: 14vw 0 5vw;
    }

    .blogTopBanner {
        padding: 11vw 0 0;
    }

    .blogOwlImagePortrait {
        width: auto;
        max-width: inherit;
        height: auto;
    }

    .blogOwlImageLandscape {
        width: auto;
        max-width: inherit;
        height: auto;
    }
}

@media screen and (max-width: 991px) {
    .halfSection .halfCol {
        flex:0 0 100%;
    }

    .singleBlogPage .container {
        width: 100%;
    }

    .serviceMobile {
        display: block;
    }

    .serviceDesktop {
        display: none;
    }

    .spot__video {
        min-height: auto;
        padding: 100px 0;
    }

    .hidden-md {
        display: none !important;
    }

    .landingTest .bannertext p {
        font-size: 6vw;
        line-height: 1.2;
    }

    #ffcblog h2 a {
        font-size: 6vw;
    }

    .caseInfo .caseInfoBox {
        padding: 0 0 60px;
        text-align: left;
    }

    .caseInfo .caseInfoBox h2 {
        font-size: 7vw;
        padding-top: 30px;
        text-align: left;
    }

    #s2 .caseInfoBox p {
        font-size: 16px;
    }

    #s2 .caseInfoBox h2 {
        font-size: 6vw;
        padding: 20px 0 0 !important;
        text-align: left;
    }

    .caseTestimonial p.caseTestName {
        font-size: 2.6vw;
        text-align: left;
    }

    .caseTestimonial p.caseTestText {
        font-size: 3.4vw;
        text-align: left;
    }

    .brandingRow .caseBrandingLeft .brandingLeftText {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        padding: 10%;
        width: 100%;
        text-align: left;
    }

    .brandingRow .caseBrandingLeft {
        float: none;
        height: auto;
        width: 100%;
    }

    .brandingRow .caseBrandingRight,.brandingRow .caseBrandingLeft {
        height: auto;
    }

    .chall {
        font-size: 6vw !important;
    }

    .brandingRow .caseBrandingRight {
        float: none;
        width: 100%;
    }

    .brandcase {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        padding: 5%;
        width: 100%;
    }

    .caseLanding .caseLandingText h1 {
        font-size: 3vw;
        text-align: left;
    }

    .caseLanding .caseLandingText p {
        font-size: 7vw;
        line-height: 1.1;
        text-align: left;
        width: 100%;
    }

    .caseLanding .caseLandingText {
        width: 100%;
    }

    .bigBoldTitle {
        font-size: 3.4vw;
    }

    .homeIntro .bigBoldTitle {
        margin: 0;
        max-width: 100%;
    }

    .boldText {
        font-size: 2.4vw;
    }

    .homeIntro .boldText {
        margin: 0;
    }

    .homeIntroRow {
        margin: 5vw 0 0;
        position: relative;
    }

    p {
        font-size: 1.8vw;
    }

    .compressedcolLeft {
        padding: 0 15px;
        margin: 0 0 5vw;
    }

    .compressedcolRight {
        padding: 0 15px;
    }

    .workHomeIntro {
        float: none;
        padding: 0 10% 0;
        width: 100%;
    }

    .workHomeIntro h3 {
        font-size: 3vw;
        margin: 0 0 1vw;
    }

    .workText h3 {
        font-size: 8vw;
    }

    .workImages .workImgPlacement {
        width: 70%;
        display: inline-block;
        position: relative;
    }

    .workContainer:nth-child(even) .parallelWorkImg {
        transform: translate(60%,-50%);
    }

    .homeServiceWrapper .boldText {
        font-size: 5.5vw;
    }

    .homeAlignRight {
        text-align: left;
    }

    .homeServiceCols h4 {
        font-size: 3vw;
    }

    .homeServiceCols ul {
        margin: 0 0 7vw;
    }

    .homeServiceCols ul li {
        font-size: 1.8vw;
    }

    .footerSubTag {
        font-size: 4vw;
    }

    .subsubtag {
        font-size: 2.2vw;
    }

    ul.footerTopList li a,ul.footerTopList li a:visited,ul.footerTopList li a:focus {
        font-size: 1.8vw;
    }

    ul.footerBotttomList li a,ul.footerBotttomList li a:focus,ul.footerBotttomList li a:visited {
        font-size: 1.5vw;
    }

    ul.footerBotttomList li {
        font-size: 1.5vw;
    }

    .footerSocials li a {
        font-size: 2.5vw;
    }

    .customCursor,.customCursorFollow,.customCursorOpen,.customCursorVideo {
        display: none;
    }

    .aboutVideoLink img {
        width: 5.5vw;
        height: 4.5vw;
    }

    .aboutVideoLink p {
        font-size: 2.2vw;
    }

    .aboutIntro p {
        font-size: 3.4vw;
        margin: 0 0 2vw;
    }

    .aboutCols ul li {
        font-size: 1.8vw;
    }

    .aboutCols h4 {
        font-size: 3vw;
    }

    .aboutColsBtn,.aboutColsBtn:visited,.aboutColsBtn:focus {
        font-size: 2.4vw;
    }

    .textCarouselInfo p {
        font-size: 1.8vw;
    }

    .serviceProjects h4 {
        font-size: 3vw;
    }

    .projectFooterLinks a,.projectFooterLinks a:visited,.projectFooterLinks a:focus {
        font-size: 2.4vw;
    }

    .serviceInfoSection .slashNum {
        font-size: 2.6vw;
        top: 10vw;
    }

    .serviceTopBanner {
        padding: 22vw 0 8vw;
    }

    .page-template-page-service .serviceTopBanner,.page-template-page-top_service .serviceTopBanner {
        padding: 22vw 0 0;
    }

    .serviceTopBanner h1 {
        font-size: 2.5vw;
        width: 100%;
    }

    .serviceTopBanner .hsub {
        font-size: 6vw;
        width: 100%;
    }

    .serviceBannerIntro p {
        width: 80%;
        margin: 0 0 0 auto;
    }

    .serviceInfoSection .carousel-control-next {
        top: 0vw;
    }

    .carouselArrows {
        top: -70px;
    }

    .servSingleContent h2 {
        font-size: 3.4vw;
    }

    .singleContentLink a,.singleContentLink a:visited,.singleContentLink a:focus {
        font-size: 2.4vw;
    }

    .servSingleLongImage .longImageContent a,.servSingleLongImage .longImageContent a:visited,.servSingleLongImage .longImageContent a:focus {
        font-size: 2.4vw;
    }

    .workHomeIntro a,.workHomeIntro a:focus,.workHomeIntro a:visited {
        font-size: 2.4vw;
    }

    .servSingleLongImage h3 {
        font-size: 3.4vw;
    }

    .contentFeatures h3 {
        font-size: 3.4vw;
        margin: 0 0 8vw;
    }

    .contentFeatures h6 {
        font-size: 2.6vw;
        margin: 0 0 2vw;
    }

    .numberedFeatures h3 {
        font-size: 3.4vw;
        margin: 0 0 8vw;
    }

    .numberedFeatures ul li {
        font-size: 2.2vw;
    }

    .numberedFeatures ul li::before {
        margin-right: 1.5vw;
        font-size: 1.4vw;
    }

    .contentFeatures p {
        margin: 0 0 6vw;
    }

    .serviceAccordians h3 {
        width: 80%;
    }

    .servSingleLongImage .longImageContent blockquote {
        margin: 0 0 4vw;
    }

    .servSingleLongImage .longImageContent ol li,.servSingleLongImage .longImageContent ul li {
        font-size: 1.8vw;
    }

    .servSingleLongImage .longImageContent h2 {
        font-size: 4.5vw;
        margin: 7vw 0 3vw;
    }

    .servSingleLongImage .longImageContent h3 {
        font-size: 4.3vw;
        margin: 7vw 0 3vw;
    }

    .servSingleLongImage .longImageContent h4 {
        font-size: 4vw;
        margin: 7vw 0 3vw;
    }

    .servSingleLongImage .longImageContent h5 {
        font-size: 3.8vw;
        margin: 7vw 0 3vw;
    }

    .servSingleLongImage .longImageContent h6 {
        font-size: 3.6vw;
        margin: 7vw 0 3vw;
    }

    .serviceSingleIntro ul li {
        font-size: 2vw;
        padding: 5px 0;
    }

    .page-template-page-service .aboutVideoLink p,.page-template-page-service .aboutVideoLink:focus p,.page-template-page-service .aboutVideoLink:visited p {
        font-size: 2.6vw;
    }

    .servSingleLongImage .longimageCol {
        order: -1;
    }

    .servSingleLongImage .longimageCol img {
        margin: 2vw 0 5vw;
    }

    .servSingleLongImage .longImageContent,.servSingleLongImageAlt.servSingleLongImage .longImageContent {
        padding: 0;
    }

    .serviceAccordiansWrapper .card-body p {
        padding: 0;
    }

    .accordianTitle p {
        font-size: 3vw;
    }

    .contactDetBox p {
        font-size: 1.8vw;
    }

    .contactFormLinks a,.contactFormLinks a:visited,.contactFormLinks a:focus {
        font-size: 2.8vw;
    }

    .contactTopSection h1 {
        font-size: 8vw;
    }

    .contactTopSection {
        padding: 170px 0 0;
        position: relative;
        width: 100%;
        float: none;
    }

    .contactTopSection2 {
        width: 70%;
        float: none;
        margin: 60px auto 60px;
    }

    .page-template-page-top_service .topServicePageWrapper .servSingleLongImage:nth-child(even) .longimageCol {
        order: 0;
    }

    .page-template-page-top_service .servSingleLongImage .longimageCol img {
        margin: 0;
    }

    .page-template-page-top_service .servSingleLongImage .longImageContent,.page-template-page-top_service .servSingleLongImageAlt.servSingleLongImage .longImageContent {
        padding: 10vw 0 0;
    }

    .page-template-page-top_service .servSingleLongImage .longImageContent,.page-template-page-top_service .servSingleLongImageAlt.servSingleLongImage .longImageContent {
        padding: 10vw 0 0;
    }

    .page-template-page-top_service .topServicePageWrapper .servSingleLongImage:nth-child(even) .longImageContent {
        padding: 10vw 0 0;
    }

    .page-template-page-top_service .servSingleLongImage .longImageContent ul {
        margin: 8vw 0 0;
    }

    .page-template-page-top_service .servSingleLongImage .longImageContent ul li {
        margin: 0vw 2vw 2vw 0;
    }

    .page-template-page-top_service .servSingleLongImage .longImageContent ul li a,.page-template-page-top_service .servSingleLongImage .longImageContent ul li a:visited,.page-template-page-top_service .servSingleLongImage .longImageContent ul li a:focus {
        font-size: 2vw;
        padding: 1.8vw 2.5vw;
    }

    .page-template-page-top_service-v2 .topServicePageWrapper .servSingleLongImage:nth-child(even) .longimageCol {
        order: 0;
    }

    .page-template-page-top_service-v2 .servSingleLongImage .longimageCol img {
        margin: 0;
    }

    .page-template-page-top_service-v2 .servSingleLongImage .longImageContent,.page-template-page-top_service-v2 .servSingleLongImageAlt.servSingleLongImage .longImageContent {
        padding: 10vw 0 0;
    }

    .page-template-page-top_service-v2 .servSingleLongImage .longImageContent,.page-template-page-top_service .servSingleLongImageAlt.servSingleLongImage .longImageContent {
        padding: 10vw 0 0;
    }

    .page-template-page-top_service-v2 .topServicePageWrapper .servSingleLongImage:nth-child(even) .longImageContent {
        padding: 10vw 0 0;
    }

    .page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul {
        margin: 8vw 0 0;
    }

    .page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li {
        margin: 0vw 2vw 2vw 0;
    }

    .page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li a,.page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li a:visited,.page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li a:focus {
        font-size: 2vw;
        padding: 1.8vw 2.5vw;
    }

    .page-template-page-service .doubleParaImg {
        padding: 0 0 12vw;
    }

    #ffcblog article {
        padding: 10vw 3vw;
    }

    .caseInfo .caseInfoBox p {
        font-size: 1.8vw;
    }

    .single-case_study .boldText {
        font-size: 5vw;
    }

    .homeIntroRow a,.homeIntroRow a:focus,.homeIntroRow a:visited {
        font-size: 2vw;
    }

    .homeIntro {
        padding: 5vw 0;
    }

    .single-case_study .homeIntroRow .compressedcolRight p {
        margin: 0 0 5vw;
    }

    .caseContainer .caseText h4 {
        font-size: 5vw;
        margin: 0 0 2vw;
    }

    .caseContainer ul {
        margin: 2vw 0 0;
    }

    .caseContainer .caseImageBox {
        height: 45vh;
    }

    .caseShowcase {
        height: 102vh;
        padding: 0 0vw;
    }

    .page-template-page-top_service .servSingleLongImage .longImageContent h2 {
        font-size: 7vw;
    }

    .page-template-page-top_service-v2 .servSingleLongImage .longImageContent h2 {
        font-size: 7vw;
    }

    .workBigImg {
        height: 50vw;
    }

    .projectForm {
        width: 100%;
    }

    .startProjectWrap h1 {
        font-size: 7vw;
        margin: 0;
    }

    .startProjectWrap .darkBg {
        padding: 20vw 0 8vw;
        margin: 0;
    }

    .projectForm .gform_wrapper .top_label .gfield_label {
        font-size: 3vw;
        margin: 0 0 3vw;
    }

    .projectForm .gform_wrapper ul.gfield_checkbox li label {
        font-size: 1.8vw;
        padding: 1.6vw 3vw;
    }

    .projectForm input,.projectForm textarea {
        padding: 2vw 0 !important;
        font-size: 2.4vw !important;
        margin: 0 0 3vw !important;
    }

    .projectForm input::placeholder,.projectForm textarea::placeholder {
        font-size: 2.4vw;
    }

    .projectForm .gform_wrapper .gform_footer input.button,.gform_wrapper .gform_footer input[type=submit],.projectForm .gform_wrapper .gform_footer input.button:focus,.gform_wrapper .gform_footer input[type=submit]:focus,.projectForm .gform_wrapper .gform_footer input.button:visited,.gform_wrapper .gform_footer input[type=submit]:visited {
        font-size: 2.6vw !important;
        padding: 1.2vw 0 !important;
    }

    .caseShowcase .swiperArrowBox {
        display: none;
    }

    .caseProjectModal {
        right: 50%;
        transform: translateX(50%);
    }

    .caseShowcase .swiper-container {
        padding: 0 50px;
    }

    .prevPostWrap {
        padding: 60px 0;
    }

    .prevPostWrap img {
    }

    .prevPostWrap p {
        font-size: 20px;
        margin-bottom: 80px;
    }

    .prevPostWrap p.prevSmallTitle {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .prevPostWrap p.prevBigTitle {
        font-size: 46px;
        width: 100%;
    }

    .prevPostContent {
        width: 90%;
    }

    .blogFeaturedItem h2 {
        font-size: 22px;
        margin: 20px 0;
    }

    .blogFeaturedItem .blogLandThumb img {
        height: 50vw;
    }

    .blogFeaturedItem {
        margin: 0 0 40px;
    }

    .blogLandingHeader {
        padding: 150px 0 60px;
    }

    .blogLandingHeader h1 {
        font-size: 32px;
        width: 100%;
    }

    .blogLandingHeader p {
        font-size: 18px;
    }

    .blogLandingBg {
        height: 400px;
    }

    .blogLanding {
        padding: 0 0 80px;
    }

    .blogTopBanner {
        padding: 150px 0 0;
    }

    .blogThumbnail {
        padding: 40px 0;
    }

    .blogThumbnail img {
        height: 50vh !important;
    }

    .blogTopBanner h1 {
        font-size: 32px;
        margin: 0 0 10px;
        padding: 0;
    }

    .blogTopBanner p.blogMeta {
        padding: 0;
    }

    .singleBlogContainer p,.singleBlogContainer h2,.singleBlogContainer h3,.singleBlogContainer h4,.singleBlogContainer h5,.singleBlogContainer h6 {
        padding: 0;
    }

    .singleBlogContainer blockquote {
        padding: 30px 0;
    }

    .blogContainedImageWrap img {
        width: 100%;
        padding: 40px 0;
    }

    .beforeAfterContainer {
        width: 100%;
        padding: 0;
    }

    .blogBeforeAfterWrap {
        padding: 40px 0;
    }

    .blogOwlWrap {
        padding: 40px 10vw;
    }

    .blogAuthorFooter a,.blogAuthorFooter a:visited,.blogAuthorFooter a:focus {
        width: 100%;
        padding: 0;
    }

    .blogAuthorFooter {
        padding: 60px 0;
    }

    .singleBlogContainer {
        padding: 0 0 70px;
    }

    .splash-cont {
        display: none;
    }

    .aboutTextCarousel .col-md-6.col-12 {
        padding: 0;
    }

    .aboutTextCarousel .container {
        margin: 0 auto;
    }

    .aboutValues .row {
        margin: 0 0 5vw;
    }
}

a.prevPostWrap img.next__post__thumb {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: transform 1s ease;
}

a.prevPostWrap:hover img.next__post__thumb {
    transform: scale(1.05) rotate(1deg);
}

@media screen and (max-width: 768px) {
    .spot__video video {
        width:90%;
    }

    .ctc-options p {
        display: none;
    }

    .ctc-options {
        grid-template-areas: ".";
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

    .landingTest .sideMessage {
        right: -110px;
        font-size: 14px;
        display: none;
    }

    .landingTest .mobileVideoLink {
        width: 40px;
    }

    .landingTest .bannertext .banner-sml {
        font-size: 14px;
    }

    .hidden-sm {
        display: none !important;
    }

    #ffcblog a.readm {
        padding: 16px 15px 8px 0;
    }

    .flyofficebg {
        background: #5595d0;
    }

    #ffcblog {
        padding: 0px 15px 40px 15px;
    }

    #ffcblog article {
        margin-bottom: 15px;
    }

    .landingTest .bannertext p {
        font-size: 7.5vw;
        line-height: 1.2;
        margin: 0;
        padding-bottom: 0;
        padding-right: 4vw;
    }

    .landingTest .bannertext p br {
        display: none;
    }

    .landingTest .bannertext {
        top: 25%;
        transform: translateY(-50%);
        padding: 0 30px;
        text-align: left;
    }

    .landingTest .landingTextBox .landingSubText {
        font-size: 4vw;
        color: var(--white);
        letter-spacing: 0px;
        line-height: 2;
        margin: 0;
        font-weight: 400;
        padding-top: 9vw;
        display: block;
    }

    .landingTest .landingTextBox .landingSubText br {
        display: block;
    }

    .circle-video {
        width: 22rem;
        height: 22rem;
    }

    .banner-scroll-text {
        width: 50%;
    }

    .section-scroll p {
        font-size: 5rem;
    }

    .tmenu-cont p,.tmenu-cont ul {
        display: none;
    }

    .landingTest.fullscreen-bg {
        height: 100dvh !important;
    }

    .landingTest .landingTextBox {
        margin: 0;
    }

    .landingArrow,.mobileLandingArrow {
        right: 35px;
        top: 73vh;
        bottom: auto;
    }

    .bigBoldTitle {
        font-size: 7vw;
    }

    .boldText {
        font-size: 5vw;
    }

    p {
        font-size: 1rem;
        line-height: 1.6;
        font-weight: 400;
    }

    .homeIntro p {
        color: #838383;
    }

    .workHomeIntro h3 {
        font-size: 4vw;
    }

    .workText h3 {
        font-size: 8vw;
        text-align: left;
        font-weight: 400;
    }

    .workContainer:nth-child(even) .workText h3 {
        text-align: left;
    }

    .homeServiceCols h4 {
        font-size: 4.5vw;
    }

    .homeServiceCols ul li {
        font-size: 3.5vw;
    }

    .scrollWrap ul.scrollingItems li {
        font-size: 16vw;
    }

    .topFooter {
        text-align: left;
    }

    .footerSubTag {
        font-size: 7vw;
    }

    .subsubtag {
        font-size: 3.6vw;
    }

    ul.footerTopList li a,ul.footerTopList li a:visited,ul.footerTopList li a:focus {
        font-size: 3.5vw;
    }

    ul.footerTopList {
        text-align: left;
    }

    ul.footerBotttomList {
        margin: 1.5vw 0 0;
        text-align: left;
    }

    .footerSocials {
        margin: 10vw 0 0;
        text-align: left;
    }

    .footerSocials li a {
        font-size: 5vw;
    }

    ul.footerBotttomList li a,ul.footerBotttomList li a:focus,ul.footerBotttomList li a:visited {
        font-size: 2.6vw;
    }

    ul.footerBotttomList li {
        font-size: 2.6vw;
    }

    .footerSocials li a {
        font-size: 5vw;
    }

    .footerSocials li {
        padding: 0 3vw;
    }

    .footerSocials li:last-child {
        padding: 0 0 0 3vw;
    }

    .aboutIntro p {
        font-size: 7vw;
        margin: 0 0 20vw;
        text-align: left;
    }

    .aboutImgPadding {
        padding: 0vw;
    }

    .aboutVideoLink {
        padding: 3vw 0 0;
    }

    .aboutCols h3 {
        font-size: 21vw;
        margin: 0 0 15vw;
    }

    .aboutCols ul {
        margin: 0 0 5vw;
    }

    .aboutTextCarousel h4 {
        font-size: 9vw;
        margin: 0 0 10vw;
    }

    .aboutTextCarousel {
        padding: 15vw 0 20vw;
    }

    .aboutTextCarouselContainer {
        padding: 10vw 0 0 0%;
    }

    .textCarouselInfo p.textCarouselBigTitle {
        font-size: 9vw;
        margin: 0 0 5vw;
    }

    .aboutTextCarouselContainer span {
        font-size: 3.6vw;
        margin: 0 0 4vw;
    }

    .textCarouselInfo p {
        font-size: 3.8vw;
    }

    .teamScroll h4 {
        font-size: 7vw;
    }

    .teamScrollContainer {
        padding: 15vw 0 0 0%;
    }

    .blogCarouselBlog .blogCarouselThumb {
        height: 100vw;
    }

    .blogCarouselText p {
        font-size: 5vw;
        min-height: auto;
    }

    .page-template-page-about .intBannerText .intBannerTitle {
        font-size: 10vw;
        line-height: 1.2;
        text-align: left;
        padding: 0 0 0 30px;
    }

    .aboutCols .row {
        flex-direction: column;
        gap: 10vw;
    }

    .aboutCols ul li {
        font-size: 5vw;
        line-height: 2.5;
        border-bottom: 1px solid #888;
    }

    .aboutCols h4 {
        font-size: 14vw;
    }

    .aboutColsBG {
        right: 0%;
    }

    .aboutCols {
        padding: 30vw 0;
    }

    .aboutTextCarousel .col-md-6.col-12 p {
        width: 100%;
    }

    .textCaroBTN {
        bottom: -10vw !important;
    }

    .serviceInfoSection .carousel-indicators {
        display: none;
    }

    .serviceInfoSection .container {
        padding: 0 15px;
    }

    .serviceInfoContainer h3 {
        font-size: 10vw;
        padding: 0 0 0 15px;
        margin: 0 0 8vw;
    }

    .serviceInfoContainer p {
        width: 100%;
        padding: 0 15px;
    }

    .serviceInfoSection .slashNum {
        font-size: 4vw;
        top: 27vw;
        left: 7%;
    }

    .carouselArrows {
        top: -19vw;
        right: 15%;
    }

    .page-template-page-service .aboutIntro p {
        font-size: 7vw;
        margin: 0 0 15vw;
        text-align: left;
    }

    .page-template-page-service .aboutVideoLink p,.page-template-page-service .aboutVideoLink:focus p,.page-template-page-service .aboutVideoLink:visited p {
        font-size: 4vw;
        margin: 10vw 0 0;
    }

    .serviceInfoSection {
        padding: 45vw 0 30vw;
    }

    .serviceProjects h4 {
        font-size: 4vw;
    }

    .projectFooterLinks a,.projectFooterLinks a:visited,.projectFooterLinks a:focus {
        font-size: 3.4vw;
    }

    .serviceTopBanner {
        padding: 220px 0 18vw;
    }

    .page-template-page-service .serviceTopBanner,.page-template-page-top_service .serviceTopBanner {
        padding: 220px 0 0;
    }

    .serviceTopBanner h1 {
        font-size: 4vw;
    }

    .serviceTopBanner .hsub {
        font-size: 9vw;
        width: 100%;
        margin: 20px 0 0;
    }

    .serviceBannerIntro p {
        width: 100%;
        margin: 0 auto;
    }

    .serviceAccordians h3 {
        font-size: 6vw;
        text-align: left;
        width: 100%;
        margin: 0 0 20vw;
    }

    .accordianTitle p svg {
        height: 6vw;
        width: 6vw;
    }

    .serviceAccordiansWrapper .serviceAccordianButton {
        padding: 8vw 0;
    }

    .serviceAccordians {
        position: relative;
        padding: 0 0 25vw;
    }

    .container {
        padding: 0 30px;
    }

    .workHomeIntro {
        display: none;
    }

    .parallelWorkImg {
        display: none;
    }

    .workImages .workImgPlacement {
        width: 100%;
        padding: 0 30px;
    }

    .workImages {
        margin: 0vw 0 0;
    }

    .workContainer:nth-child(even) .workImages {
        text-align: left;
        margin: 0vw 0 0;
    }

    .servSingleLongImage .longImageContent ol li,.servSingleLongImage .longImageContent ul li {
        font-size: 3.5vw;
        line-height: 2;
        font-weight: 400;
    }

    .servSingleContent h2 {
        font-size: 7vw;
        margin: 0 0 10vw;
    }

    .servSingleLongImage h3 {
        font-size: 4.8vw;
    }

    .page-template-page-top_service .servSingleLongImage .longImageContent h2 {
        font-size: 12vw;
    }

    .page-template-page-top_service-v2 .servSingleLongImage .longImageContent h2 {
        font-size: 12vw;
    }

    .servSingleLongImage .longImageContent h2 {
        font-size: 6.4vw;
        margin: 10vw 0;
    }

    .servSingleLongImage .longImageContent h3 {
        font-size: 7vw;
        margin: 10vw 0;
    }

    .servSingleLongImage .longImageContent h4 {
        font-size: 6vw;
        margin: 8vw 0;
    }

    .servSingleLongImage .longImageContent h5 {
        font-size: 5.8vw;
        margin: 8vw 0;
    }

    .servSingleLongImage .longImageContent h6 {
        font-size: 5.6vw;
        margin: 8vw 0;
    }

    .servSingleLongImage .longImageContent a,.servSingleLongImage .longImageContent a:visited,.servSingleLongImage .longImageContent a:focus,.singleContentLink a,.singleContentLink a:visited,.singleContentLink a:focus {
        font-size: 4.4vw;
        line-height: 2.6;
    }

    .workHomeIntro a,.workHomeIntro a:focus,.workHomeIntro a:visited {
        font-size: 4.4vw;
    }

    .serviceSingleIntro ul {
        margin: 0 0 8vw;
        list-style: none;
    }

    .serviceSingleIntro ul li {
        font-size: 3.7vw;
        line-height: 2;
        font-weight: 400;
        color: var(--white) !important;
    }

    .page-template-page-service_single .serviceTopBanner .serviceBannerBg {
        height: 80%;
    }

    .aboutCols.servSingleField h4 {
        font-size: 4.8vw;
    }

    .accordianTitle p {
        font-size: 6vw;
    }

    .intBannerText {
        left: 0;
    }

    .singleBlogPageWrapper p {
        font-size: 18px;
    }

    .singleBlogContainer h2 {
        font-size: 30px;
        margin: 30px 0 20px;
    }

    .singleBlogContainer h3 {
        font-size: 28px;
        margin: 30px 0 20px;
    }

    .singleBlogContainer h4 {
        font-size: 26px;
        margin: 30px 0 20px;
    }

    .singleBlogContainer h5 {
        font-size: 26px;
        margin: 30px 0 20px;
    }

    .singleBlogContainer h6 {
        font-size: 24px;
        margin: 30px 0 20px;
    }

    .singleBlogContainer blockquote p {
        font-size: 24px;
    }

    div#colored .sliderBTN {
        width: 40px;
        height: 40px;
    }

    .blogAuthorFooter a .blogAuthorName {
        font-size: 24px;
        font-weight: 400;
        line-height: 1.4;
        margin: 5px 0;
        color: var(--flyblack);
    }

    #ffcblog article:nth-child(1) {
        padding: 0 3vw 20vw 3vw;
    }

    #ffcblog article {
        padding: 20vw 3vw;
    }

    .contactDetWrapper {
        margin-left: 0;
    }

    .contactDetBox p {
        font-size: 3.5vw;
        line-height: 2;
    }

    .contactDetBox a,.contactDetBox a:visited,.contactDetBox a:focus {
        line-height: 2;
        font-size: 3.5vw;
    }

    .contactFormLinks a,.contactFormLinks a:visited,.contactFormLinks a:focus {
        font-size: 6vw;
    }

    .contactTopSection h1 {
        font-size: 10vw;
        margin: 0 0 15vw;
    }

    .contactFormLinks {
        margin: 0 0 15vw;
        position: relative;
    }

    .singleMiddle img {
        height: 70vw;
        margin: 6vw 5vw;
    }

    .doublePortrait .doublePortraitImage img {
        height: 58vw;
        width: auto;
    }

    .doubleLandscape .doubleLandscapeImage img {
        height: 38vw;
    }

    .doubleLandscape .doubleLandscapeImage:nth-child(2) {
        margin: 0 5vw 0 -20vw;
    }

    .doubleLandscape .doubleLandscapeImage:nth-child(1) {
        margin: 0 5vw;
    }

    .doublePortrait .doublePortraitImage:nth-child(1) {
        margin: 0 5vw;
    }

    .doublePortrait .doublePortraitImage:nth-child(2) {
        margin: 0 5vw;
    }

    .imageScroll {
        padding: 0 0 80px;
    }

    .imageScrollMain {
        animation: scrolling 30s linear infinite;
    }

    .serviceTopBanner .serviceBannerBg {
        height: 55%;
    }

    .page-template-page-service .serviceTopBanner .serviceBannerBg,.page-template-page-top_service .serviceTopBanner .serviceBannerBg {
        height: 55%;
    }

    .ffcLogo {
        top: 45px;
        left: 30px;
        width: 150px;
    }

    .page-template-page-top_service .servSingleLongImage .longImageContent ul li a,.page-template-page-top_service .servSingleLongImage .longImageContent ul li a:visited,.page-template-page-top_service .servSingleLongImage .longImageContent ul li a:focus {
        font-size: 5vw;
        padding: 3.5vw 7vw;
        border-radius: 10vw;
    }

    .page-template-page-top_service .servSingleLongImage .longImageContent ul li {
        margin: 0vw 4vw 6vw 0;
    }

    .page-template-page-top_service .servSingleLongImage .longImageContent ul {
        margin: 15vw 0 0;
    }

    .page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li a,.page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li a:visited,.page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li a:focus {
        font-size: clamp(18px,3vw,24px);
        padding: 15px 30px;
        border-radius: 10vw;
    }

    .page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul li {
        margin: 0vw 20px 20px 0;
    }

    .page-template-page-top_service-v2 .servSingleLongImage .longImageContent ul {
        margin: 50px 0 0;
    }

    .page-template-page-service .doubleParaImg {
        padding: 0 0 15vw;
    }

    .homeIntro {
        padding: 30vw 0;
    }

    .homeIntroRow {
        margin: 10vw 0 0;
    }

    .compressedcolLeft {
        margin: 0 0 10vw;
    }

    .workSec {
        padding: 30vw 0;
    }

    .homeIntro.homeServiceWrapper {
        padding: 30vw 0;
    }

    .homeIntro.homeServiceWrapper.homeService24 {
        padding: 0;
    }

    .homeServiceCols ul {
        margin: 0 0 17vw;
    }

    .homeServiceCols .homeUlSelector:nth-child(3) ul,.homeServiceCols .homeUlSelector:nth-child(4) ul {
        margin: 0;
    }

    .scrollWrap {
        display: none;
    }

    .topFooter {
        padding: 20vw 0;
        text-align: left;
    }

    .page-template-page-top_service .servSingleField {
        padding: 0px 0 30vw !important;
    }

    .contactTopSection2 {
        width: 100%;
        margin: 0 auto;
    }

    .aboutIntro {
        padding: 20vw 0 0;
    }

    .overflowParallaxUp.aboutImgPadding {
        display: none;
    }

    .doubleParaImg .showreelCircle {
        top: calc(0% - 15vw);
        width: 30vw;
        left: auto;
        right: calc(0% - 1vw);
    }

    .aboutVideoLink {
        padding: 10vw 0 0;
        justify-content: center;
        text-align: center;
        display: flex;
    }

    .aboutVideoLink p {
        font-size: 4vw;
    }

    .aboutVideoLink img {
        width: 8vw;
        height: 8vw;
        padding: 0;
        margin: 0 4vw 0 0;
    }

    .doubleParaImg {
        padding: 25vw 0 20vw;
    }

    .teamScroll {
        padding: 30vw 0;
    }

    .aboutImgProjectLink .overflowParallaxUp {
        display: none;
    }

    .contactTopSection {
        padding: 200px 0 30vw;
    }

    [data-aos="containedVideoPadding"].aos-animate {
        padding: 0vw 0%;
    }

    .showDesktop {
        display: none;
    }

    .showMobile {
        display: block;
    }

    .caseLanding .caseLandingText h1 {
        font-size: 4vw;
        margin: 0 0 3vw;
    }

    .caseLanding .caseLandingText {
        bottom: auto;
        top: 40%;
    }

    .caseLanding .caseLandingText p {
        font-size: 9vw;
    }

    .caseInfo .caseInfoBox p {
        font-size: 3.5vw;
        line-height: 2;
        text-align: left;
    }

    .caseInfo .caseInfoBox {
        text-align: left;
    }

    .single-case_study .homeIntroRow {
        padding: 0px 15px;
    }

    .boldText {
        font-size: 7vw;
    }

    .single-case_study .homeIntroRow .compressedcolRight p {
        line-height: 2;
        margin: 0 0 10vw;
    }

    .homeIntroRow a,.homeIntroRow a:visited,.homeIntroRow a:focus {
        font-size: 5.6vw;
    }

    .caseContainer ul {
        margin: 5vw 0 0;
        text-align: left;
        display: none;
    }

    .caseContainer ul li {
        display: block;
    }

    .caseContainer ul li span {
        font-size: 3.5vw;
        font-weight: 400;
        border-right: 0;
        padding: 0 0 3vw;
    }

    .caseNavHelp {
        display: none;
    }

    .caseContainer .caseImageBox {
        height: 50vh;
        margin-bottom: 20vw;
    }

    .caseContainer ul li:last-child span {
        padding: 0;
    }

    .caseContainer .caseText h4 {
        font-size: 6vw;
        margin: 0 0 5vw;
    }

    .single-case_study .sideMessage {
        display: none;
    }

    .projectListItem {
        height: 55vw;
    }

    .projectHoverOverlay p {
        font-size: 3vw;
    }

    .projectsBody {
        padding: 20vw 7%;
    }

    .caseLandingBigTitle {
        display: none;
    }

    .page-template-page-home .compressedcolLeft {
        display: none;
    }

    .page-template-page-home .homeServiceWrapper .compressedcolLeft {
        display: block;
    }

    .workContainer:nth-child(even) .bigOpacityTitle {
        left: -2vw;
        right: auto;
    }

    .page-template-page-service .aboutImgProjectLink {
        margin: 5vw 0;
    }

    .serviceHeaderContainer {
        max-width: 100%;
        padding: 0;
    }

    .serviceHeaderContainer {
        max-width: 100%;
        padding: 0;
    }

    .contentFeatures h6 {
        font-size: 5.6vw;
        margin: 15vw 0 6vw !important;
    }

    .contentFeatures .contentColPadding:nth-child(1) h6 {
        margin: 0 0 6vw !important;
    }

    .contentFeatures h3 {
        font-size: 7vw;
        margin: 0 0 20vw;
    }

    .contentFeatures p {
        margin: 0;
    }

    .contentFeatures {
        padding: 20vw 0 18vw;
    }

    .numberedFeatures {
        padding: 20vw 0;
    }

    .numberedFeatures h3 {
        font-size: 5.6vw;
        margin: 0 0 8vw;
    }

    .numberedFeatures ul {
        column-count: 1;
        column-gap: 0px;
    }

    .numberedFeatures ul li {
        font-size: 4vw;
        padding: 3vw 0;
    }

    .numberedFeatures ul li::before {
        margin-right: 2vw;
        font-size: 2.6vw;
    }

    .caseProjectModal {
        bottom: 9vw;
    }

    .aboutCols .container {
        max-width: 100%;
        padding-right: 30px;
    }

    .workContainer .container {
        max-width: 100%;
    }

    .workBigImg {
        height: 120vw;
        width: 100%;
    }

    .workTitle {
        margin: 0;
    }

    .workText {
        margin: 0 0 -4vw;
    }

    .workSec24 .workText {
        overflow: hidden;
    }

    .workSec24 .workText {
        margin: 0;
    }

    .workSec24 .workBigImg {
        height: 80vw;
    }

    .workSec24 .workText h3 {
        font-size: 40px;
    }

    .workSec24 .bigOpacityTitle {
        display: none;
    }

    .workSec24 .workPills {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        list-style: none;
        margin: 0;
    }

    .workSec24 .workPills li {
        padding: 0 10px 0 0;
        margin: 0 0 10px;
        overflow: hidden;
    }

    .workSec24 .workPills li span {
        color: #838383;
        border: 1px solid #838383;
        padding: 10px;
        text-transform: uppercase;
        font-size: clamp(10px,1vw,20px);
        border-radius: 50px;
        display: block;
    }

    .subsubtag a,.subsubtag a:visited,.subsubtag a:focus {
        font-size: 6vw;
    }

    .serviceProjects.servSingleField .serviceProjectsContainer {
        padding: 0;
    }

    #servSingleSections .servSingleField {
        padding: 0 0 25vw !important;
    }

    #servSingleSections .servSingleField.darkBg {
        padding: 25vw 0 !important;
        margin: 0 0 25vw;
    }

    #servSingleSections .servSingleField .aboutImgPadding {
        padding: 0;
    }

    .contentColPadding {
        padding: 0px 15px;
    }

    .projectForm .gform_wrapper .top_label .gfield_label {
        font-size: 5vw;
        margin: 0 0 4vw;
    }

    .startProjectWrap .darkBg {
        padding: 150px 0 12vw;
        margin: 0;
    }

    .startProjectWrap h1 {
        font-size: 9vw;
        margin: 0;
    }

    .projectForm .gform_wrapper ul.gfield_checkbox li label {
        font-size: 4vw;
        padding: 3vw 5vw;
    }

    .projectForm input,.projectForm textarea {
        padding: 3vw 0 !important;
        font-size: 4vw !important;
        margin: 0 0 5vw !important;
    }

    .projectForm input::placeholder,.projectForm textarea::placeholder {
        font-size: 4vw;
    }

    .projectForm .gform_wrapper .gform_footer input.button,.gform_wrapper .gform_footer input[type=submit],.projectForm .gform_wrapper .gform_footer input.button:focus,.gform_wrapper .gform_footer input[type=submit]:focus,.projectForm .gform_wrapper .gform_footer input.button:visited,.gform_wrapper .gform_footer input[type=submit]:visited {
        font-size: 6vw !important;
        padding: 1vw 0 !important;
    }

    .projectForm .gform_wrapper ul.gfield_checkbox li {
        display: inline-block;
        padding: 0 3vw 0 0 !important;
        margin: 0;
    }

    .projectForm .gform_wrapper ul.gform_fields li.gfield#field_1_1 {
        margin: 0 0 10vw;
    }

    .startProjectFormContainer .container {
        padding: 0 5vw;
    }

    .frame {
        height: 70vh;
    }

    #servSingleSections .servSingleField.darkBg .container {
        padding-right: 30px;
    }

    #servSingleSections .servSingleField .textCarouselInfo p.textCarouselBigTitle {
        font-size: 9vw;
        margin: 0px 0 5vw;
    }

    #servSingleSections .doubleParaImg h3 {
        font-size: 7vw;
        margin: 0px 0 15vw;
    }

    #servSingleSections .aboutVideoLink p {
        font-size: 5vw;
    }

    #servSingleSections .aboutVideoLink {
        padding: 5vw 0 10vw;
        justify-content: end;
    }

    #servSingleSections .aboutProjectsLink p {
        font-size: 5vw;
    }

    .serviceProjects.servSingleField .serviceProjectsContainer {
        padding: 0 30px;
    }

    .caseShowcase .swiper-container {
        padding: 0 30px;
    }

    .mockupCarousel {
        padding: 80px 0;
    }

    .mockupCarouselWrap {
        padding: 0 30px;
    }

    .caseInfo .caseInfoBox.casePaddLeft {
        padding-left: 0;
    }

    .caseInfo {
        padding-top: 90px;
        padding-bottom: 20px;
    }

    .intBannerText .intBannerSub {
        font-size: 3.3vw;
        margin-bottom: 0;
        padding: 0 0 0 32px;
    }

    .intBannerText .intBannerSubBox {
        margin-bottom: 10px;
    }

    .prevPostWrap p {
        font-size: 18px;
        margin-bottom: 60px;
    }

    .prevPostWrap p.prevSmallTitle {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .prevPostWrap p.prevBigTitle {
        font-size: 38px;
    }

    .blogFeaturedItem .blogLandThumb img {
        height: 100vw;
    }

    .blogFeaturedItem h2 {
        font-size: 20px;
    }

    .blogLandingWrapSmall .card-columns {
        column-count: 1;
        column-gap: 0;
    }

    .blogLandingWrapSmall .card-columns .card {
        margin: 0 0 30px;
        flex: 0 0 100%;
        padding: 0;
    }

    .smallBlogItem h3 {
        font-size: 20px;
        margin: 20px 0;
    }

    .smallBlogItem .smallBlogThumb img {
        height: 100vw;
    }

    .page-template-page-home23 .homeIntro h2.bigBoldTitle {
        display: none;
    }

    .mobileLinkHid {
        display: block;
        margin: 40px 0 0;
    }

    .workSec24 .section-scroll p {
        font-size: 5rem;
    }

    .homeAlignRight div {
        display: none;
    }

    .homeServiceWrapper .homeIntroRow .mobileLinkHid {
        display: block;
        margin: 50px 0 0;
    }

    .page-template-page-top_service .serviceCaseLink img {
        height: auto;
    }
}

@media screen and (max-width: 591px) {
    .landingArrow {
        display:none;
    }

    .mobileLandingArrow {
        display: block;
    }

    #menu-main {
        display: none;
    }

    .hidden-xl {
        display: none !important;
    }

    .landingTest .sideMessage {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .projectListItem {
        height:75vw;
    }

    .projectHoverOverlay p {
        font-size: 6vw;
    }

    .caseWrapper .container {
        padding: 0 20px;
    }

    ul.footerTopList li {
        display: block !important;
        padding: 5px 0;
    }
}

@media screen and (max-width: 500px) {
    .landingTest .landingTextBox {
        margin:0;
    }

    .landingTest .bannertext .banner-sml {
        font-size: 14px;
        text-align: center;
        margin: 20px 0 0;
        line-height: 24px;
        display: block;
    }

    .landingTest .landingServices .landingServiceBox {
        padding: 60px 20px;
    }

    .landingTest .mobileVideoLink {
        overflow: hidden;
    }
}

.splash-cont {
    background: var(--flyblack);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999999;
    pointer-events: none;
    user-select: none;
    transition: .6s ease-in-out;
}

.splash-cont svg {
    width: 15vw;
    height: 15vw;
    min-width: 60px;
    min-height: 60px;
    max-width: 120px;
    max-height: 120px;
}

.splash-cont.hide {
    top: -100%;
}

@media screen and (max-width: 991px) {
    .splash-cont {
        display:none !important;
        opacity: 0;
        position: absolute;
    }
}

.splash-out {
    position: fixed;
    z-index: 999999999999999;
    height: 100vh;
    width: 100vw;
    background: var(--flyblack);
    top: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .6s ease-in-out;
    pointer-events: none;
    user-select: none;
}

.splash-out #splashLogo {
    width: 15vw;
    height: 15vw;
    min-width: 60px;
    min-height: 60px;
    max-width: 120px;
    max-height: 120px;
}

.splash-out.active {
    top: 0;
    transition: .6s ease-in-out;
}

@media screen and (max-width: 991px) {
    .splash-out {
        display:none !important;
        opacity: 0;
    }
}

.roundBTN {
    padding: 25px 45px !important;
    border-radius: 100px !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    cursor: pointer !important;
    font-size: clamp(16px,1vw,20px) !important;
    overflow: hidden !important;
    font-weight: 400 !important;
    margin: 15px 0 0;
    background: #fff !important;
    color: #0d0d0d !important;
    border: 1px solid #0d0d0d !important;
    transition: .4s;
}

.roundBTN svg {
    width: 15px;
    height: 15px;
    z-index: 1;
    margin: 0 0 0 10px;
    transform: rotate(0deg);
    transition: .5s;
}

.roundBTN svg path {
    fill: #0d0d0d;
}

.roundBTN:focus,.roundBTN:visited {
    text-decoration: none;
    color: #0d0d0d;
}

.roundBTN.whiteBTN {
    background: #0d0d0d !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    position: relative;
    z-index: 1;
}

.roundBTN.whiteBTN svg path {
    fill: #fff;
}

.roundBTN.whiteBTN:hover {
    background-color: #fff !important;
    border: 1px solid white !important;
}

.roundBTN.whiteBTN:hover span span {
    transform: translateY(-100%);
}

.roundBTN.whiteBTN:hover span:after {
    transform: translateY(0);
    color: #0d0d0d !important;
}

.roundBTN span {
    position: relative;
    overflow: hidden;
}

.roundBTN span span {
    transition: .4s;
    transform: translateY(0);
    display: block;
}

.roundBTN span:after {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(100%);
    transition: .4s;
}

.roundBTN:hover {
    background-color: #0d0d0d !important;
    border: 1px solid white !important;
}

.roundBTN:hover span span {
    transform: translateY(-100%);
}

.roundBTN:hover span:after {
    transform: translateY(0);
    color: #fff !important;
}

@media screen and (max-width: 991px) {
    .roundBTN {
        padding:20px 40px !important;
    }
}

.workSec24-v2 .workContainer.workAlt .container {
    position: relative;
}

.workSec24-v2 .workContainer.workAlt .workText {
    padding: 0;
    position: relative;
    overflow: visible;
}

.workSec24-v2 .workContainer.workAlt .workText .workTitle {
    padding: 0 30px 0 59vw;
    overflow: hidden;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.workSec24-v2 .workContainer.workAlt .workText .workTitle h3 {
    text-align: left;
}

.workSec24-v2 .workContainer.workAlt .workText .workTitle ul {
    padding: 0;
}

.workSec24-v2 .workContainer.workAlt .workImages {
    margin: 8vw 0 0;
}

@media screen and (max-width: 991px) {
    .workSec24-v2 .workContainer.workAlt .workText .workTitle {
        padding:0;
        overflow: hidden;
        position: relative;
        top: auto;
        left: auto;
    }

    .workSec24-v2 .workContainer.workAlt .workImages {
        margin: 0;
    }
}

.page-template-page-home24 .workSec24-v3 {
    padding: 8vw 0 0 !important;
    background-color: white;
    position: relative;
}

.page-template-page-home24 .workSec24-v3 .sectionTitle {
    position: sticky;
    top: 8vw;
    z-index: 0;
    padding-bottom: 20vw;
    padding-top: 10vw;
    width: 80%;
    margin: 0 auto;
}

.page-template-page-home24 .workSec24-v3 .sectionTitle h2 {
    color: #0d0d0d;
    font-size: clamp(60px,11vw,200px);
    text-align: center;
}

.page-template-page-home24 .workSec24-v3 .sectionTitle h2 sup {
    opacity: .4;
    font-size: 4.2vw;
    top: -1.4em;
    left: 0;
}

@media screen and (max-width: 991px) {
    .page-template-page-home24 .workSec24-v3 .sectionTitle {
        top:30vw;
        padding-bottom: 30vw;
    }
}

.page-template-page-home24 .workSec24-v3 .workWrapper {
    padding: 5vw 0 0;
    overflow: hidden;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    background-color: var(--flyblack);
}

.page-template-page-home24 .workSec24-v3 .workWrapper .workContainerWrap {
    position: relative;
}

@media screen and (max-width: 991px) {
    .page-template-page-home24 .workSec24-v3 .workWrapper {
        padding:12vw 0 0;
    }
}

@media screen and (min-width: 991px) {
    .page-template-page-home24 .workSec24-v3 .container {
        width:70%;
    }
}

@media screen and (max-width: 991px) {
    .page-template-page-home24 .workSec24-v3 {
        padding:20vw 0 0 !important;
    }
}

.page-template-page-home24 .workSec24-v3 .workContainer {
    padding: 0 0 6vw;
    background-color: #0d0d0d;
}

.page-template-page-home24 .workSec24-v3 .workContainer .workImages {
    text-align: center;
    margin: 0;
}

.page-template-page-home24 .workSec24-v3 .workContainer .workImages .workImgPlacement {
    width: 100%;
    padding: 0;
}

.page-template-page-home24 .workSec24-v3 .workContainer .workImages .workImgPlacement .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    pointer-events: all;
}

.page-template-page-home24 .workSec24-v3 .workContainer .workImages .workImgPlacement .videoMobile {
    display: none;
}

@media screen and (max-width: 991px) {
    .page-template-page-home24 .workSec24-v3 .workContainer .workImages .workImgPlacement .videoMobile {
        display:block;
        height: 50vw;
    }
}

@media screen and (max-width: 768px) {
    .page-template-page-home24 .workSec24-v3 .workContainer .workImages .workImgPlacement .videoMobile {
        height:90vw;
    }
}

.page-template-page-home24 .workSec24-v3 .workContainer .workImages .workImgPlacement .videoDesktop {
    display: block;
    height: 40vw;
}

@media screen and (max-width: 991px) {
    .page-template-page-home24 .workSec24-v3 .workContainer .workImages .workImgPlacement .videoDesktop {
        display:none;
    }
}

.page-template-page-home24 .workSec24-v3 .workContainer .workImages .workImgPlacement iframe {
    width: 100%;
    height: 100%;
}

.page-template-page-home24 .workSec24-v3 .workContainer .workImages .workImgPlacement .workPills {
    display: flex;
    position: absolute;
    bottom: 15px;
    left: 0;
    flex-wrap: wrap;
    padding: 0;
    padding-left: 1vw;
    list-style: none;
    margin: 0;
    z-index: 1;
}

.page-template-page-home24 .workSec24-v3 .workContainer .workImages .workImgPlacement .workPills li {
    padding: 0 10px 0 0;
    margin: 0 0 10px;
    overflow: hidden;
}

.page-template-page-home24 .workSec24-v3 .workContainer .workImages .workImgPlacement .workPills li span {
    color: #fff;
    border: 1px solid #fff;
    padding: 15px 25px;
    font-size: clamp(10px,1vw,20px);
    border-radius: 50px;
    display: block;
}

@media screen and (max-width: 768px) {
    .page-template-page-home24 .workSec24-v3 .workContainer .workImages .workImgPlacement .workPills li span {
        padding:5px 10px !important;
    }
}

@media screen and (max-width: 768px) {
    .page-template-page-home24 .workSec24-v3 .workContainer .workImages .workImgPlacement .workPills {
        bottom:10px;
        left: 5px;
    }
}

.page-template-page-home24 .workSec24-v3 .workContainer .workText {
    padding: 2vw 0 0;
}

.page-template-page-home24 .workSec24-v3 .workContainer .workText .workTitle {
    margin: 0 0 2vw;
}

.page-template-page-home24 .workSec24-v3 .workContainer:nth-child(even) .workImages {
    margin: 0;
}

.page-template-page-home24 .workSec24-v3 .workContainer:nth-child(even) .workText h3 {
    text-align: left;
}

.page-template-page-home24 .workSec24-v3 .workBtn {
    overflow: hidden;
    position: relative;
    text-align: center;
    background-color: var(--flyblack);
    padding: 0 0 10vw;
}

@media screen and (max-width: 991px) {
    .page-template-page-home24 .workSec24-v3 .workBtn {
        padding:5vw 0 30vw;
    }
}

.workLink .workImgPlacement {
    overflow: hidden;
}

.workLink .workImgPlacement .cardScrollWrap {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    transition: .5s;
    transform: translate(0,-50%);
    mix-blend-mode: difference;
    z-index: 99;
}

.workLink .workImgPlacement .cardScrollWrap .cardScrollMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: fit-content;
    position: relative;
    animation: scrolling 20s linear infinite;
}

.workLink .workImgPlacement .cardScrollWrap .cardScrollMain .textScroll {
    flex-shrink: 0;
    white-space: nowrap;
    align-items: center;
    height: auto;
    display: flex;
    position: relative;
    width: max-content;
}

.workLink .workImgPlacement .cardScrollWrap .cardScrollMain .textScroll p {
    font-size: clamp(40px,9vw,150px);
    padding: 0 1.5vw 0 0;
    font-weight: 500;
    margin: 0;
    color: #fff;
    line-height: 1;
}

.workLink:hover .workImgPlacement .cardScrollWrap {
    opacity: 1;
}

.showreelWrap {
    position: relative;
    overflow: hidden;
    height: 100dvh;
}

.showreelWrap .showreelHome {
    width: 80%;
    height: 90dvh;
    margin: 0 auto;
    display: block;
    transition: .4s;
    transition: .7s;
    position: relative;
    opacity: 1;
    z-index: 1;
    overflow: hidden;
    -webkit-clip-path: polygon(23% 13%,77% 13%,77% 85%,23% 85%);
    clip-path: polygon(23% 13%,77% 13%,77% 85%,23% 85%);
}

.showreelWrap .showreelHome video {
    width: 100%;
}

.showreelWrap .showreelHome iframe {
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh;
}

.showreelWrap .showreelHome .playButton {
    display: none;
}

.showreelWrap .showreelHome .overlay-vid3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.1);
    z-index: 1;
    width: 100%;
    height: 90dvh;
    margin: 0 auto;
    transition: .7s;
}

.showreelWrap .showreelModal {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    transform: translateX(-50%);
    object-fit: cover;
    transition: width .7s,opacity .2s;
    z-index: 0;
    opacity: 0;
}

.showreelWrap .showreelModal .closeButton {
    display: none;
}

.showreelWrap .showreelModal iframe {
    height: 100%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    width: 100%;
    transition: .9s;
}

.showreelWrap.playing .showreelHome {
    opacity: 0;
}

.showreelWrap.playing .showreelHome .overlay-vid3 {
    display: none;
}

.showreelWrap.playing .showreelModal {
    position: fixed;
    top: 0;
    opacity: 1;
    width: 100%;
    z-index: 99999999;
    height: 100%;
}

.showreelWrap.playing .showreelModal .modalOverlay {
    background-color: #000;
    opacity: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: all;
}

.showreelWrap.playing .showreelModal iframe {
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh;
}

@media screen and (max-width: 991px) {
    .showreelWrap {
        height:45dvh;
        min-height: 400px;
    }

    .showreelWrap .showreelHome {
        height: 100%;
        width: 90%;
    }

    .showreelWrap .showreelHome video {
        height: 100%;
        object-fit: cover;
    }

    .showreelWrap .showreelHome .playButton {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: rgba(0,0,0,.8);
    }

    .showreelWrap .showreelHome .playButton p {
        margin: 0;
        font-size: 25px;
    }

    .showreelWrap .showreelModal .modalOverlay {
        position: fixed;
        opacity: 0;
    }

    .showreelWrap.playing .showreelModal {
        height: 100dvh;
    }

    .showreelWrap.playing .showreelModal video {
        position: absolute;
        top: 40% !important;
        z-index: 1;
    }

    .showreelWrap.playing .showreelModal iframe {
        top: 50%;
        left: 0;
        z-index: 1;
        transform: translate(0,-50%);
        height: auto;
        width: auto;
        user-select: none;
        pointer-events: none;
    }

    .showreelWrap.playing .showreelModal .closeButton {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 99999999999;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        background: var(--flyblack);
    }

    .showreelWrap.playing .showreelModal .closeButton p {
        font-size: 15px;
    }

    .showreelWrap.playing .showreelModal .closeButton svg {
        width: 15px;
        height: 15px;
    }

    .showreelWrap.playing .showreelModal .closeButton svg path {
        fill: #fff;
    }

    .showreelWrap.playing .showreelModal .modalOverlay {
        background-color: #000;
        opacity: .9;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 0;
    }
}

@media screen and (max-width: 768px) {
    .page-template-page-home24 .banner-scroll-text {
        width:80%;
    }
}

@media screen and (orientation: landscape) and (max-width: 991px) {
    .showreelWrap.playing .showreelModal {
        height:100dvh;
    }

    .showreelWrap.playing .showreelModal video {
        position: absolute;
        top: 0 !important;
        z-index: 1;
    }

    .showreelWrap.playing .showreelModal iframe {
        height: 56.25vw;
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        transform: translate(-50%,-50%);
        position: absolute;
        top: 50%;
        width: 177.77777778vh;
    }

    .showreelWrap.playing .showreelModal .closeButton {
        top: 15px;
    }

    .showreelWrap.playing .showreelModal .modalOverlay {
        background-color: #000;
        opacity: .9;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 0;
    }
}

.bannerBottomText {
    mix-blend-mode: difference;
    color: white;
    width: 20%;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 2rem;
    z-index: 999;
    margin-bottom: 30px;
}

.bannerBottomText h1 {
    font-size: clamp(20px,1.6vw,30px);
    color: #fff;
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .bannerBottomText {
        width:80%;
    }
}

@media screen and (max-width: 768px) {
    #projectHeadBTN {
        display:none !important;
    }
}

.dropdownSec.dropdownSecv2 {
    position: relative;
    overflow: hidden;
    padding: 6vw 0 8vw;
    background: #fff;
}

.dropdownSec.dropdownSecv2 .dropRow {
    display: block;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropHead {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 5vw;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropHead p {
    color: #0d0d0d;
    font-size: clamp(30px,2.8vw,55px);
    line-height: 1.2;
    width: 70%;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap {
    margin: 0;
    padding: 2vw 0 0;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card {
    border: 0;
    margin: 0 !important;
    background: #fff;
    display: inline-flex;
    min-width: 100%;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0;
    position: relative;
    z-index: 2;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card:nth-child(1) {
    border-top: 1px solid #d9d9d9;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header {
    border-radius: 0;
    background: transparent;
    padding: 0;
    border: 0;
    position: relative;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header a {
    padding: 50px 0;
    display: flex;
    color: #0d0d0d;
    font-size: clamp(40px,5vw,115px);
    margin: 0;
    line-height: 1.4;
    text-decoration: none;
    align-items: center;
    justify-content: space-between;
    cursor: none;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header a span {
    display: flex;
    align-items: center;
    gap: 1.3vw;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header a img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: center;
    border-radius: 100px;
    margin: 0 15px 0 0;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header a svg {
    width: 50px;
    height: 50px;
    transform: rotate(0);
    transition: .5s;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header a svg path {
    fill: #0d0d0d;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header a[aria-expanded="true"] svg {
    transform: rotate(45deg);
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header a:focus {
    outline: 0;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .panel-body {
    padding: 0 170px 60px 0;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .panel-body p {
    color: #0d0d0d;
    font-size: clamp(18px,1.7vw,40px);
    line-height: 1.6;
    margin-bottom: 30px;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .panel-body .btnWrap {
    margin: 30px 0 0;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .panel-body .btnWrap .arrowBTN {
    margin: 0 10px 0 0;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .panel-body ul,.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .panel-body ol {
    margin: 30px 0 0;
    padding: 30px 0 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .panel-body ul li,.dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .panel-body ol li {
    color: #575757;
    margin: 0 10px 10px 0;
    padding: 15px 25px;
    border-radius: 50px;
    font-size: clamp(14px,.9vw,18px);
    background: #eee;
}

@media screen and (max-width: 991px) {
    .dropdownSec.dropdownSecv2 {
        padding:20vw 0 0;
    }

    .dropdownSec.dropdownSecv2 .dropRow .textCol {
        flex: 0 0 100%;
    }

    .dropdownSec.dropdownSecv2 .dropRow .textCol .dropHead {
        flex-direction: column;
    }

    .dropdownSec.dropdownSecv2 .dropRow .textCol .dropHead p {
        width: 100%;
    }

    .dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap {
        padding: 50px 0 0;
    }

    .dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card {
        border-radius: 0;
        padding: 0;
    }

    .dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header a {
        padding: 20px 15px 20px 0px;
        display: flex;
    }

    .dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header a img {
        display: none;
    }

    .dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header a svg {
        width: 15px;
        height: 15px;
    }

    .dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .panel-body {
        padding: 0 55px 20px 0;
    }

    .dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .panel-body ul {
        margin: 0;
        padding: 15px 0 0;
    }

    .dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .panel-body ul li {
        padding: 10px 15px;
    }
}

.pageLandingWrap .dropdownSec.dropdownSecv2 .dropRow .textCol .dropHead {
    margin-bottom: 0;
}

.pageLandingWrap .dropdownSec.dropdownSecv2 .dropRow .textCol .dropHead h2 {
    font-size: clamp(37px,3.5vw,80px);
    line-height: 1.2;
    width: 35%;
}

@media only screen and (max-width: 600px) {
    .pageLandingWrap .dropdownSec.dropdownSecv2 .dropRow .textCol .dropHead h2 {
        width:75%;
    }
}

.pageLandingWrap .dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header a {
    justify-content: flex-start;
    font-size: clamp(23px,5vw,115px);
}

.pageLandingWrap .dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header a span.number {
    font-size: clamp(7px,1vw,20px);
    padding-left: 10px;
    display: block;
    position: relative;
    color: white;
    margin-right: 50px;
    padding: 10px;
    background-color: black;
    border-radius: 100%;
}

.pageLandingWrap .dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .card-header a span:nth-child(2) {
    flex-grow: 1;
}

.pageLandingWrap .dropdownSec.dropdownSecv2 .dropRow .textCol .dropdownWrap .card .panel-body p {
    line-height: 1.4;
    font-size: clamp(14px,1.7vw,40px);
}

.aboutSec {
    padding: 8vw 0;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    background: white;
    margin-top: -3vw;
}

.aboutSec .aboutTextWrap {
    overflow: hidden;
    position: relative;
}

.aboutSec .aboutTextWrap p {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1vw;
    line-height: 1.2;
    width: 70%;
    font-size: clamp(28px,3.5vw,70px);
    color: #0d0d0d !important;
    margin: 0 0 30px;
}

.aboutSec .valuesRow {
    display: flex;
    flex-wrap: wrap;
    padding: 6vw 0;
    margin: 0 -4vw;
}

.aboutSec .valuesRow .valuesCol {
    padding: 0 4vw;
    flex: 0 0 50%;
}

.aboutSec .valuesRow .valuesCol .valuesBox {
    border-bottom: 1px solid #0d0d0d;
    padding: 0 0 50px;
    margin: 0 0 50px;
}

.aboutSec .valuesRow .valuesCol .valuesBox h3 {
    color: #0d0d0d;
    font-size: clamp(28px,2.4vw,38px);
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 15px;
}

.aboutSec .valuesRow .valuesCol .valuesBox p {
    color: #838383;
}

.aboutSec .videoWrap {
    position: relative;
}

.aboutSec .videoWrap video {
    width: 100%;
}

.aboutSec .videoWrap .videoOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.aboutSec .videoWrap .videoOverlay p {
    color: #fff !important;
    font-size: clamp(28px,5vw,90px);
    font-weight: 400;
    line-height: 1;
    margin: 0 0 30px;
}

.aboutSec .videoWrap .videoOverlay .roundBTN {
    background: transparent !important;
}

@media screen and (min-width: 991px) {
    .aboutSec .videoWrap {
        height:100dvh;
    }

    .aboutSec .videoWrap video {
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width: 991px) {
    .aboutSec {
        padding:80px 0;
    }

    .aboutSec .aboutTextWrap p {
        width: 100%;
    }

    .aboutSec .valuesRow {
        display: flex;
        flex-wrap: wrap;
        padding: 60px 0;
        margin: 0;
    }

    .aboutSec .valuesRow .valuesCol {
        padding: 0;
        flex: 0 0 100%;
    }

    .aboutSec .videoWrap .videoOverlay p {
        font-size: clamp(28px,5vw,90px);
    }
}

.textContainerSec {
    position: relative;
    overflow: hidden;
    padding: 8vw 0;
    background: #fff;
}

.textContainerSec h2,.textContainerSec h3 {
    font-family: "ffc2";
    color: #0d0d0d;
    font-size: clamp(30px,4.3vw,82px);
    width: 85%;
    margin-bottom: 2rem;
}

.textContainerSec h2.services_text,.textContainerSec h3.services_text {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1vw;
    row-gap: 10px;
}

@media screen and (max-width: 768px) {
    .textContainerSec {
        padding:20vw 0;
    }

    .textContainerSec h2 {
        width: 100%;
    }
}

.page-template-page-top_service .textContainerSec {
    padding: 11vw 0 8vw 0;
}

.aboutSecv2 {
    padding: 8vw 0;
    border-radius: 40px 40px 0 0;
    background: white;
    overflow: hidden;
    margin: -40px 0 0;
}

.aboutSecv2 .textContainer {
    padding: 3vw;
}

.aboutSecv2 .textContainer h2 {
    font-family: "ffc2";
    color: #0d0d0d;
    font-size: clamp(30px,4.3vw,82px);
    margin-bottom: 2rem;
}

.aboutSecv2 .textContainer h2 span {
    text-decoration: underline;
    text-decoration-thickness: from-font;
}

.aboutSecv2 .section-scrollWrap {
    position: relative;
    padding: 10vw 0;
}

.aboutSecv2 .section-scrollWrap .section-scroll p {
    color: #0d0d0d;
    font-family: "ffc2";
}

.aboutSecv2 .doubleParaImg {
    padding: 4vw 0 6vw;
}

@media screen and (max-width: 768px) {
    .aboutSecv2 {
        padding:4vw 0 20vw;
    }

    .aboutSecv2 .textContainer {
        padding: 10vw 0;
    }

    .aboutSecv2 .section-scrollWrap {
        padding: 30vw 0;
    }
}

.footer24 {
    padding: 5vw 0 0 !important;
}

.footer24 h2 {
    font-size: clamp(50px,9.2vw,170px);
    color: #fff;
    margin-bottom: 4vw;
}

.footer24 .topFooter .container {
    border-top: 1px solid #fff;
    padding-top: 3vw !important;
}

.footer24 .topFooter .container .row {
    justify-content: space-between;
}

.footer24 .topFooter .container .socialContainer {
    display: flex;
    gap: 2vw;
    padding-left: 15px;
}

.footer24 .topFooter .container .socialContainer .footerSocials li {
    padding: 0 !important;
    display: block;
    text-align: left;
    margin: 0 0 15px;
}

.footer24 .topFooter .container .socialContainer .footerSocials li a {
    padding-bottom: 1px;
    border-bottom: 1px solid #fff;
    font-size: clamp(20px,1.5vw,30px) !important;
}

.footer24 .topFooter .container .footerBotttomList li {
    padding: 0 !important;
}

.footer24 .topFooter .container .footerBotttomList li:nth-child(1) {
    padding: 0;
}

.footer24 .topFooter .container .footerBotttomList li a {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .footer24 {
        padding-top:15vw;
    }

    .footer24 h2 {
        padding-top: 5vw;
    }

    .footer24 .topFooter {
        padding: 9vw 0 15vw;
        text-align: left;
    }

    .footer24 .topFooter .container {
        width: 90%;
        padding: 10vw 10px 0 !important;
    }

    .footer24 .topFooter .container .row {
        flex-wrap: nowrap;
        width: 100%;
    }

    .footer24 .topFooter .container .row .col-12 {
        flex: 0 0 30%;
    }

    .footer24 .topFooter .container .socialContainer {
        gap: 4vw;
    }

    .footer24 .topFooter .container .socialContainer .footerSocials {
        margin: 0;
        gap: 3vw;
    }
}

.imgTrailWrap {
    width: 100%;
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.imgTrailWrap .imgTrailText {
    text-align: center;
    position: relative;
    z-index: 99999;
    mix-blend-mode: difference;
}

.imgTrailWrap .imgTrailText h3 {
    color: var(--white);
    text-transform: uppercase;
    font-size: 20vw;
    margin: 0 0 10vw;
    padding: 0;
    font-family: "ffc2";
}

.imgTrailWrap .imgTrailText p {
    font-size: clamp(25px,2.8vw,55px);
    color: white;
    margin-bottom: 0;
    line-height: 1.2;
}

.imgTrailWrap .imgFollow {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    min-height: 200px;
    min-width: 200px;
    height: 20vw;
    width: 20vw;
    max-height: 300px;
    max-width: 300px;
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 768px) {
    .imgTrailWrap .imgFollow {
        display:none;
    }
}

.aboutScrollImgSec {
    height: 470vh;
    position: relative;
}

.aboutScrollImgSec .fixedText {
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
    padding: 10vw 17vw;
    mix-blend-mode: difference;
    color: white;
}

.aboutScrollImgSec .fixedText h2 {
    text-align: center;
    font-size: clamp(28px,3.8vw,78px);
    margin: 0;
    font-family: "ffc2";
}

.aboutScrollImgSec .scrollImg1 {
    position: absolute;
    top: 115vh;
    left: 2vw;
    width: 18vw;
    min-width: 140px;
}

.aboutScrollImgSec .scrollImg2 {
    position: absolute;
    top: 105vh;
    right: 6vw;
    width: 22vw;
    min-width: 160px;
    z-index: 0;
}

.aboutScrollImgSec .scrollImg3 {
    position: absolute;
    top: 200vh;
    left: 33vw;
    width: 35vw;
    min-width: 200px;
}

.aboutScrollImgSec .scrollImg4 {
    position: absolute;
    top: 290vh;
    left: 0;
    width: 30vw;
    min-width: 180px;
    z-index: 0;
}

.aboutScrollImgSec .scrollImg5 {
    position: absolute;
    top: 270vh;
    right: 0;
    width: 25vw;
    min-width: 180px;
}

@media screen and (max-width: 768px) {
    .aboutScrollImgSec {
        height:350vh;
    }

    .aboutScrollImgSec .fixedText {
        height: 65vh;
        padding-top: 60vw;
    }
}

.textCaroBTN {
    position: absolute;
    bottom: -4vw;
    left: 0;
    display: flex;
    list-style: none;
    margin: 0;
    z-index: 9;
    align-items: center;
}

.textCaroBTN li {
    width: 50px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
    border-radius: 100px;
    background: #fff;
    border: 1px solid #0d0d0d;
    transition: .5s;
}

.textCaroBTN li svg {
    height: 20px;
    width: 20px;
}

.textCaroBTN li svg path {
    fill: #0d0d0d;
}

.textCaroBTN li.textCaroNext {
    margin: 0 0 0 15px;
}

.textCaroBTN li.textCaroNext svg {
    transform: rotate(270deg);
}

.textCaroBTN li.textCaroPrev svg {
    transform: rotate(90deg);
}

.textCaroBTN li:hover {
    background: #0d0d0d;
}

.textCaroBTN li:hover svg path {
    fill: #fff;
}

.servicesList {
    padding: 5vw 0;
}

.servicesList .container {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.servicesList .container .leftCol {
    flex: 0 0 35%;
    margin-top: 50px;
}

.servicesList .container .leftCol .textBox {
    position: sticky;
    top: 150px;
    margin-bottom: 100px;
}

.servicesList .container .leftCol .textBox p {
    font-size: clamp(18px,1.6vw,25px);
    color: var(--flyblack);
    margin-bottom: 30px;
    line-height: 1.2;
}

.servicesList .container ul {
    flex: 0 0 55%;
}

.servicesList .container ul li {
    color: var(--flyblack);
    font-size: clamp(25px,7.6vw,120px);
    list-style-type: none;
}

@media screen and (max-width: 991px) {
    .servicesList {
        padding:0 0 80px;
    }

    .servicesList .container {
        flex-wrap: wrap;
        padding: 0;
    }

    .servicesList .container .leftCol {
        flex: 0 0 100%;
        padding: 120px 0px 50px;
        position: sticky;
        top: 0;
        background: white;
    }

    .servicesList .container .leftCol .textBox {
        position: sticky;
        top: 150px;
        margin-bottom: 0px;
    }

    .servicesList .container .leftCol .textBox p {
        font-size: clamp(23px,1.75vw,34px);
    }

    .servicesList .container ul {
        flex: 0 0 100%;
        margin: 100px 0 0;
    }

    .servicesList .container ul li {
        font-size: clamp(48px,7.6vw,120px);
    }
}

.aboutValues {
    margin-top: 10vw;
}

.aboutValues .row {
    justify-content: space-between;
    margin-bottom: 5vw;
}

.aboutValues .row .item {
    max-width: 45%;
}

@media screen and (max-width: 768px) {
    .aboutValues .row {
        flex-direction:column;
        gap: 5vw;
    }

    .aboutValues .row .item {
        max-width: 100%;
    }
}

.flyAwardsSec {
    padding: 0 0 7vw;
}

.flyAwardsSec .awardsHead h2 {
    line-height: 1;
    color: var(--flyblack) !important;
    font-size: clamp(48px,4.5vw,90px);
    position: relative;
    font-weight: 400;
    margin: 0 0 50px;
    padding: 10px 20px 0 0;
    display: inline-block;
}

.flyAwardsSec .awardsHead h2 span {
    font-size: clamp(14px,1.5vw,18px);
    color: var(--flyblack);
    font-weight: 400;
    line-height: 1.8;
    position: absolute;
    top: 0;
    right: 0;
}

.flyAwardsSec .awardsWrap a.awardsRow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 30px 0;
    border-top: 1px solid var(--flyblack);
    position: relative;
    cursor: pointer;
}

.flyAwardsSec .awardsWrap a.awardsRow p {
    font-size: clamp(18px,1.6vw,25px);
    margin: 0;
    color: var(--flyblack);
}

.flyAwardsSec .awardsWrap a.awardsRow .colleft {
    flex: 0 0 45%;
}

.flyAwardsSec .awardsWrap a.awardsRow .colmid {
    flex: 0 0 20%;
}

.flyAwardsSec .awardsWrap a.awardsRow .colright {
    flex: 0 0 35%;
    text-align: right;
}

.flyAwardsSec .awardsWrap a.awardsRow img {
    position: absolute;
    right: 20%;
    top: 50%;
    transform: translateY(-50%);
    width: 250px;
    clip-path: polygon(0 0,100% 0,100% 0,0 0);
    z-index: 9;
    transition: .5s;
}

.flyAwardsSec .awardsWrap a.awardsRow:hover p {
    font-weight: 900 !important;
}

.flyAwardsSec .awardsWrap a.awardsRow:hover img {
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
}

.loopFollow {
    position: fixed;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    pointer-events: none;
    z-index: 999999;
}

.caseFollow {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 20vw;
    height: 20vw;
    display: none;
}

.loopFollow.caseFollow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.caseFollow img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    object-fit: contain;
    object-position: center;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.loopFollow.caseFollow img.active {
    display: block;
    -webkit-animation: caseProjectIncrease .5s ease;
    animation: caseProjectIncrease .5s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes caseProjectIncrease {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes caseProjectIncrease {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.imgZoomWrap {
    position: relative;
    height: 200vh;
}

.imgZoomWrap .textWrap {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.imgZoomWrap .textWrap p {
    font-size: clamp(40px,4.5vw,120px);
    width: 75%;
    line-height: 1.4;
    margin: 0;
    color: var(--flyblack);
}

.imgZoomWrap .textWrap .spacing {
    position: relative;
    width: 10vw;
    min-width: 150px;
    display: inline-block;
    height: 5vw;
    min-height: 70px;
}

.imgZoomWrap .textWrap .img {
    position: absolute;
    width: 10vw;
    min-width: 150px;
    display: inline-block;
    height: 6vw;
    min-height: 110px;
    transform: translateX(-155%);
}

.imgZoomWrap .textWrap .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0;
    position: absolute;
    border-radius: 10px;
}

.serviceScroller {
    display: flex;
}

.serviceScroller .left {
    width: 50%;
    order: 1;
}

.serviceScroller .left .serviceContent {
    margin: auto;
    width: 100%;
}

.serviceScroller .left .serviceContent .serviceContRow {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 5vw;
}

.serviceScroller .left h2 {
    font-size: 4vw;
    color: #0d0d0d;
    font-weight: 400;
    margin: 0 0 2vw;
    line-height: 1.4;
}

.serviceScroller .left p {
    font-size: clamp(18px,1.4vw,26px);
    color: #0d0d0d;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.8;
}

.serviceScroller .left ul {
    margin: 5vw 0 0;
    list-style: none;
    padding: 0;
}

.serviceScroller .left ul li {
    margin: 0vw .5vw 1vw 0;
    display: inline-block;
    padding: 0;
    font-size: clamp(16px,1.1vw,22px);
    color: #464646;
    font-weight: 400;
    line-height: 1.8;
}

.serviceScroller .left ul li a {
    color: #0d0d0d;
    font-size: 1.2vw;
    font-weight: 400;
    line-height: 1.4;
    z-index: 1;
    text-decoration: none;
    border: 2px solid rgba(20,20,20,.2);
    padding: 1.2vw 1.5vw;
    border-radius: 5vw;
    display: block;
    transition: .5s;
}

.serviceScroller .left ul li a:hover {
    border: 2px solid #141414;
    text-decoration: none;
}

.serviceScroller .right {
    height: 100vh;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.serviceScroller .right .servicePhotosWrap {
    width: 100%;
    height: 75vh;
    position: relative;
    overflow: hidden;
}

.serviceScroller .right .servicePhotosWrap .servicePhoto {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

@media screen and (max-width: 991px) {
    .serviceScroller {
        display:none;
    }
}

.serviceV2Intro {
    padding: 5vw 0;
    position: relative;
    overflow: hidden;
}

.serviceV2Intro .introHead {
    padding: 0 0 4vw;
}

.serviceV2Intro .introHead p {
    font-size: clamp(30px,4.3vw,82px);
    line-height: 1.2;
    width: 85%;
    margin: 0;
}

.serviceV2Intro .serviceV2Values {
    display: flex;
    flex-wrap: wrap;
}

.serviceV2Intro .serviceV2Values .valueCol {
    flex: 0 0 50%;
    padding: 15px;
}

.serviceV2Intro .serviceV2Values .valueCol .valueBox {
    background: #e2e2dd;
    padding: 3vw;
    border-radius: 20px;
    transition: .5s;
    height: 100%;
}

.serviceV2Intro .serviceV2Values .valueCol .valueBox .valueImg {
    text-align: right;
}

.serviceV2Intro .serviceV2Values .valueCol .valueBox .valueImg svg {
    width: 100px;
    height: 100px;
}

.serviceV2Intro .serviceV2Values .valueCol .valueBox .valueImg svg path {
    fill: var(--flyblack);
    transition: .5s;
}

.serviceV2Intro .serviceV2Values .valueCol .valueBox .text .title {
    font-size: clamp(25px,3.6vw,70px);
    margin: 0 0 20px;
    line-height: 1.2;
    transition: .5s;
}

.serviceV2Intro .serviceV2Values .valueCol .valueBox .text p {
    color: var(--flyblack);
    font-size: clamp(18px,1.6vw,25px);
    margin: 0;
    transition: .5s;
}

.serviceV2Intro .serviceV2Values .valueCol .valueBox:hover {
    background: var(--flyblack);
}

.serviceV2Intro .serviceV2Values .valueCol .valueBox:hover .valueImg svg path {
    fill: #fff;
}

.serviceV2Intro .serviceV2Values .valueCol .valueBox:hover .text .title {
    color: #fff !important;
}

.serviceV2Intro .serviceV2Values .valueCol .valueBox:hover .text p {
    color: #fff !important;
}

@media screen and (max-width: 991px) {
    .serviceV2Intro {
        padding:80px 0;
    }

    .serviceV2Intro .introHead {
        padding: 0 0 50px;
    }

    .serviceV2Intro .introHead p {
        width: 100%;
    }

    .serviceV2Intro .serviceV2Values .valueCol {
        flex: 0 0 100%;
        padding: 15px 0;
    }

    .serviceV2Intro .serviceV2Values .valueCol .valueBox {
        padding: 30px;
    }
}

.servQuote {
    padding: 6vw 0 8vw;
    position: relative;
    overflow: hidden;
}

.servQuote .quoteWrap {
    display: flex;
    flex-wrap: wrap;
}

.servQuote .quoteWrap .quoteAuthor {
    flex: 0 0 25%;
    padding: 0 5vw;
}

.servQuote .quoteWrap .quoteAuthor img {
    aspect-ratio: 1/1;
    width: 100%;
    border-radius: 400px;
    object-fit: cover;
    object-position: center;
    margin: 0 0 30px;
    max-width: 240px;
}

.servQuote .quoteWrap .quoteAuthor .name {
    color: var(--flyblack);
    font-size: clamp(20px,1.6vw,32px);
    margin: 0 0 10px;
}

.servQuote .quoteWrap .quoteAuthor .pos {
    color: var(--flyblack);
    margin: 0;
    font-size: clamp(14px,.9vw,18px);
}

.servQuote .quoteWrap .quote {
    flex: 0 0 75%;
}

.servQuote .quoteWrap .quote p {
    color: var(--flyblack);
    font-size: clamp(25px,3.6vw,70px);
    margin: 0;
    line-height: 1.2;
}

@media screen and (max-width: 991px) {
    .servQuote {
        padding:70px 0 120px;
    }

    .servQuote .quoteWrap .quoteAuthor {
        flex: 0 0 100%;
        padding: 40px 0 0;
        order: 1;
        display: flex;
        align-items: center;
    }

    .servQuote .quoteWrap .quoteAuthor img {
        margin: 0 20px 0 0;
        width: 130px;
    }

    .servQuote .quoteWrap .quote {
        flex: 0 0 100%;
        order: 0;
    }
}

.flyWorkHeader {
    padding: 10vw 0 3vw;
    position: relative;
    overflow: hidden;
}

.flyWorkHeader ul.nav-tabs {
    border: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flyWorkHeader ul.nav-tabs li.nav-item {
    margin: 0;
    padding: 0 30px;
}

.flyWorkHeader ul.nav-tabs li.nav-item a {
    border: 0;
    padding: 0;
    padding: 10px 25px 0 0;
    border-radius: 0;
    text-align: center;
    font-size: clamp(18px,1.4vw,78px);
    margin: 0;
    font-family: "ffc2";
    color: #ccc;
    position: relative;
}

.flyWorkHeader ul.nav-tabs li.nav-item a.active {
    color: var(--flyblack);
}

.flyWorkHeader ul.nav-tabs li.nav-item a:hover {
    border: 0;
}

.flyWorkHeader ul.nav-tabs li.nav-item a span {
    font-size: clamp(12px,.9vw,16px);
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 768px) {
    .flyWorkHeader {
        padding:150px 0 50px;
    }
}

@media screen and (max-width: 991px) {
    .flyWorkHeader .container {
        max-width:900px;
    }

    .flyWorkHeader ul.nav-tabs li.nav-item:nth-child(1) {
        padding-left: 0;
    }
}

.newWorkWrap {
    position: relative;
    padding: 0 0 80px;
}

.newWorkWrap .featuredWorkWrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px 5vw;
}

.newWorkWrap .featuredWorkWrap .featuredWorkCol {
    flex: 0 0 50%;
    padding: 30px 20px;
}

.newWorkWrap .featuredWorkWrap .featuredWorkCol .featWorkBox {
    display: block;
}

.newWorkWrap .featuredWorkWrap .featuredWorkCol .featWorkBox .featImgWrap {
    position: relative;
    overflow: hidden;
}

.newWorkWrap .featuredWorkWrap .featuredWorkCol .featWorkBox .featImgWrap img {
    width: 100%;
    height: 35vw;
    object-fit: cover;
    object-position: center;
}

.newWorkWrap .featuredWorkWrap .featuredWorkCol .featWorkBox .featImgWrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transition: .5s;
}

.newWorkWrap .featuredWorkWrap .featuredWorkCol .featWorkBox .featTextWrap {
    padding: 25px 0 0;
}

.newWorkWrap .featuredWorkWrap .featuredWorkCol .featWorkBox .featTextWrap .title {
    font-size: clamp(18px,1.3vw,25px);
    color: var(--flyblack);
    font-weight: 400;
    margin: 0;
    line-height: 1.4;
}

.newWorkWrap .featuredWorkWrap .featuredWorkCol .featWorkBox .featTextWrap .text {
    font-size: clamp(12px,.8vw,12px);
    color: var(--flyblack);
    margin: 0;
}

.newWorkWrap .featuredWorkWrap .featuredWorkCol .featWorkBox:hover .featImgWrap video {
    opacity: 1;
}

.newWorkWrap .allWorksSec {
    padding: 0 30px;
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px 0;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: .4s;
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow p {
    font-size: clamp(14px,1.2vw,14px);
    margin: 0;
    color: var(--flyblack);
    position: relative;
    z-index: 1;
    transition: .5s;
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow .colContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow .colleft {
    flex: 0 0 30%;
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow .colleft .tag {
    display: none;
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow .colleft p {
    font-size: clamp(16px,1.2vw,16px);
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow .colmid {
    flex: 0 0 45%;
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow .colmid p {
    font-size: clamp(14px,1.2vw,14px);
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow .colmid .tag {
    display: none;
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow .colright {
    flex: 0 0 20%;
    text-align: right;
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow img {
    display: none;
    position: relative;
    z-index: 1;
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    user-select: none;
    border-bottom: 1px solid #ebebeb;
    transition: .4s;
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow:hover {
}

.newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow:hover::before {
    border-bottom: 1px solid var(--flyblack);
}

.newWorkWrap .indWorksSec {
    padding: 0 15px;
}

.newWorkWrap .indWorksSec .indWorksWrap .indWorksBlock {
    margin: 0 0 60px;
}

.newWorkWrap .indWorksSec .indWorksWrap .indWorksBlock:last-child {
    margin: 0;
}

.newWorkWrap .indWorksSec .indWorksWrap .indHead .industryHead {
    color: var(--flyblack) !important;
    font-size: clamp(24px,2.4vw,50px);
    font-weight: 400;
    margin: 0 0 15px;
}

.newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px 0;
    border-top: 1px solid var(--flyblack);
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow p {
    font-size: clamp(14px,1.6vw,14px);
    margin: 0;
    color: var(--flyblack);
    position: relative;
    z-index: 1;
    transition: .5s;
}

.newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow .colleft {
    flex: 0 0 25%;
}

.newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow .colleft .tag {
    display: none;
}

.newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow .colmid {
    flex: 0 0 25%;
}

.newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow .colmid .tag {
    display: none;
}

.newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow .colright {
    flex: 0 0 25%;
    text-align: right;
}

.newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow img {
    display: none;
    position: relative;
    z-index: 1;
}

.newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow:before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--flyblack);
    transition: .5s;
}

.newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow:hover {
}

.newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow:hover p {
    color: #fff;
}

.newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow:hover:before {
    top: 0;
}

@media screen and (max-width: 991px) {
    .newWorkWrap .c__follow {
        display:none !important;
    }

    .newWorkWrap .featuredWorkWrap {
        padding: 0 0 5vw;
    }

    .newWorkWrap .featuredWorkWrap .featuredWorkCol {
        flex: 0 0 100%;
        padding: 15px 0;
    }

    .newWorkWrap .featuredWorkWrap .featuredWorkCol .featWorkBox .featTextWrap {
        padding: 10px 0 0;
    }

    .newWorkWrap .featuredWorkWrap .featuredWorkCol .featWorkBox .featImgWrap img {
        height: 70vw;
    }

    .newWorkWrap .container {
        max-width: 900px;
    }

    .newWorkWrap .allWorksSec {
        padding: 0;
    }

    .newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow {
        padding: 20px 0;
    }

    .newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow p {
        color: var(--flyblack);
    }

    .newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow .colContainer {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        width: 60%;
    }

    .newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow .colmid {
        padding: 0 30px 0 0;
    }

    .newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow .colmid p {
        color: var(--flyblack);
    }

    .newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow .colmid .tag {
        display: block;
    }

    .newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow .colright {
        display: none;
    }

    .newWorkWrap .allWorksSec .allWorksWrap a.allWorksRow img {
        display: block;
        width: 40%;
        height: 30vw;
        min-height: 100px;
        object-fit: cover;
        object-position: center;
        border-radius: 10px;
    }

    .newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow {
        padding: 20px 0;
    }

    .newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow .colleft {
        display: none;
    }

    .newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow .colmid {
        flex: 0 0 60%;
        padding: 0 30px 0 0;
    }

    .newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow .colmid .tag {
        display: block;
    }

    .newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow .colright {
        display: none;
    }

    .newWorkWrap .indWorksSec .indWorksWrap a.indWorksRow img {
        display: block;
        width: 40%;
        height: 30vw;
        min-height: 100px;
        object-fit: cover;
        object-position: center;
        border-radius: 10px;
    }
}

#projectHeadBTN {
    margin: 0;
    position: fixed;
    top: 40px;
    right: 11vmin;
    z-index: 999;
    padding: 18px 30px !important;
    background: transparent !important;
    mix-blend-mode: difference;
    color: #fff !important;
    border: 1px solid #fff !important;
}

@media screen and (max-width: 768px) {
    #projectHeadBTN {
        top:39px;
        right: 70px;
        padding: 10px 20px !important;
        font-size: clamp(12px,1vw,20px) !important;
    }
}

.projectPopout {
    position: fixed;
    height: 100vh;
    z-index: 999999999;
    background-color: transparent;
    overflow: hidden;
    padding: 0;
    transition: .6s;
    display: flex;
    background: transparent;
    pointer-events: none;
    user-select: none;
    top: 0;
    width: 100%;
    box-shadow: none;
    left: 0;
    opacity: 0;
}

.projectPopout .popoutBg {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: .4s;
}

.projectPopout .projWrapper {
    position: absolute;
    height: calc(100vh - 60px);
    top: 30px;
    overflow: scroll;
    transform: translateX(-100%);
    transform-origin: top right;
    left: 30px;
    min-width: 500px;
    width: 50vw;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    padding: 50px 40px;
    border-radius: 2vw;
    transition: .5s;
    transition-delay: .1s;
}

.projectPopout .projWrapper .projectForm {
    width: 100%;
}

.projectPopout .projWrapper .projectForm .startProjectTitle {
    display: none;
}

.projectPopout .projWrapper .projectForm .gform_wrapper ul.gform_fields li.gfield#field_1_1 {
    margin: 0 0 30px;
}

.projectPopout .projWrapper .projectForm .gform_wrapper ul.gform_fields li.gfield#field_1_1 .gfield_label {
    color: var(--flyblack) !important;
}

.projectPopout .projWrapper .projectForm .gform_wrapper ul.gfield_checkbox li {
    padding: 0 10px 0 0 !important;
}

.projectPopout .projWrapper .projectForm .gform_wrapper ul.gfield_checkbox li label {
    font-size: 14px;
    margin: 0;
    padding: 16px 22px;
    background: white !important;
    color: #888 !important;
    border: 1px solid #888 !important;
}

.projectPopout .projWrapper .projectForm .gform_wrapper ul.gfield_checkbox li input:checked + label {
    background: var(--flyblack) !important;
    color: #fff !important;
    border: 1px solid var(--flyblack) !important;
}

.projectPopout .projWrapper .projectForm .gform_wrapper input,.projectPopout .projWrapper .projectForm .gform_wrapper textarea {
    padding: 15px 0 !important;
    font-size: 18px !important;
    margin: 0 0 25px !important;
    color: var(--flyblack) !important;
    border-bottom: 1px solid #aaa !important;
}

.projectPopout .projWrapper .projectForm .gform_wrapper input::placeholder,.projectPopout .projWrapper .projectForm .gform_wrapper textarea::placeholder {
    font-size: 18px !important;
    color: #aaa !important;
}

.projectPopout .projWrapper .projectForm .gform_wrapper input:focus,.projectPopout .projWrapper .projectForm .gform_wrapper textarea:focus {
    border-bottom: 1px solid var(--flyblack) !important;
}

.projectPopout .projWrapper .projectForm .gform_wrapper .ginput_recaptcha {
    margin: 0 0 20px;
}

.projectPopout .projWrapper .projectForm .gform_wrapper .gform_footer input[type=submit] {
    font-size: 18px !important;
    padding: 16px 30px !important;
    border-radius: 100px !important;
    color: var(--flyblack) !important;
    margin: 0 !important;
    border-bottom: 0 !important;
    border: 1px solid var(--flyblack) !important;
}

.projectPopout .projWrapper .projectForm .gform_wrapper .gform_footer input[type=submit]:hover {
    background: var(--flyblack) !important;
    color: var(--white) !important;
    border: 1px solid var(--flyblack) !important;
}

.projectPopout .projWrapper .projectForm .gform_wrapper .gform_footer:after {
    content: none;
}

.projectPopout .projWrapper .projectForm .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    color: red;
    background: transparent;
}

.projectPopout .projWrapper .projectForm input:-webkit-autofill,.projectPopout .projWrapper .projectForm input:-webkit-autofill:hover,.projectPopout .projWrapper .projectForm input:-webkit-autofill:focus,.projectPopout .projWrapper .projectForm textarea:-webkit-autofill,.projectPopout .projWrapper .projectForm textarea:-webkit-autofill:hover,.projectPopout .projWrapper .projectForm textarea:-webkit-autofill:focus,.projectPopout .projWrapper .projectForm select:-webkit-autofill,.projectPopout .projWrapper .projectForm select:-webkit-autofill:hover,.projectPopout .projWrapper .projectForm select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #dedede inset !important;
}

.projectPopout .projWrapper .projectClose {
    top: 30px !important;
    right: 30px !important;
    animation: none;
}

.projectPopout .projWrapper .projectClose.menuLinkOpen span {
    background-color: var(--flyblack);
}

.projectPopout .projWrapper .projectClose.menuLinkOpen span:after {
    background-color: var(--flyblack);
}

.projectPopout.fullmenuOpen {
    pointer-events: auto;
    user-select: auto;
    opacity: 1;
}

.projectPopout.fullmenuOpen .popoutBg {
    opacity: .8;
}

.projectPopout.fullmenuOpen .projWrapper {
    transform: translateX(0);
}

@media screen and (max-width: 768px) {
    .projectPopout .projWrapper {
        height:calc(100dvh - 30px);
        top: 15px;
        left: 15px;
        min-width: inherit;
        width: calc(100% - 30px);
        border-radius: 20px;
        transition-delay: 0s;
        padding: 30px 20px;
    }
}

.projectClose {
    position: absolute;
    cursor: pointer;
    right: 15px;
    background: transparent;
    top: 15px;
    z-index: 9999;
    padding: 0;
    width: 25px;
    height: 33px;
    display: inline-flex;
    transition: .5s;
}

.projectClose span {
    position: absolute;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: var(--flyblack);
    top: 8px;
    border-radius: 5px;
}

.projectClose span:before {
    content: "";
    position: absolute;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: var(--flyblack);
    top: -10px;
    border-radius: 5px;
    opacity: 0;
}

.projectClose span:after {
    content: "";
    position: absolute;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: var(--flyblack);
    top: 16px;
    border-radius: 5px;
}

.projectClose.menuLinkOpen span {
    width: 25px;
    top: 15px;
    left: -2px;
    background-color: var(--flyblack);
    transform: rotate(45deg);
}

.projectClose.menuLinkOpen span:before {
    opacity: 0;
    background-color: var(--flyblack);
}

.projectClose.menuLinkOpen span:after {
    top: 0px;
    width: 25px;
    background-color: var(--flyblack);
    transform: rotate(-90deg);
}

@media screen and (max-width: 991px) {
    .projectClose.desktopMenu {
        display:none;
    }

    .projectClose span {
        background-color: var(--flyblack);
    }

    .projectClose span:before {
        background-color: var(--flyblack);
    }

    .projectClose span:after {
        background-color: var(--flyblack);
    }
}

.page-template-page-start_project .projectPopout {
    display: none;
}

.landingFooter {
    background-color: #0d0d0d;
    border-radius: 50px 50px 0 0;
    text-align: center;
    padding: 10vw 14vw;
}

.landingFooter h2 {
    color: #fff;
    font-size: clamp(25px,5.5vw,105px);
    margin-bottom: 8vw;
}

.landingFooter a {
    border-radius: 100px;
    padding: 3vw 7vw !important;
    color: white !important;
    font-size: clamp(30px,3.1vw,60px) !important;
    overflow: hidden;
    position: relative;
    border: none !important;
    background-color: transparent !important;
}

.landingFooter a:hover {
    border: none !important;
}

.landingFooter a span {
    position: relative;
    z-index: 1;
    border: none !important;
}

.landingFooter a video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    border-radius: 100px;
}

.landingFooter a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    border-radius: 100px;
}

@media only screen and (max-width: 600px) {
    .landingFooter a {
        width:100%;
        padding: 6vw 7vw !important;
    }

    .landingFooter a span {
        margin: 0 auto;
    }
}

.pageLandingWrap {
    padding: 180px 0 0;
}

.pageLandingWrap section {
    margin-bottom: 10vw;
    padding: 0 10vw !important;
}

@media only screen and (max-width: 600px) {
    .pageLandingWrap section {
        padding:0 7vw !important;
    }
}

.pageLandingWrap .bannerLandingWrap .textContainer {
    display: flex;
}

.pageLandingWrap .bannerLandingWrap .textContainer h1 {
    font-size: clamp(37px,5.2vw,99px);
    flex: 0 0 60%;
}

.pageLandingWrap .bannerLandingWrap .textContainer .rightContainer p {
    font-size: clamp(15px,1.8vw,35px);
    margin-bottom: 40px;
    color: #0d0d0d;
    line-height: 1.2;
    margin-left: 10px;
}

.pageLandingWrap .bannerLandingWrap .textContainer .callCTA {
    background-color: #0d0d0d;
    border-radius: 40px;
    padding: 40px 30px;
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pageLandingWrap .bannerLandingWrap .textContainer .callCTA h3 {
    color: #fff;
    font-size: clamp(18px,1.5vw,30px);
}

.pageLandingWrap .bannerLandingWrap .textContainer .callCTA a {
    background-color: #d6f709 !important;
    padding: 15px 25px;
    color: #0d0d0d;
    border-radius: 100px;
    width: 100%;
    text-align: center;
}

.pageLandingWrap .bannerLandingWrap .textContainer .callCTA a span {
    font-size: clamp(15px,1.4vw,26px) !important;
}

.pageLandingWrap .bannerLandingWrap .textContainer .callCTA a:hover {
    background-color: #d6f709 !important;
    border: none !important;
}

.pageLandingWrap .bannerLandingWrap .textContainer .callCTA a:hover span:after {
    color: #0d0d0d !important;
}

@media only screen and (max-width: 991px) {
    .pageLandingWrap .bannerLandingWrap .textContainer {
        flex-direction:column;
    }

    .pageLandingWrap .bannerLandingWrap .textContainer h1 {
        line-height: 1.4;
        margin-bottom: 25px;
    }

    .pageLandingWrap .bannerLandingWrap .textContainer .rightContainer p {
        margin-left: 0;
    }

    .pageLandingWrap .bannerLandingWrap .textContainer .rightContainer .callCTA {
        padding: 40px 14px;
    }

    .pageLandingWrap .bannerLandingWrap .textContainer .rightContainer .callCTA a {
        padding: 20px 20px !important;
    }
}

.pageLandingWrap .showreelLandingWrap {
    position: relative;
    overflow: hidden;
}

.pageLandingWrap .showreelLandingWrap .showreelLanding {
    width: 100%;
    height: 90dvh;
    margin: 0 auto;
    display: block;
    transition: .4s;
    transition: .7s;
    position: relative;
    opacity: 1;
    z-index: 1;
    overflow: hidden;
}

.pageLandingWrap .showreelLandingWrap .showreelLanding iframe {
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh;
}

@media only screen and (max-width: 991px) {
    .pageLandingWrap .showreelLandingWrap {
        padding:0 !important;
    }

    .pageLandingWrap .showreelLandingWrap .showreelLanding {
        height: 65dvh;
    }
}

.pageLandingWrap .gridWrap h2 {
    font-size: clamp(37px,3.5vw,80px);
    width: 35%;
    margin-bottom: 40px;
}

.pageLandingWrap .gridWrap .gridItemWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.pageLandingWrap .gridWrap .gridItemWrap .gridItem {
    background-color: #1a1a1a;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.pageLandingWrap .gridWrap .gridItemWrap .gridItem .textContainer {
    padding: 3vmax;
}

.pageLandingWrap .gridWrap .gridItemWrap .gridItem .textContainer h3 {
    font-size: clamp(48px,4.9vw,95px);
}

.pageLandingWrap .gridWrap .gridItemWrap .gridItem .textContainer p {
    font-size: clamp(30px,2.3vw,45px);
    line-height: 1.4;
}

.pageLandingWrap .gridWrap .gridItemWrap .gridItem .textContainer p.text {
    font-size: clamp(13px,1.1vw,21px);
    margin: 40px 0;
}

.pageLandingWrap .gridWrap .gridItemWrap .gridItem .textContainer p.name {
    font-size: clamp(19px,1vw,19px);
    margin-bottom: 8px;
}

.pageLandingWrap .gridWrap .gridItemWrap .gridItem .textContainer p.position {
    font-size: 12px;
    margin: 0;
}

@media only screen and (max-width: 991px) {
    .pageLandingWrap .gridWrap h2 {
        width:75%;
        line-height: 1.4;
    }

    .pageLandingWrap .gridWrap .gridItemWrap {
        grid-template-columns: 1fr;
        gap: 7vw;
    }
}

.testimonialWrap h2 {
    font-size: clamp(37px,3.5vw,80px);
    width: 35%;
    margin-bottom: 40px;
}

.testimonialWrap .testimonialContainer {
    background-color: #f1f1f1;
    border-radius: 35px;
    padding: 5vmax 4vmax;
}

.testimonialWrap .testimonialContainer .starsWrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 50px;
    gap: 10px;
}

.testimonialWrap .testimonialContainer .starsWrap img {
    height: 1.5vw;
    min-height: 20px;
}

.testimonialWrap .testimonialContainer p {
    color: #0d0d0d;
    font-size: clamp(25px,3.4vw,65px);
    line-height: 1.2;
}

.testimonialWrap .testimonialContainer p.name {
    font-size: clamp(18px,1.8vw,35px);
    margin-top: 50px;
}

.testimonialWrap .testimonialContainer p.position {
    font-size: clamp(12px,.9vw,18px);
}

@media only screen and (max-width: 991px) {
    .testimonialWrap h2 {
        width:75%;
    }
}

.downloadWrap .downloadContainer {
    border: 1px solid #dadada;
    padding: 2vmax;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 35px;
}

.downloadWrap .downloadContainer .imageContainer {
    width: 30%;
    position: relative;
}

.downloadWrap .downloadContainer .imageContainer:before {
    content: "";
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #1a1a1a;
    border-radius: 100%;
    width: 19vmax;
    height: 19vmax;
    min-width: 260px;
    min-height: 260px;
    z-index: 0;
}

.downloadWrap .downloadContainer .imageContainer img {
    position: relative;
    z-index: 1;
}

.downloadWrap .downloadContainer .textContainer {
    width: 60%;
}

.downloadWrap .downloadContainer .textContainer p {
    color: #0d0d0d;
    font-size: clamp(25px,2.9vw,56px);
    line-height: 1.4;
    margin-bottom: 40px;
}

.downloadWrap .downloadContainer .textContainer a {
    background-color: #1a1a1a !important;
    padding: 15px 25px;
    text-align: center;
    border-radius: 100px;
}

.downloadWrap .downloadContainer .textContainer a span {
    color: white;
}

.downloadWrap .downloadContainer .textContainer a:hover {
    background-color: #1a1a1a !important;
}

.downloadWrap .downloadContainer .textContainer a:hover span:after {
    color: white !important;
}

@media only screen and (max-width: 991px) {
    .downloadWrap .downloadContainer {
        flex-direction:column;
        padding: 7vw;
    }

    .downloadWrap .downloadContainer .imageContainer {
        width: 100%;
        order: 2;
    }

    .downloadWrap .downloadContainer .textContainer {
        width: 100%;
        order: 1;
        text-align: center;
    }
}

.pillsWrap h2 {
    font-size: clamp(37px,3.5vw,80px);
    width: 35%;
    margin-bottom: 40px;
}

.pillsWrap .pillsContainer {
    border-bottom: 1px solid #b6b6b6;
    padding: 50px 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.pillsWrap .pillsContainer:first-of-type {
    border-top: 1px solid #b6b6b6;
}

.pillsWrap .pillsContainer h3 {
    font-size: clamp(20px,2.2vw,42px);
    margin: 0;
}

.pillsWrap .pillsContainer ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    margin: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.pillsWrap .pillsContainer ul li {
    background-color: #eee;
    padding: 1.3vw 1.6vw;
    font-size: clamp(11px,1.6vw,30px);
    list-style: none;
    text-align: center;
    border-radius: 100px;
    white-space: nowrap;
}

@media only screen and (max-width: 991px) {
    .pillsWrap h2 {
        width:75%;
        line-height: 1.4;
    }

    .pillsWrap .pillsContainer ul {
        overflow: scroll;
    }
}

.page-template-page-signup {
    position: relative;
}

.page-template-page-signup .logoWrap {
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
}

.page-template-page-signup .logoWrap span svg {
    width: 150px;
}

.pageSignupWrap {
    padding: 125px 0 0;
}

.pageSignupWrap section {
    margin-bottom: 5vw;
    padding: 0 20vw !important;
}

@media only screen and (max-width: 600px) {
    .pageSignupWrap section {
        padding:0 7vw !important;
    }
}

.pageSignupWrap .bannerLandingWrap .textContainer {
    text-align: center;
}

.pageSignupWrap .bannerLandingWrap .textContainer h1 {
    font-size: clamp(27px,5.2vw,68px);
    margin-bottom: 3vmax;
}

.pageSignupWrap .bannerLandingWrap .textContainer p {
    font-size: clamp(15px,1.8vw,35px);
    margin-bottom: 40px;
    color: #0d0d0d;
    line-height: 1.2;
    margin: 0 auto;
    width: 60%;
}

@media only screen and (max-width: 600px) {
    .pageSignupWrap .bannerLandingWrap .textContainer p {
        width:100%;
    }
}

.formWrap .callCTA {
    background-color: #0d0d0d;
    border-radius: 20px;
    padding: 3vmax 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.formWrap .callCTA h3 {
    color: #fff;
    font-size: clamp(19px,3.5vw,40px);
    text-align: center;
    margin-bottom: 3vmax;
    width: 70%;
}

@media only screen and (max-width: 600px) {
    .formWrap .callCTA h3 {
        width:100%;
    }
}

.formWrap .callCTA p {
    margin-bottom: 20px !important;
    line-height: 1.2;
    font-size: clamp(13px,.9vw,18px);
}

@media only screen and (max-width: 600px) {
    .formWrap .callCTA .gform_wrapper {
        width:100%;
    }
}

.formWrap .callCTA #input_3_3 {
    border-radius: 5px;
    border: none;
    outline: none;
    padding: 1.5vw;
    font-size: clamp(15px,.9vw,18px) !important;
}

.formWrap .callCTA #input_3_3::placeholder {
    font-family: "ffc2";
    font-size: 18px;
}

.formWrap .callCTA #gform_submit_button_3 {
    background-color: #d6f709 !important;
    padding: 15px 25px !important;
    color: #0d0d0d;
    border-radius: 100px;
    width: 100%;
    border: none;
    font-size: clamp(14px,1.4vw,26px) !important;
    text-align: center;
}

.videoWrap .videoContainer {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    height: 80vmin;
    margin: 0 auto;
    display: block;
    opacity: 1;
    z-index: 1;
}

@media only screen and (max-width: 600px) {
    .videoWrap .videoContainer {
        max-height:240px;
    }
}

.videoWrap .videoContainer iframe {
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh;
}

.videoWrap .videoContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.videoWrap .videoContainer video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.videoWrap .videoContainer .playBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.videoWrap .videoContainer .playBtn svg {
    height: 10vw;
    width: 10vw;
}

.videoWrap .videoContainer .playBtn.hide svg {
    display: none;
}

.footerPolicies {
    padding: 0 10vw;
}

.footerPolicies div ul {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
}

.footerPolicies div ul li {
    font-size: clamp(7px,.7vw,13px);
}

.footerPolicies div ul li a {
    font-size: clamp(7px,.7vw,13px);
}


	.big-image {

    left: 0px !important;
}

.lang_sel.selected {
    color: #2A777C !important;
}

.logo {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 102;
    transform: translate(-50%,-50%);
}
















#menu-toggle-wrapper2 {
    position: fixed;
    top: 4%;
    right: calc(50% - 70px);
    width: 140px;
    height: 140px;
    z-index: 11;
    display: block;
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
}

#menu-toggle2 {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    display: block;
    margin-left: -15px;
    width: 30px;
    height: 3px;
    background: #ffffff;
}


#menu-toggle2:after, #menu-toggle2:before {
    background: #ffffff;
}

#menu-toggle2, #menu-toggle2:after, #menu-toggle2:before {
    -webkit-transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
    -moz-transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
    -ms-transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
    -o-transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
    transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
}
#menu-toggle2:before {
    top: -10px;
}
#menu-toggle2:after, #menu-toggle2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #ffffff;
    left: 0;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}

#menu-toggle-wrapper2:focus #menu-toggle2:before, #menu-toggle-wrapper2:hover #menu-toggle2:before {
    top: -10px !important;
}

#menu-toggle-wrapper2:focus #menu-toggle2:after, #menu-toggle-wrapper2:hover #menu-toggle2:after {
    bottom: -10px !important;
}


#menu-toggle2:after, #menu-toggle2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #ffffff;
    left: 0;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}


#menu-toggle-wrapper2.anim-out #menu-toggle2:before {
    -webkit-transform: rotate(45deg) translate(4px,9px);
    -moz-transform: rotate(45deg) translate(3px,8px);
    -ms-transform: rotate(45deg) translate(3px,8px);
    -o-transform: rotate(45deg) translate(3px,8px);
    transform: rotate(45deg) translate(3px,8px);
}

#menu-toggle2, #menu-toggle2:after, #menu-toggle2:before {
    -webkit-transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
    -moz-transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
    -ms-transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
    -o-transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
    transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
}


#menu-toggle2, #menu-toggle2:after, #menu-toggle2:before {
    -webkit-transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
    -moz-transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
    -ms-transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
    -o-transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
    transition: all .3s cubic-bezier(0.585,-.6,.43,1.65);
}
#menu-toggle2:after {
    bottom: -10px;
}
#menu-toggle2:after, #menu-toggle2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #ffffff;
    left: 0;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}


#menu-toggle-wrapper2.anim-out #menu-toggle2 {
    background: 0 0 !important;
}
#menu-toggle-wrapper2.anim-out #menu-toggle2:before {
    -webkit-transform: rotate(45deg) translate(4px,7px);
    -moz-transform: rotate(45deg) translate(4px,7px);
    -ms-transform: rotate(45deg) translate(4px,7px);
    -o-transform: rotate(45deg) translate(4px,7px);
    transform: rotate(45deg) translate(4px,7px);
    height: 8px;
    background: #ffffff !important
}

#menu-toggle-wrapper2.anim-out #menu-toggle2:after {
    -webkit-transform: rotate(-45deg) translate(0px,-4px);
    -moz-transform: rotate(-45deg) translate(0px,-4px);
    -ms-transform: rotate(-45deg) translate(0px,-4px);
    -o-transform: rotate(-45deg) translate(0px,-4px);
    transform: rotate(-45deg) translate(0px,-4px);
    height: 8px;
    background: #ffffff !important
}




@media only screen and (max-width: 600px) {
    .tmfull-cont aside {
        background: rgb(255 255 255 / 95%) !important;
    }

    .tmenu-cont.header__trigger.active #menu-toggle2:after, .tmenu-cont.header__trigger.active #menu-toggle2:before, .tmenu-cont.header__trigger.active #menu-toggle2{
        background: #222222 !important;
    }



}