@charset "UTF-8";
@import url(extra-kb.css);
@import url(new-menu.css);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

body {
    font-family: 'Roboto', sans-serif !important
}


dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin-top: 0
}

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

body,
caption,
section.services.kitchen-overview .title h2.align-left {
    text-align: left
}

dd,
h1,
h2,
h3,
h4,
h5,
h6,
label,
legend {
    margin-bottom: .5rem
}

label,
output {
    display: inline-block
}

.switch,
.switch *,
html {
    -webkit-tap-highlight-color: #fff0
}

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

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

: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, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

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

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

body {
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    background-color: #fff
}

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

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

abbr[title],
header.centered .top-nav .nav-col.links a:hover {
    text-decoration: underline
}

address {
    font-style: normal;
    line-height: inherit
}

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

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

blockquote,
figure {
    margin: 0 0 1rem
}

.mt-0,
pre {
    margin-top: 0
}

dfn {
    font-style: italic
}

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

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

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

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

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

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

table {
    border-collapse: collapse
}

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

th {
    text-align: inherit
}

button {
    border-radius: 0
}

[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
[type=button]::-moz-focus-inner,
button::-moz-focus-inner {
    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
}

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

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

legend {
    width: 100%;
    font-size: 1.5rem;
    line-height: inherit
}

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

[hidden] {
    display: none !important
}

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

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

body,
picture {
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .container {
        max-width: 1230px
    }
}

.p-0 {
    padding: 0
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.m-0 {
    margin: 0
}

.mb-0 {
    margin-bottom: 0
}

.pull-left {
    margin-right: auto;
    margin-left: 0
}

.pull-right {
    margin-right: 0;
    margin-left: auto
}

.pt-5 {
    padding-top: 5px
}

.pb-5 {
    padding-bottom: 5px
}

.mt-5 {
    margin-top: 5px
}

.mb-5 {
    margin-bottom: 5px
}

.pull-top-5 {
    margin-top: -5px
}

.pull-bottom-5 {
    margin-bottom: -5px
}

.pull-left-5 {
    margin-left: -5px
}

.pull-right-5 {
    margin-right: -5px
}

.push-left-5 {
    margin-left: 5px
}

.push-right-5 {
    margin-right: 5px
}

.pt-10 {
    padding-top: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.mt-10 {
    margin-top: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.pull-top-10 {
    margin-top: -10px
}

.pull-bottom-10 {
    margin-bottom: -10px
}

.pull-left-10 {
    margin-left: -10px
}

.pull-right-10 {
    margin-right: -10px
}

.push-left-10 {
    margin-left: 10px
}

.push-right-10 {
    margin-right: 10px
}

.pt-15 {
    padding-top: 15px
}

.pb-15 {
    padding-bottom: 15px
}

.mt-15 {
    margin-top: 15px
}

.mb-15 {
    margin-bottom: 15px
}

.pull-top-15 {
    margin-top: -15px
}

.pull-bottom-15 {
    margin-bottom: -15px
}

.pull-left-15 {
    margin-left: -15px
}

.pull-right-15 {
    margin-right: -15px
}

.push-left-15 {
    margin-left: 15px
}

.push-right-15 {
    margin-right: 15px
}

.pt-20 {
    padding-top: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.mt-20 {
    margin-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.pull-top-20 {
    margin-top: -20px
}

.pull-bottom-20 {
    margin-bottom: -20px
}

.pull-left-20 {
    margin-left: -20px
}

.pull-right-20 {
    margin-right: -20px
}

.push-left-20 {
    margin-left: 20px
}

.push-right-20 {
    margin-right: 20px
}

.pt-25 {
    padding-top: 25px
}

.pb-25 {
    padding-bottom: 25px
}

.mt-25 {
    margin-top: 25px
}

.error,
.pull-top-25 {
    margin-top: -25px
}

.mb-25 {
    margin-bottom: 25px
}

.pull-bottom-25 {
    margin-bottom: -25px
}

.pull-left-25 {
    margin-left: -25px
}

.pull-right-25 {
    margin-right: -25px
}

.push-left-25 {
    margin-left: 25px
}

.push-right-25 {
    margin-right: 25px
}

.pt-30 {
    padding-top: 30px
}

.pb-30 {
    padding-bottom: 30px
}

.mt-30 {
    margin-top: 30px
}

.mb-30 {
    margin-bottom: 30px
}

.pull-top-30 {
    margin-top: -30px
}

.pull-bottom-30 {
    margin-bottom: -30px
}

.pull-left-30 {
    margin-left: -30px
}

.pull-right-30 {
    margin-right: -30px
}

.push-left-30 {
    margin-left: 30px
}

.push-right-30 {
    margin-right: 30px
}

.pt-35 {
    padding-top: 35px
}

.pb-35 {
    padding-bottom: 35px
}

.mt-35 {
    margin-top: 35px
}

.mb-35 {
    margin-bottom: 35px
}

.pull-top-35 {
    margin-top: -35px
}

.pull-bottom-35 {
    margin-bottom: -35px
}

.pull-left-35 {
    margin-left: -35px
}

.pull-right-35 {
    margin-right: -35px
}

.push-left-35 {
    margin-left: 35px
}

.push-right-35 {
    margin-right: 35px
}

.pt-40 {
    padding-top: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.mt-40 {
    margin-top: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.pull-top-40 {
    margin-top: -40px
}

.pull-bottom-40 {
    margin-bottom: -40px
}

.pull-left-40 {
    margin-left: -40px
}

.pull-right-40 {
    margin-right: -40px
}

.push-left-40 {
    margin-left: 40px
}

.push-right-40 {
    margin-right: 40px
}

.pt-45 {
    padding-top: 45px
}

.pb-45 {
    padding-bottom: 45px
}

.mt-45 {
    margin-top: 45px
}

.mb-45 {
    margin-bottom: 45px
}

.pull-top-45 {
    margin-top: -45px
}

.pull-bottom-45 {
    margin-bottom: -45px
}

.pull-left-45 {
    margin-left: -45px
}

.pull-right-45 {
    margin-right: -45px
}

.push-left-45 {
    margin-left: 45px
}

.push-right-45 {
    margin-right: 45px
}

.pt-50 {
    padding-top: 50px
}

.pb-50 {
    padding-bottom: 50px
}

.mt-50 {
    margin-top: 50px
}

.mb-50 {
    margin-bottom: 50px
}

.pull-top-50 {
    margin-top: -50px
}

.pull-bottom-50 {
    margin-bottom: -50px
}

.pull-left-50 {
    margin-left: -50px
}

.pull-right-50 {
    margin-right: -50px
}

.push-left-50 {
    margin-left: 50px
}

.push-right-50 {
    margin-right: 50px
}

.pt-55 {
    padding-top: 55px
}

.pb-55 {
    padding-bottom: 55px
}

.mt-55 {
    margin-top: 55px
}

.mb-55 {
    margin-bottom: 55px
}

.pull-top-55 {
    margin-top: -55px
}

.pull-bottom-55 {
    margin-bottom: -55px
}

.pull-left-55 {
    margin-left: -55px
}

.pull-right-55 {
    margin-right: -55px
}

.push-left-55 {
    margin-left: 55px
}

.push-right-55 {
    margin-right: 55px
}

.pt-60 {
    padding-top: 60px
}

.pb-60 {
    padding-bottom: 60px
}

.mt-60 {
    margin-top: 60px
}

.mb-60 {
    margin-bottom: 60px
}

.pull-top-60 {
    margin-top: -60px
}

.pull-bottom-60 {
    margin-bottom: -60px
}

.pull-left-60 {
    margin-left: -60px
}

.pull-right-60 {
    margin-right: -60px
}

.push-left-60 {
    margin-left: 60px
}

.push-right-60 {
    margin-right: 60px
}

.pt-65 {
    padding-top: 65px
}

.pb-65 {
    padding-bottom: 65px
}

.mt-65 {
    margin-top: 65px
}

.mb-65 {
    margin-bottom: 65px
}

.pull-top-65 {
    margin-top: -65px
}

.pull-bottom-65 {
    margin-bottom: -65px
}

.pull-left-65 {
    margin-left: -65px
}

.pull-right-65 {
    margin-right: -65px
}

.push-left-65 {
    margin-left: 65px
}

.push-right-65 {
    margin-right: 65px
}

.pt-70 {
    padding-top: 70px
}

.pb-70 {
    padding-bottom: 70px
}

.mt-70 {
    margin-top: 70px
}

.mb-70 {
    margin-bottom: 70px
}

.pull-top-70 {
    margin-top: -70px
}

.pull-bottom-70 {
    margin-bottom: -70px
}

.pull-left-70 {
    margin-left: -70px
}

.pull-right-70 {
    margin-right: -70px
}

.push-left-70 {
    margin-left: 70px
}

.push-right-70 {
    margin-right: 70px
}

.pt-75 {
    padding-top: 75px
}

.pb-75 {
    padding-bottom: 75px
}

.mt-75 {
    margin-top: 75px
}

.mb-75 {
    margin-bottom: 75px
}

.pull-top-75 {
    margin-top: -75px
}

.pull-bottom-75 {
    margin-bottom: -75px
}

.pull-left-75 {
    margin-left: -75px
}

.pull-right-75 {
    margin-right: -75px
}

.push-left-75 {
    margin-left: 75px
}

.push-right-75 {
    margin-right: 75px
}

.pt-80 {
    padding-top: 80px
}

.pb-80 {
    padding-bottom: 80px
}

.mt-80 {
    margin-top: 80px
}

.mb-80 {
    margin-bottom: 80px
}

.pull-top-80 {
    margin-top: -80px
}

.pull-bottom-80 {
    margin-bottom: -80px
}

.pull-left-80 {
    margin-left: -80px
}

.pull-right-80 {
    margin-right: -80px
}

.push-left-80 {
    margin-left: 80px
}

.push-right-80 {
    margin-right: 80px
}

.pt-85 {
    padding-top: 85px
}

.pb-85 {
    padding-bottom: 85px
}

.mt-85 {
    margin-top: 85px
}

.mb-85 {
    margin-bottom: 85px
}

.pull-top-85 {
    margin-top: -85px
}

.pull-bottom-85 {
    margin-bottom: -85px
}

.pull-left-85 {
    margin-left: -85px
}

.pull-right-85 {
    margin-right: -85px
}

.push-left-85 {
    margin-left: 85px
}

.push-right-85 {
    margin-right: 85px
}

.pt-90 {
    padding-top: 90px
}

.pb-90 {
    padding-bottom: 90px
}

.mt-90 {
    margin-top: 90px
}

.mb-90 {
    margin-bottom: 90px
}

.pull-top-90 {
    margin-top: -90px
}

.pull-bottom-90 {
    margin-bottom: -90px
}

.pull-left-90 {
    margin-left: -90px
}

.pull-right-90 {
    margin-right: -90px
}

.push-left-90 {
    margin-left: 90px
}

.push-right-90 {
    margin-right: 90px
}

.pt-95 {
    padding-top: 95px
}

.pb-95 {
    padding-bottom: 95px
}

.mt-95 {
    margin-top: 95px
}

.mb-95 {
    margin-bottom: 95px
}

.pull-top-95 {
    margin-top: -95px
}

.pull-bottom-95 {
    margin-bottom: -95px
}

.pull-left-95 {
    margin-left: -95px
}

.pull-right-95 {
    margin-right: -95px
}

.push-left-95 {
    margin-left: 95px
}

.push-right-95 {
    margin-right: 95px
}

.pt-100 {
    padding-top: 100px
}

.pb-100 {
    padding-bottom: 100px
}

.mt-100 {
    margin-top: 100px
}

.mb-100 {
    margin-bottom: 100px
}

.pull-top-100 {
    margin-top: -100px
}

.pull-bottom-100 {
    margin-bottom: -100px
}

.pull-left-100 {
    margin-left: -100px
}

.pull-right-100 {
    margin-right: -100px
}

.push-left-100 {
    margin-left: 100px
}

.push-right-100 {
    margin-right: 100px
}

.pt-105 {
    padding-top: 105px
}

.pb-105 {
    padding-bottom: 105px
}

.mt-105 {
    margin-top: 105px
}

.mb-105 {
    margin-bottom: 105px
}

.pull-top-105 {
    margin-top: -105px
}

.pull-bottom-105 {
    margin-bottom: -105px
}

.pull-left-105 {
    margin-left: -105px
}

.pull-right-105 {
    margin-right: -105px
}

.push-left-105 {
    margin-left: 105px
}

.push-right-105 {
    margin-right: 105px
}

.pt-110 {
    padding-top: 110px
}

.pb-110 {
    padding-bottom: 110px
}

.mt-110 {
    margin-top: 110px
}

.mb-110 {
    margin-bottom: 110px
}

.pull-top-110 {
    margin-top: -110px
}

.pull-bottom-110 {
    margin-bottom: -110px
}

.pull-left-110 {
    margin-left: -110px
}

.pull-right-110 {
    margin-right: -110px
}

.push-left-110 {
    margin-left: 110px
}

.push-right-110 {
    margin-right: 110px
}

.pt-115 {
    padding-top: 115px
}

.pb-115 {
    padding-bottom: 115px
}

.mt-115 {
    margin-top: 115px
}

.mb-115 {
    margin-bottom: 115px
}

.pull-top-115 {
    margin-top: -115px
}

.pull-bottom-115 {
    margin-bottom: -115px
}

.pull-left-115 {
    margin-left: -115px
}

.pull-right-115 {
    margin-right: -115px
}

.push-left-115 {
    margin-left: 115px
}

.push-right-115 {
    margin-right: 115px
}

.pt-120 {
    padding-top: 120px
}

.pb-120 {
    padding-bottom: 120px
}

.mt-120 {
    margin-top: 120px
}

.mb-120 {
    margin-bottom: 120px
}

.pull-top-120 {
    margin-top: -120px
}

.pull-bottom-120 {
    margin-bottom: -120px
}

.pull-left-120 {
    margin-left: -120px
}

.pull-right-120 {
    margin-right: -120px
}

.push-left-120 {
    margin-left: 120px
}

.push-right-120 {
    margin-right: 120px
}

.pt-125 {
    padding-top: 125px
}

.pb-125 {
    padding-bottom: 125px
}

.mt-125 {
    margin-top: 125px
}

.mb-125 {
    margin-bottom: 125px
}

.pull-top-125 {
    margin-top: -125px
}

.pull-bottom-125 {
    margin-bottom: -125px
}

.pull-left-125 {
    margin-left: -125px
}

.pull-right-125 {
    margin-right: -125px
}

.push-left-125 {
    margin-left: 125px
}

.push-right-125 {
    margin-right: 125px
}

.pt-130 {
    padding-top: 130px
}

.pb-130 {
    padding-bottom: 130px
}

.mt-130 {
    margin-top: 130px
}

.mb-130 {
    margin-bottom: 130px
}

.pull-top-130 {
    margin-top: -130px
}

.pull-bottom-130 {
    margin-bottom: -130px
}

.pull-left-130 {
    margin-left: -130px
}

.pull-right-130 {
    margin-right: -130px
}

.push-left-130 {
    margin-left: 130px
}

.push-right-130 {
    margin-right: 130px
}

.pt-135 {
    padding-top: 135px
}

.pb-135 {
    padding-bottom: 135px
}

.mt-135 {
    margin-top: 135px
}

.mb-135 {
    margin-bottom: 135px
}

.pull-top-135 {
    margin-top: -135px
}

.pull-bottom-135 {
    margin-bottom: -135px
}

.pull-left-135 {
    margin-left: -135px
}

.pull-right-135 {
    margin-right: -135px
}

.push-left-135 {
    margin-left: 135px
}

.push-right-135 {
    margin-right: 135px
}

.pt-140 {
    padding-top: 140px
}

.pb-140 {
    padding-bottom: 140px
}

.mt-140 {
    margin-top: 140px
}

.mb-140 {
    margin-bottom: 140px
}

.pull-top-140 {
    margin-top: -140px
}

.pull-bottom-140 {
    margin-bottom: -140px
}

.pull-left-140 {
    margin-left: -140px
}

.pull-right-140 {
    margin-right: -140px
}

.push-left-140 {
    margin-left: 140px
}

.push-right-140 {
    margin-right: 140px
}

.pt-145 {
    padding-top: 145px
}

.pb-145 {
    padding-bottom: 145px
}

.mt-145 {
    margin-top: 145px
}

.mb-145 {
    margin-bottom: 145px
}

.pull-top-145 {
    margin-top: -145px
}

.pull-bottom-145 {
    margin-bottom: -145px
}

.pull-left-145 {
    margin-left: -145px
}

.pull-right-145 {
    margin-right: -145px
}

.push-left-145 {
    margin-left: 145px
}

.push-right-145 {
    margin-right: 145px
}

.pt-150 {
    padding-top: 150px
}

.pb-150 {
    padding-bottom: 150px
}

.mt-150 {
    margin-top: 150px
}

.mb-150 {
    margin-bottom: 150px
}

.pull-top-150 {
    margin-top: -150px
}

.pull-bottom-150 {
    margin-bottom: -150px
}

.pull-left-150 {
    margin-left: -150px
}

.pull-right-150 {
    margin-right: -150px
}

.push-left-150 {
    margin-left: 150px
}

.push-right-150 {
    margin-right: 150px
}

.pt-155 {
    padding-top: 155px
}

.pb-155 {
    padding-bottom: 155px
}

.mt-155 {
    margin-top: 155px
}

.mb-155 {
    margin-bottom: 155px
}

.pull-top-155 {
    margin-top: -155px
}

.pull-bottom-155 {
    margin-bottom: -155px
}

.pull-left-155 {
    margin-left: -155px
}

.pull-right-155 {
    margin-right: -155px
}

.push-left-155 {
    margin-left: 155px
}

.push-right-155 {
    margin-right: 155px
}

.pt-160 {
    padding-top: 160px
}

.pb-160 {
    padding-bottom: 160px
}

.mt-160 {
    margin-top: 160px
}

.mb-160 {
    margin-bottom: 160px
}

.pull-top-160 {
    margin-top: -160px
}

.pull-bottom-160 {
    margin-bottom: -160px
}

.pull-left-160 {
    margin-left: -160px
}

.pull-right-160 {
    margin-right: -160px
}

.push-left-160 {
    margin-left: 160px
}

.push-right-160 {
    margin-right: 160px
}

.pt-165 {
    padding-top: 165px
}

.pb-165 {
    padding-bottom: 165px
}

.mt-165 {
    margin-top: 165px
}

.mb-165 {
    margin-bottom: 165px
}

.pull-top-165 {
    margin-top: -165px
}

.pull-bottom-165 {
    margin-bottom: -165px
}

.pull-left-165 {
    margin-left: -165px
}

.pull-right-165 {
    margin-right: -165px
}

.push-left-165 {
    margin-left: 165px
}

.push-right-165 {
    margin-right: 165px
}

.pt-170 {
    padding-top: 170px
}

.pb-170 {
    padding-bottom: 170px
}

.mt-170 {
    margin-top: 170px
}

.mb-170 {
    margin-bottom: 170px
}

.pull-top-170 {
    margin-top: -170px
}

.pull-bottom-170 {
    margin-bottom: -170px
}

.pull-left-170 {
    margin-left: -170px
}

.pull-right-170 {
    margin-right: -170px
}

.push-left-170 {
    margin-left: 170px
}

.push-right-170 {
    margin-right: 170px
}

.pt-175 {
    padding-top: 175px
}

.pb-175 {
    padding-bottom: 175px
}

.mt-175 {
    margin-top: 175px
}

.mb-175 {
    margin-bottom: 175px
}

.pull-top-175 {
    margin-top: -175px
}

.pull-bottom-175 {
    margin-bottom: -175px
}

.pull-left-175 {
    margin-left: -175px
}

.pull-right-175 {
    margin-right: -175px
}

.push-left-175 {
    margin-left: 175px
}

.push-right-175 {
    margin-right: 175px
}

.pt-180 {
    padding-top: 180px
}

.pb-180 {
    padding-bottom: 180px
}

.mt-180 {
    margin-top: 180px
}

.mb-180 {
    margin-bottom: 180px
}

.pull-top-180 {
    margin-top: -180px
}

.pull-bottom-180 {
    margin-bottom: -180px
}

.pull-left-180 {
    margin-left: -180px
}

.pull-right-180 {
    margin-right: -180px
}

.push-left-180 {
    margin-left: 180px
}

.push-right-180 {
    margin-right: 180px
}

.pt-185 {
    padding-top: 185px
}

.pb-185 {
    padding-bottom: 185px
}

.mt-185 {
    margin-top: 185px
}

.mb-185 {
    margin-bottom: 185px
}

.pull-top-185 {
    margin-top: -185px
}

.pull-bottom-185 {
    margin-bottom: -185px
}

.pull-left-185 {
    margin-left: -185px
}

.pull-right-185 {
    margin-right: -185px
}

.push-left-185 {
    margin-left: 185px
}

.push-right-185 {
    margin-right: 185px
}

.pt-190 {
    padding-top: 190px
}

.pb-190 {
    padding-bottom: 190px
}

.mt-190 {
    margin-top: 190px
}

.mb-190 {
    margin-bottom: 190px
}

.pull-top-190 {
    margin-top: -190px
}

.pull-bottom-190 {
    margin-bottom: -190px
}

.pull-left-190 {
    margin-left: -190px
}

.pull-right-190 {
    margin-right: -190px
}

.push-left-190 {
    margin-left: 190px
}

.push-right-190 {
    margin-right: 190px
}

.pt-195 {
    padding-top: 195px
}

.pb-195 {
    padding-bottom: 195px
}

.mt-195 {
    margin-top: 195px
}

.mb-195 {
    margin-bottom: 195px
}

.pull-top-195 {
    margin-top: -195px
}

.pull-bottom-195 {
    margin-bottom: -195px
}

.pull-left-195 {
    margin-left: -195px
}

.pull-right-195 {
    margin-right: -195px
}

.push-left-195 {
    margin-left: 195px
}

.push-right-195 {
    margin-right: 195px
}

.pt-200 {
    padding-top: 200px
}

.pb-200 {
    padding-bottom: 200px
}

.mt-200 {
    margin-top: 200px
}

.mb-200 {
    margin-bottom: 200px
}

.pull-top-200 {
    margin-top: -200px
}

.pull-bottom-200 {
    margin-bottom: -200px
}

.pull-left-200 {
    margin-left: -200px
}

.pull-right-200 {
    margin-right: -200px
}

.push-left-200 {
    margin-left: 200px
}

.push-right-200 {
    margin-right: 200px
}

.pt-205 {
    padding-top: 205px
}

.pb-205 {
    padding-bottom: 205px
}

.mt-205 {
    margin-top: 205px
}

.mb-205 {
    margin-bottom: 205px
}

.pull-top-205 {
    margin-top: -205px
}

.pull-bottom-205 {
    margin-bottom: -205px
}

.pull-left-205 {
    margin-left: -205px
}

.pull-right-205 {
    margin-right: -205px
}

.push-left-205 {
    margin-left: 205px
}

.push-right-205 {
    margin-right: 205px
}

.pt-210 {
    padding-top: 210px
}

.pb-210 {
    padding-bottom: 210px
}

.mt-210 {
    margin-top: 210px
}

.mb-210 {
    margin-bottom: 210px
}

.pull-top-210 {
    margin-top: -210px
}

.pull-bottom-210 {
    margin-bottom: -210px
}

.pull-left-210 {
    margin-left: -210px
}

.pull-right-210 {
    margin-right: -210px
}

.push-left-210 {
    margin-left: 210px
}

.push-right-210 {
    margin-right: 210px
}

.pt-215 {
    padding-top: 215px
}

.pb-215 {
    padding-bottom: 215px
}

.mt-215 {
    margin-top: 215px
}

.mb-215 {
    margin-bottom: 215px
}

.pull-top-215 {
    margin-top: -215px
}

.pull-bottom-215 {
    margin-bottom: -215px
}

.pull-left-215 {
    margin-left: -215px
}

.pull-right-215 {
    margin-right: -215px
}

.push-left-215 {
    margin-left: 215px
}

.push-right-215 {
    margin-right: 215px
}

.pt-220 {
    padding-top: 220px
}

.pb-220 {
    padding-bottom: 220px
}

.mt-220 {
    margin-top: 220px
}

.mb-220 {
    margin-bottom: 220px
}

.pull-top-220 {
    margin-top: -220px
}

.pull-bottom-220 {
    margin-bottom: -220px
}

.pull-left-220 {
    margin-left: -220px
}

.pull-right-220 {
    margin-right: -220px
}

.push-left-220 {
    margin-left: 220px
}

.push-right-220 {
    margin-right: 220px
}

.pt-225 {
    padding-top: 225px
}

.pb-225 {
    padding-bottom: 225px
}

.mt-225 {
    margin-top: 225px
}

.mb-225 {
    margin-bottom: 225px
}

.pull-top-225 {
    margin-top: -225px
}

.pull-bottom-225 {
    margin-bottom: -225px
}

.pull-left-225 {
    margin-left: -225px
}

.pull-right-225 {
    margin-right: -225px
}

.push-left-225 {
    margin-left: 225px
}

.push-right-225 {
    margin-right: 225px
}

.pt-230 {
    padding-top: 230px
}

.pb-230 {
    padding-bottom: 230px
}

.mt-230 {
    margin-top: 230px
}

.mb-230 {
    margin-bottom: 230px
}

.pull-top-230 {
    margin-top: -230px
}

.pull-bottom-230 {
    margin-bottom: -230px
}

.pull-left-230 {
    margin-left: -230px
}

.pull-right-230 {
    margin-right: -230px
}

.push-left-230 {
    margin-left: 230px
}

.push-right-230 {
    margin-right: 230px
}

.pt-235 {
    padding-top: 235px
}

.pb-235 {
    padding-bottom: 235px
}

.mt-235 {
    margin-top: 235px
}

.mb-235 {
    margin-bottom: 235px
}

.pull-top-235 {
    margin-top: -235px
}

.pull-bottom-235 {
    margin-bottom: -235px
}

.pull-left-235 {
    margin-left: -235px
}

.pull-right-235 {
    margin-right: -235px
}

.push-left-235 {
    margin-left: 235px
}

.push-right-235 {
    margin-right: 235px
}

.pt-240 {
    padding-top: 240px
}

.pb-240 {
    padding-bottom: 240px
}

.mt-240 {
    margin-top: 240px
}

.mb-240 {
    margin-bottom: 240px
}

.pull-top-240 {
    margin-top: -240px
}

.pull-bottom-240 {
    margin-bottom: -240px
}

.pull-left-240 {
    margin-left: -240px
}

.pull-right-240 {
    margin-right: -240px
}

.push-left-240 {
    margin-left: 240px
}

.push-right-240 {
    margin-right: 240px
}

.pt-245 {
    padding-top: 245px
}

.pb-245 {
    padding-bottom: 245px
}

.mt-245 {
    margin-top: 245px
}

.mb-245 {
    margin-bottom: 245px
}

.pull-top-245 {
    margin-top: -245px
}

.pull-bottom-245 {
    margin-bottom: -245px
}

.pull-left-245 {
    margin-left: -245px
}

.pull-right-245 {
    margin-right: -245px
}

.push-left-245 {
    margin-left: 245px
}

.push-right-245 {
    margin-right: 245px
}

.pt-250 {
    padding-top: 250px
}

.pb-250 {
    padding-bottom: 250px
}

.mt-250 {
    margin-top: 250px
}

.mb-250 {
    margin-bottom: 250px
}

.pull-top-250 {
    margin-top: -250px
}

.pull-bottom-250 {
    margin-bottom: -250px
}

.pull-left-250 {
    margin-left: -250px
}

.pull-right-250 {
    margin-right: -250px
}

.push-left-250 {
    margin-left: 250px
}

.push-right-250 {
    margin-right: 250px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #000;
    font-weight: 300
}

.bg-tiara {
    background-color: #C5D3D3
}

html {
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    box-sizing: border-box;
    font-family: LatoWeb, sans-serif;
    font-size: 16px;
    overflow-y: scroll;
    min-height: 100%;
    word-wrap: break-word;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

* {
    outline: 0
}

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

.btn,
a {
    transition: .5s all ease-in-out
}

body {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    min-height: 100vh;
    overflow-x: hidden;
    position: relative;
    width: 100%;
    font-family: LatoWeb, sans-serif
}

body.inner {
    padding-top: 0
}

@media (max-width:580px) {
    body.inner {
        padding-top: 0
    }
}

address,
ul {
    padding: 0;
    margin: 0
}

button:focus {
    outline: 0
}

ul {
    list-style: none
}

.main-content-section .btn-wrap {
    margin-top: 30px
}

@media (max-width:1280px) {
    .container {
        max-width: 1024px
    }
}

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

@media (max-width:860px) {
    .container {
        max-width: 640px
    }
}

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

@media (max-width:576px) {
    .container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

.te-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -11px
}

@media (max-width:768px) {
    .te-row {
        flex-flow: column;
        width: auto
    }
}

.left-column {
    width: 50%;
    padding: 0 11px
}

@media (max-width:768px) {
    .left-column {
        width: 100%
    }
}

.right-column {
    width: 50%;
    padding: 0 11px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .aos-animate,
    .aos-init {
        transition: none;
        transform: none;
        transition-delay: 0;
        transition-duration: 0
    }
}

.paraxify {
    background-position: center center;
    background-size: cover
}

.slick-slide {
    outline: 0
}

.row.compact {
    margin-left: -10px;
    margin-right: -10px
}

.row.compact div[class*=col-] {
    padding-left: 10px;
    padding-right: 10px
}

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

.row.compact div.col-md-3:nth-child(n+5) {
    margin-top: 60px
}

html.noscroll {
    overflow: hidden
}

html.noscroll body {
    overflow: scroll
}

button,
hr,
input {
    overflow: visible
}

.uppercase {
    text-transform: uppercase
}

.icon-search-icon:before {
    content: "\e911"
}

.icon-chevron-left:before {
    content: "\e90f"
}

.icon-chevron-right:before {
    content: "\e910"
}

.icon-calendar:before {
    content: "\e90e"
}

.icon-menu:before {
    content: "\e90d"
}

.icon-minus:before {
    content: "\e90b"
}

.icon-plus:before {
    content: "\e90c"
}

.icon-simple-arrow:before {
    content: "\e90a"
}

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

.icon-arrow-up:before {
    content: "\e908"
}

.icon-whatsapp:before {
    content: "\e909"
}

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

.icon-close:before {
    content: "\e901"
}

.icon-instagram:before {
    content: "\e902"
}

.icon-more:before {
    content: "\e904"
}

.icon-oval-arrow-left:before {
    content: "\e905"
}

.icon-oval-arrow-right:before {
    content: "\e906"
}

.icon-phone:before {
    content: "\e907"
}

body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,
h2 {
    letter-spacing: 1.5px;
    font-size: 2.5rem;
    line-height: 1
}

p {
    margin-bottom: 20px
}

@media (max-width:768px) {
    .right-column {
        width: 100%
    }

    [data-aos=fade-up] {
        transform: translate3d(0, 0, 0)
    }

    [data-aos^=fade][data-aos^=fade] {
        opacity: 1;
        transition-property: opacity, transform
    }

    p {
        margin-bottom: 15px
    }
}

h3 {
    font-size: 1.625rem;
    line-height: 1;
    font-weight: 400
}

h4 {
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 400
}

@media (max-width:1280px) {

    h1,
    h2 {
        font-size: 2.1875rem
    }

    h3 {
        font-size: 1.25rem
    }

    h4 {
        font-size: 1.125rem
    }
}

@media (max-width:580px) {

    h1,
    h2 {
        font-size: 1.6rem;
        line-height: 1.3
    }
}

p {
    font-size: 17px;
    line-height: 26px;
    font-weight: 400
}

@media (max-width:580px) {
    p {
        text-align: left;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px
    }
}

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

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-Black.eot);
    src: url(../fonts/Lato-Blackd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-Black.html) format("woff2"), url(../fonts/Lato-Black.woff) format("woff"), url(../fonts/Lato-Black.ttf) format("truetype");
    font-style: normal;
    font-weight: 900;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-BlackItalic.eot);
    src: url(../fonts/Lato-BlackItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-BlackItalic.html) format("woff2"), url(../fonts/Lato-BlackItalic.woff) format("woff"), url(../fonts/Lato-BlackItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 900;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-Bold.eot);
    src: url(../fonts/Lato-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-Bold.html) format("woff2"), url(../fonts/Lato-Bold.woff) format("woff"), url(../fonts/Lato-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-BoldItalic.eot);
    src: url(../fonts/Lato-BoldItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-BoldItalic.html) format("woff2"), url(../fonts/Lato-BoldItalic.woff) format("woff"), url(../fonts/Lato-BoldItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 700;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-Hairline.eot);
    src: url(../fonts/Lato-Hairlined41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-Hairline.html) format("woff2"), url(../fonts/Lato-Hairline.woff) format("woff"), url(../fonts/Lato-Hairline.ttf) format("truetype");
    font-style: normal;
    font-weight: 100;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-HairlineItalic.eot);
    src: url(../fonts/Lato-HairlineItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-HairlineItalic.html) format("woff2"), url(../fonts/Lato-HairlineItalic.woff) format("woff"), url(../fonts/Lato-HairlineItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 100;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-Heavy.eot);
    src: url(../fonts/Lato-Heavyd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-Heavy.html) format("woff2"), url(../fonts/Lato-Heavy.woff) format("woff"), url(../fonts/Lato-Heavy.ttf) format("truetype");
    font-style: normal;
    font-weight: 800;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-HeavyItalic.eot);
    src: url(../fonts/Lato-HeavyItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-HeavyItalic.html) format("woff2"), url(../fonts/Lato-HeavyItalic.woff) format("woff"), url(../fonts/Lato-HeavyItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 800;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-Italic.eot);
    src: url(../fonts/Lato-Italicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-Italic.html) format("woff2"), url(../fonts/Lato-Italic.woff) format("woff"), url(../fonts/Lato-Italic.ttf) format("truetype");
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-Light.eot);
    src: url(../fonts/Lato-Lightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-Light.html) format("woff2"), url(../fonts/Lato-Light.woff) format("woff"), url(../fonts/Lato-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-LightItalic.eot);
    src: url(../fonts/Lato-LightItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-LightItalic.html) format("woff2"), url(../fonts/Lato-LightItalic.woff) format("woff"), url(../fonts/Lato-LightItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 300;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-Medium.eot);
    src: url(../fonts/Lato-Mediumd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-Medium.html) format("woff2"), url(../fonts/Lato-Medium.woff) format("woff"), url(../fonts/Lato-Medium.ttf) format("truetype");
    font-style: normal;
    font-weight: 500;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-MediumItalic.eot);
    src: url(../fonts/Lato-MediumItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-MediumItalic.html) format("woff2"), url(../fonts/Lato-MediumItalic.woff) format("woff"), url(../fonts/Lato-MediumItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 500;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-Regular.eot);
    src: url(../fonts/Lato-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-Regular.html) format("woff2"), url(../fonts/Lato-Regular.woff) format("woff"), url(../fonts/Lato-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-Semibold.eot);
    src: url(../fonts/Lato-Semiboldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-Semibold.html) format("woff2"), url(../fonts/Lato-Semibold.woff) format("woff"), url(../fonts/Lato-Semibold.ttf) format("truetype");
    font-style: normal;
    font-weight: 600;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-SemiboldItalic.eot);
    src: url(../fonts/Lato-SemiboldItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-SemiboldItalic.html) format("woff2"), url(../fonts/Lato-SemiboldItalic.woff) format("woff"), url(../fonts/Lato-SemiboldItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 600;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-Thin.eot);
    src: url(../fonts/Lato-Thind41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-Thin.html) format("woff2"), url(../fonts/Lato-Thin.woff) format("woff"), url(../fonts/Lato-Thin.ttf) format("truetype");
    font-style: normal;
    font-weight: 200;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: LatoWeb;
    src: url(../fonts/Lato-ThinItalic.eot);
    src: url(../fonts/Lato-ThinItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato-ThinItalic.html) format("woff2"), url(../fonts/Lato-ThinItalic.woff) format("woff"), url(../fonts/Lato-ThinItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 200;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomooned4d.eot?nxpky2);
    src: url(../fonts/icomooned4d.eot?nxpky2#iefix) format("embedded-opentype"), url(../fonts/icomooned4d.ttf?nxpky2) format("truetype"), url(../fonts/icomooned4d.woff?nxpky2) format("woff"), url(../fonts/icomooned4d.svg?nxpky2#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
    font-display: swap
}

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

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
body,
h1 {
    margin: 0
}

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

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

a {
    color: #fff;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    background-color: #fff0
}

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

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

button,
select {
    text-transform: none
}

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

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

fieldset {
    padding: .35em .75em .625em
}

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

textarea {
    resize: vertical;
    overflow: auto
}

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

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

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

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

details {
    display: block
}

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

[hidden],
template {
    display: none
}

.side-nav {
    width: 100%;
    max-width: 420px;
    background: rgb(46 75 71 / .9);
    position: relative;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    padding: 100px 50px 100px 60px;
    transition: .6s all;
    transform: translateX(50%);
    opacity: 0;
    visibility: hidden;
    overflow: auto
}

@media (max-width:1660px) {
    .side-nav {
        padding-top: 60px
    }
}

.side-nav .close-menu {
    position: absolute;
    right: 50px;
    top: 50px;
    font-size: 34px;
    color: rgb(255 255 255 / .6);
    z-index: 4
}

@media (max-width:1280px) {
    .side-nav .close-menu {
        font-size: 28px
    }
}

@media (max-width:580px) {
    .side-nav {
        max-width: 100%;
        padding: 50px 30px
    }

    .side-nav .close-menu {
        font-size: 24px;
        right: 24px;
        top: 18px
    }
}

.side-nav .close-menu:hover {
    color: #fff
}

.side-nav .icon-wrap {
    font-size: 14px;
    margin-left: 20px
}

.side-nav ul.menu {
    transition: .6s all;
    opacity: 0;
    font-size: 14px;
    font-weight: 600;
    border-top: rgb(255 255 255 / .3) 1px solid;
    text-transform: uppercase;
    transform: translateX(100px);
    line-height: 34px
}

.side-nav.active,
.side-nav.active ul.menu {
    transform: translateX(0);
    opacity: 1
}

.side-nav ul.menu+ul.menu {
    margin-top: 25px;
    padding-top: 25px
}

.side-nav ul.menu:first-child {
    border-top: 0
}

.side-nav ul.menu li>ul {
    margin-left: 15px
}

.side-nav ul.menu li a {
    color: rgb(255 255 255 / .6)
}

.side-nav ul.menu li a:hover {
    color: #fff
}

.side-nav ul.menu.white li a {
    color: rgb(255 255 255 / .6)
}

.side-nav ul.menu.white li a:hover {
    color: #fff
}

.side-nav ul.menu:nth-child(3n+1) {
    transition-delay: 83.33ms
}

.side-nav ul.menu:nth-child(3n+2) {
    transition-delay: .16667s
}

.side-nav ul.menu:nth-child(3n+3) {
    transition-delay: .25s
}

.side-nav.active {
    visibility: visible
}

.side-nav .social {
    font-size: 1.15rem;
    display: none;
    margin-left: auto;
    margin-top: 40px
}

.side-nav .social .icon-wrap {
    margin: 0;
    font-size: 19px
}

@media (max-width:580px) {
    .side-nav .social {
        display: inline-flex
    }

    .sticky-menu {
        opacity: 0;
    }
}

.side-nav .social a {
    color: #fff;
    height: 25px;
    width: 25px
}

.side-nav .social a+a {
    margin-left: 14px
}

.sticky-menu {
    margin-right: -1px;
    background: rgb(255 255 255 / .4);
    transition: .8s all ease-in-out;
    transition-delay: 1.8s;
    position: fixed;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    width: 56px;
    z-index: 666;
    opacity: 0
}

.sticky-menu.active {
    opacity: 1
}

.sticky-menu a {
    height: 56px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    position: relative
}

.sticky-menu a:hover {
    border-color: #6D8380;
    background-color: #6D8380;
    color: #fff;
    z-index: 1
}

.sticky-menu a+a {
    margin-top: -1px
}

.sticky-menu a .icon-wrap {
    font-size: 26px
}

footer .menu,
footer h6,
header.centered .top-nav {
    font-size: 14px;
    letter-spacing: 0
}

.sticky-menu a .icon-wrap .icon-arrow-up {
    display: block;
    transform: rotate(180deg)
}

.page-start .sticky-menu a .icon-wrap .icon-arrow-up {
    transform: rotate(180deg)
}

.page-section .sticky-menu a .icon-wrap .icon-arrow-up {
    transform: rotate(0)
}

footer {
    position: relative;
    background-color: rgb(197 211 211 / .2)
}

footer .row+.row {
    margin-top: 40px
}

footer h6 {
    color: #000;
    font-weight: 400
}

footer .brand-wrap {
    flex: 0 0 27%;
    max-width: 27%
}

footer .brand-wrap .brand-logo {
    position: absolute;
    margin-top: -20px;
    margin-left: -15px;
    top: 50%
}

footer .brand-wrap .brand-logo img {
    max-width: 235px;
    width: 100%
}

footer .menu-block {
    flex: 0 0 48%;
    max-width: 48%
}

footer .newsletter-block {
    flex: 0 0 25%;
    max-width: 25%;
    padding-top: 7px
}

@media (max-width:580px) {
    footer .brand-wrap .brand-logo {
        margin-left: 0
    }

    footer .menu-wrap .col-sm-4 {
        max-width: 50%
    }

    footer .menu-wrap .col-sm-4:last-child {
        margin-top: 30px
    }

    section.banner .hero-banner .banner-image-holder img {
        max-height: 100vh
    }
}

footer .menu {
    font-weight: 400;
    line-height: 2.5;
    text-transform: uppercase
}

footer .menu li a {
    color: #000
}

footer .menu li a:hover {
    color: #6D8380
}

footer .offset-md-3 {
    margin-left: 27%
}

footer .copyright {
    font-size: 13px;
    color: rgb(83 79 80 / .6);
    letter-spacing: 0
}

footer .copyright a {
    color: #fff;
    margin-left: 40px
}

@media (max-width:860px) {
    footer .copyright a {
        margin-left: 0;
        display: block;
        margin-top: 10px
    }
}

footer .copyright a:hover {
    color: #db002d;
    font-weight: 700
}

@media (max-width:1080px) {
    footer.pt-90 {
        padding-top: 60px
    }

    footer .brand-wrap .brand-logo {
        position: relative;
        top: 0;
        margin-top: 0
    }

    footer .menu-wrap {
        margin-top: 40px;
        margin-bottom: 40px
    }

    footer form {
        max-width: 300px
    }

    footer .col-md-8.offset-md-3 {
        margin-left: 0
    }
}

section.banner {
    height: 100vh !important;
    overflow: hidden;
    background: url(../img/loader.svg) center center no-repeat #C5D3D3
}

section.banner .slick-slide {
    height: 100%;
    position: relative;
    z-index: 1;
    padding: 0;
    width: 100%;
    overflow: hidden
}

section.banner .slick-slide .hero-banner-image {
    width: 100%
}

section.banner .slick-slide .hero-banner-image .banner-image-holder {
    opacity: 1;
    transform: scale(1.09) translateY(0);
    transition: 10s all ease-in-out
}

section.banner .slick-slide.slick-active .hero-banner-image .banner-image-holder {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: 10s all ease-in-out
}

section.banner .slick-slide.slick-active .hero-banner-image .hero-caption-wrapper .hero-caption .btn-wrap,
section.banner .slick-slide.slick-active .hero-banner-image .hero-caption-wrapper .hero-caption h1 {
    transform: translateY(0);
    opacity: 1
}

section.banner .slick-slide.slick-active .hero-caption-wrapper .hero-caption .btn-wrap,
section.banner .slick-slide.slick-active .hero-caption-wrapper .hero-caption h1 {
    transition: 1s all ease-in-out
}

section.banner .slick-slide.slick-active .hero-caption-wrapper .hero-caption h1 {
    transform: translateY(40px);
    transition-duration: 1.2s;
    transition-delay: 1.8s
}

section.banner .slick-slide.slick-active .hero-caption-wrapper .hero-caption .btn-wrap {
    transition-duration: 1s;
    transition-delay: 2.9s
}

section.banner .slick-slide.reset-animation .hero-banner-image .banner-image-holder {
    transition: all 0s ease-in-out
}

section.banner .slick-slide.reset-animation .hero-caption-wrapper .hero-caption .btn-wrap,
section.banner .slick-slide.reset-animation .hero-caption-wrapper .hero-caption h1 {
    transition: 0s all ease-in-out;
    transition-duration: 0s;
    transition-delay: 0s
}

section.banner .slick-slide .hero-banner-arrow-controls,
section.banner .slick-slide .slider-counter {
    transition: 10s all ease-in-out;
    transition-delay: 1.5s;
    opacity: 0
}

section.banner .slick-slide .hero-banner-arrow-controls.active,
section.banner .slick-slide .slider-counter.active {
    opacity: 1
}

section.banner .hero-banner .hero-banner-image {
    position: relative
}

section.banner .hero-banner .hero-banner-image .container-fluid {
    padding: 0
}

section.banner .hero-banner .hero-banner-image:after {
    z-index: 0;
    background-size: cover;
    background-position: center center;
    transition: .8s all ease-in-out;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

section.banner .hero-banner .banner-image-holder img {
    object-fit: cover;
    object-position: 50% 0;
    position: relative;
    min-width: 100%;
    height: 100vh
}

section.banner .hero-banner .container,
section.banner .hero-banner .container-fluid {
    position: relative
}

section.banner .hero-banner .hero-caption-wrapper {
    position: absolute;
    z-index: 1;
    bottom: 8vh;
    width: 100%;
    text-align: center
}

section.banner .hero-banner .hero-caption-wrapper .hero-caption .btn-wrap,
section.banner .hero-banner .hero-caption-wrapper .hero-caption h1 {
    transition: 1s all ease-in-out;
    opacity: 0
}

section.banner .hero-banner .hero-caption-wrapper .hero-caption h1 {
    transition-delay: 1.8s;
    transform: translateY(40px);
    transition-duration: 1.2s
}

section.banner .hero-banner .hero-caption-wrapper .hero-caption .btn-wrap {
    transition-delay: 2.9s;
    margin-top: 3vh
}

section.banner .hero-banner .hero-caption-wrapper .hero-caption .brand-with-caption {
    display: flex;
    align-items: center;
    justify-content: center
}

section.banner .hero-banner .hero-caption-wrapper .hero-caption .brand-with-caption h1 {
    font-weight: 300;
    text-align: center;
    color: #fff
}

section.banner .hero-banner .hero-caption-wrapper .hero-caption .brand-with-caption span {
    margin-right: 15px;
    font-family: Javacom;
    font-size: 2.2rem;
    font-weight: 200;
    top: -6px;
    position: relative
}

@media (max-width:1280px) {
    section.banner .hero-banner .hero-caption-wrapper .hero-caption .brand-with-caption span {
        font-size: 2.1875rem
    }
}

section.banner .hero-banner.dark .hero-caption-wrapper .hero-caption h1 {
    color: #fff
}

section.banner .hero-banner.light .hero-caption-wrapper .hero-caption h1 {
    color: #000
}

section.banner .hero-banner-slider {
    transition: .3s all;
    position: relative;
    z-index: 3
}

@media (max-width:580px) {
    section.banner .hero-banner .hero-caption-wrapper {
        bottom: 100px
    }

    section.banner .hero-banner .hero-caption-wrapper .hero-caption .brand-with-caption span {
        display: block;
        font-size: 1.6rem;
        margin-right: 0
    }

    section.banner .hero-banner-slider .slider-counter {
        display: none
    }
}

section.banner .hero-banner-slider .slider-counter.container,
section.banner .hero-banner-slider .slider-counter.container-fluid {
    color: #fff;
    text-align: right;
    position: absolute;
    writing-mode: vertical-rl;
    text-orientation: upright;
    left: 0;
    right: 0;
    top: calc(50vh - 50px);
    padding: 0 60px
}

section.banner .hero-banner-slider .slider-counter.container span,
section.banner .hero-banner-slider .slider-counter.container-fluid span {
    height: 30px;
    width: 20px;
    display: inline-flex;
    text-align: center;
    line-height: 25px;
    align-items: center;
    justify-content: center
}

section.banner .hero-banner-slider .slider-counter.container span+span,
section.banner .hero-banner-slider .slider-counter.container-fluid span+span {
    border-top: 1px solid #fff
}

section.banner .hero-banner-arrow-controls {
    position: absolute;
    left: 0;
    right: 0;
    top: 50vh;
    display: block;
    height: auto;
    transition: .3s opacity;
    z-index: 3
}

section.banner .hero-banner-arrow-controls.force-hide,
section.banner .hero-banner-arrow-controls.force-hide:hover,
section.banner .hero-banner-arrow-controls.mouse-active.force-hide {
    opacity: 0 !important;
    visibility: hidden !important
}

section.banner .hero-banner-arrow-controls .slick-prev {
    left: 60px
}

section.banner .hero-banner-arrow-controls .slick-next {
    right: 60px
}

section.banner .hero-banner-arrow-controls.mouse-active,
section.banner .hero-banner-arrow-controls:hover {
    opacity: 1 !important;
    visibility: visible !important
}

section.banner .hero-banner-arrow-controls .slick-arrow {
    transition: .3s all ease-in-out;
    opacity: .5
}

section.banner .hero-banner-arrow-controls .slick-arrow.slick-disabled {
    opacity: 0 !important
}

section.banner .hero-banner-arrow-controls .slick-arrow:hover {
    opacity: 1 !important;
    visibility: visible !important
}

section.banner .hero-banner-arrow-controls,
section.banner .hero-banner-slider {
    opacity: 0;
    visibility: hidden
}

@media (max-width:580px) {
    section.banner .hero-banner-arrow-controls .slick-prev {
        left: 15px
    }

    section.banner .hero-banner-arrow-controls .slick-next {
        right: 15px
    }

    section.banner .hero-banner-arrow-controls,
    section.banner .hero-banner-slider {
        visibility: visible;
        opacity: 1
    }
}

section.banner.loaded {
    background-image: none
}

section.banner.loaded .hero-banner-slider {
    opacity: 1;
    visibility: visible
}

body[data-theme=light] section.banner .hero-banner-arrow-controls .slick-next,
body[data-theme=light] section.banner .hero-banner-arrow-controls .slick-prev,
body[data-theme=none] section.banner .hero-banner-arrow-controls .slick-next,
body[data-theme=none] section.banner .hero-banner-arrow-controls .slick-prev {
    color: #000
}

body[data-theme=light] section.banner .hero-banner .hero-banner-image:after,
body[data-theme=none] section.banner .hero-banner .hero-banner-image:after {
    opacity: .4;
    background-image: url(../img/white-overlay.svg)
}

body[data-theme=light] section.banner .hero-banner-slider .slider-counter.container span,
body[data-theme=light] section.banner .hero-banner-slider .slider-counter.container-fluid span,
body[data-theme=none] section.banner .hero-banner-slider .slider-counter.container span,
body[data-theme=none] section.banner .hero-banner-slider .slider-counter.container-fluid span {
    color: #000
}

body[data-theme=dark] section.banner .hero-banner-arrow-controls .slick-next,
body[data-theme=dark] section.banner .hero-banner-arrow-controls .slick-prev,
body[data-theme=dark] section.banner .hero-banner-slider .slider-counter.container span,
body[data-theme=dark] section.banner .hero-banner-slider .slider-counter.container-fluid span {
    color: #fff
}

body[data-theme=light] section.banner .hero-banner-slider .slider-counter.container span+span,
body[data-theme=light] section.banner .hero-banner-slider .slider-counter.container-fluid span+span,
body[data-theme=none] section.banner .hero-banner-slider .slider-counter.container span+span,
body[data-theme=none] section.banner .hero-banner-slider .slider-counter.container-fluid span+span {
    border-color: #000
}

body[data-theme=dark] section.banner .hero-banner .hero-banner-image:after {
    opacity: .4;
    background-image: url(../img/black-overlay.svg)
}

body[data-theme=dark] section.banner .hero-banner-slider .slider-counter.container span+span,
body[data-theme=dark] section.banner .hero-banner-slider .slider-counter.container-fluid span+span {
    border-color: #fff
}

.image-wrap img,
.image-wrap picture {
    width: 100%;
    max-height: 550px;
    overflow: hidden;
    max-width: 100%
}

.image-wrap p {
    max-width: 800px;
    margin: 35px auto 0
}

.image-wrap p:last-child,
section.services .cell-body p:last-child {
    margin-bottom: 0
}

.btn-wrap.center {
    text-align: center
}

header.centered {
    position: relative;
    font-weight: 600
}

header.centered.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4
}

header.centered .main-nav,
header.centered img {
    transition: .5s all ease-in-out
}

header.centered .container-fluid {
    padding-left: 60px;
    padding-right: 60px
}

header.centered .brand-wrap {
    width: 175px;
    height: 25px;
    position: relative
}

header.centered .brand-wrap img {
    position: absolute;
    opacity: 0
}

header.centered .top-nav {
    display: flex;
    justify-content: space-between;
    color: #000;
    line-height: 14px;
    padding: 30px 0;
    height: 83px
}

header.centered .top-nav a {
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #000;
    letter-spacing: 0
}

header.centered .top-nav .nav-col.social .icon-wrap {
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    height: 24px;
    width: 24px
}

header.centered .top-nav .nav-col.social a+a {
    margin-left: 8px
}

header.centered .top-nav .nav-col.brand {
    position: absolute;
    left: 50%;
    margin-left: -86px
}

header.centered .top-nav .nav-col .icon-wrap {
    font-size: 16px
}

header.centered .top-nav .nav-col ul {
    height: 100%;
    display: inline-flex
}

header.centered .top-nav .nav-col ul li+li {
    margin-left: 40px
}

header.centered .main-nav {
    display: flex;
    justify-content: center;
    border-top: 1px solid rgb(0 0 0 / .25);
    border-bottom: 1px solid rgb(0 0 0 / .25)
}

header.centered .main-nav ul.menu-bar {
    display: inline-flex;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 14px
}

header.centered .main-nav ul.menu-bar li a {
    padding: 10px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 35px
}

header.centered .main-nav ul.menu-bar li a .icon-wrap {
    font-size: 22px;
    margin-left: 10px
}

body[data-theme=light] header.centered a,
body[data-theme=none] header.centered a {
    color: #fff
}

body[data-theme=light] header.centered a:hover,
body[data-theme=none] header.centered a:hover {
    color: #6D8380
}

body[data-theme=light] header.centered .top-nav .brand-wrap .light,
body[data-theme=none] header.centered .top-nav .brand-wrap .light {
    opacity: 1
}

body[data-theme=light] header.centered .main-nav,
body[data-theme=none] header.centered .main-nav {
    border-top-color: rgb(255 255 255 / .1);
    border-bottom-color: rgb(255 255 255 / .1)
}

.sticky-header.default .main-nav,
body[data-theme=dark] header.centered .main-nav,
header.left.default .main-nav {
    border-top-color: rgb(0 0 0 / .1);
    border-bottom-color: rgb(0 0 0 / .1)
}

body[data-theme=light] a.blink,
body[data-theme=none] a.blink {
    animation: darkColorChange 1m linear 3s infinite
}

body[data-theme=dark] header.centered a {
    color: #000
}

body[data-theme=dark] header.centered a:hover {
    color: #6D8380
}

body[data-theme=dark] header.centered .top-nav .brand-wrap .dark {
    opacity: 1
}

body[data-theme=dark] a.blink {
    animation: lightColorChange 1m linear 3s infinite
}

@keyframes lightColorChange {

    0%,
    100%,
    50% {
        color: #000
    }

    25%,
    75% {
        color: #6D8380
    }
}

@keyframes darkColorChange {

    0%,
    100%,
    50% {
        color: #fff
    }

    25%,
    75% {
        color: #6D8380
    }
}

.sticky-header,
header.left {
    position: relative;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    font-weight: 400;
    transition: .4s all ease
}

.sticky-header.active .container-fluid,
header.left.active .container-fluid {
    opacity: 1
}

.sticky-header.default a,
header.left.default a {
    color: #000
}

.sticky-header.default a:hover,
header.left.default a:hover {
    color: #6D8380
}

.sticky-header.default .brand-wrap .dark,
header.left.default .brand-wrap .dark {
    opacity: 1
}

.sticky-header .container-fluid,
header.left .container-fluid {
    padding-left: 60px;
    padding-right: 60px;
    transition: .8s opacity ease-in-out;
    transition-delay: 1s;
    opacity: 0
}

@media (max-width:768px) {

    .sticky-header .container-fluid,
    header.left .container-fluid {
        padding-left: 20px;
        padding-right: 20px
    }

    .sticky-header .top-nav .call-popup,
    header.left .top-nav .call-popup {
        max-width: 100%
    }
}

.sticky-header .top-nav,
header.left .top-nav {
    display: flex;
    padding: 8px 0;
    height: 42px;
    position: relative;
    display: none
}

@media (max-width:580px) {

    .sticky-header .top-nav,
    header.left .top-nav {
        display: none
    }
}

.sticky-header .top-nav .call-popup,
header.left .top-nav .call-popup {
    z-index: 1;
    padding: 40px;
    background-color: #fff;
    border: 1px solid rgb(0 0 0 / .1);
    box-shadow: 0 0 6px rgb(0 0 0 / .1);
    position: absolute;
    top: 42px;
    right: 0;
    opacity: 0;
    visibility: hidden
}

.sticky-header .top-nav .call-popup.active,
header.left .top-nav .call-popup.active {
    opacity: 1;
    visibility: visible
}

.sticky-header .top-nav .call-popup .close,
header.left .top-nav .call-popup .close {
    color: #000;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 10px
}

.sticky-header .top-nav .call-popup .btn,
header.left .top-nav .call-popup .btn {
    height: 34px;
    width: auto;
    border-radius: 0;
    font-size: 14px;
    letter-spacing: 5px;
    display: inline-flex;
    font-weight: 500;
    transition: .3s all linear;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    border: 0;
    background: 0 0;
    position: relative;
    transform-origin: center top;
    color: #000;
    margin: 0 15px
}

.sticky-header .top-nav .call-popup .btn:last-child,
header.left .top-nav .call-popup .btn:last-child {
    margin-right: 0
}

.sticky-header .top-nav .call-popup .btn::after,
header.left .top-nav .call-popup .btn::after {
    border-bottom-color: #000
}

.sticky-header .top-nav .call-popup p,
header.left .top-nav .call-popup p {
    margin: 0;
    font-size: 14px;
    letter-spacing: 1px
}

.sticky-header .top-nav .social,
header.left .top-nav .social {
    font-size: 1.15rem;
    display: inline-flex;
    margin-left: auto
}

.sticky-header .top-nav .social a,
header.left .top-nav .social a {
    height: 25px;
    width: 25px;
    color: #2c2c2c !important
}

.sticky-header .top-nav .social a+a,
header.left .top-nav .social a+a {
    margin-left: 10px
}

.sticky-header .main-nav,
header.left .main-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgb(0 0 0 / .25);
    border-bottom: 1px solid rgb(0 0 0 / .25);
    padding: 12px 0;
    height: 95px
}

@media (max-width:580px) {

    .sticky-header .main-nav,
    header.left .main-nav {
        height: 64px;
        padding: 10px 0
    }
}

.sticky-header .main-nav .brand-wrap,
header.left .main-nav .brand-wrap {
    display: inline-flex;
    position: relative;
    width: 250px;
    height: auto;
    margin-top: -2px
}

.sticky-header .main-nav .brand-wrap img,
header.left .main-nav .brand-wrap img {
    max-width: 100%;
    position: absolute
}

header.left .main-nav .brand-wrap img {
    width: 100%;
    top: -40px
}

.sticky-header .main-nav .brand-wrap img {
    width: 190px;
    top: -30px
}

@media (max-width:580px) {

    .sticky-header .main-nav .brand-wrap,
    header.left .main-nav .brand-wrap {
        width: 136px;
        height: auto
    }

    header.left .main-nav .brand-wrap {
        margin-top: 30px
    }
}

.sticky-header .main-nav .brand-wrap .dark,
.sticky-header .main-nav .brand-wrap .light,
header.left .main-nav .brand-wrap .dark,
header.left .main-nav .brand-wrap .light {
    opacity: 0
}

.sticky-header .main-nav ul.menu-bar,
header.left .main-nav ul.menu-bar {
    text-transform: uppercase;
    display: inline-flex;
    font-size: .88rem;
    letter-spacing: 0;
    line-height: 1
}

.sticky-header .main-nav ul.menu-bar li,
header.left .main-nav ul.menu-bar li {
    position: relative
}

.sticky-header .main-nav ul.menu-bar li a,
header.left .main-nav ul.menu-bar li a {
    padding: 10px 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    color: #2c2c2c !important;
    font-weight: 700
}

header.left .main-nav ul.menu-bar li a {
    padding: 0px 12px 0
}

.sticky-header .main-nav ul.menu-bar li a .icon-wrap,
header.left .main-nav ul.menu-bar li a .icon-wrap {
    font-size: 22px;
    margin-left: 10px
}

.sticky-header .main-nav ul.menu-bar li.active:after,
header.left .main-nav ul.menu-bar li.active:after {
    content: "";
    display: block;
    width: calc(100% - 24px);
    height: 1px;
    margin-left: 12px;
    border-bottom: 1px solid #fff;
    bottom: -20px
}

.sticky-header .main-nav ul.menu-bar li:last-child a,
header.left .main-nav ul.menu-bar li:last-child a {
    padding-right: 0
}

.sticky-header .main-nav ul.menu-bar li.highlight a,
header.left .main-nav ul.menu-bar li.highlight a {
    color: #6D8380 !important
}

.sticky-header .menu-toggler,
header.left .menu-toggler {
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 30px;
    width: 30px;
    font-size: 30px
}

@media (max-width:1280px) {

    .sticky-header .main-nav ul.menu-bar,
    header.left .main-nav ul.menu-bar {
        display: none
    }

    .sticky-header .menu-toggler,
    header.left .menu-toggler {
        display: flex
    }
}

body[data-theme=dark] header.left a {
    color: #000 !important
}

.menu-toggler i.icon.icon-menu {
    font-weight: 600
}

body[data-theme=dark] header.left a:hover {
    color: rgb(255 255 255 / .5)
}

body[data-theme=dark] header.left .brand-wrap .light {
    opacity: 1
}

body[data-theme=dark] header.left .main-nav {
    border-top-color: rgb(255 255 255 / .1);
    border-bottom-color: rgb(255 255 255 / .1)
}

.sticky-header .main-nav,
body[data-theme=light] header.left .main-nav,
body[data-theme=none] header.left .main-nav {
    border-top-color: rgb(0 0 0 / .1);
    border-bottom-color: rgb(0 0 0 / .1)
}

body[data-theme=light] header.left a,
body[data-theme=none] header.left a {
    color: #fff
}

body[data-theme=light] header.left a:hover,
body[data-theme=none] header.left a:hover {
    color: #fff
}

body[data-theme=light] header.left .brand-wrap .dark,
body[data-theme=none] header.left .brand-wrap .dark {
    opacity: 1
}

.sticky-header {
    position: fixed;
    transform: translate3d(0, -120px, 0)
}

.sticky-header .main-nav {
    height: 55px;
    padding: 10px 0
}

.sticky-header .main-nav ul.menu-bar li.active:after {
    bottom: -10px
}

.sticky-header .container-fluid {
    padding-left: 60px;
    padding-right: 60px;
    transition: .8s opacity ease-in-out;
    transition-delay: 1s;
    opacity: 1
}

.sticky-header a {
    color: #000
}

.sticky-header a:hover {
    color: rgb(0 0 0 / .5)
}

.sticky-header .brand-wrap .dark {
    opacity: 1
}

.scroll-down .sticky-header,
.scroll-up .sticky-header {
    background-color: #fff;
    border-bottom: 1px solid rgb(0 0 0 / .1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.scroll-down .sticky-header .main-nav,
.scroll-up .sticky-header .main-nav {
    border: 0
}

.scroll-up .sticky-header {
    transform: translate3d(0, 0, 0)
}

.scroll-up .sticky-header a {
    color: #000 !important
}

.scroll-up .sticky-header a:hover {
    color: rgb(0 0 0 / .5) !important
}

.scroll-up .sticky-header .brand-wrap .dark {
    opacity: 1 !important
}

.scroll-down .sticky-header {
    transform: translate3d(0, 0, 0)
}

.scroll-down .sticky-header a {
    color: #000 !important
}

.scroll-down .sticky-header a:hover {
    color: rgb(0 0 0 / .5) !important
}

.scroll-down .sticky-header .brand-wrap .dark {
    opacity: 1 !important
}

section.services .cell-wrapper {
    display: inline-flex;
    flex-wrap: wrap
}

section.services .cell-wrapper .cell.wide .cell-body {
    max-width: 550px
}

section.services .cell-wrapper .cell.wide.small {
    z-index: 1
}

section.services .cell-wrapper .cell.wide.small .cell-body {
    max-width: 437px
}

section.services .cell-wrapper .cell.landscape .cell-body {
    max-width: 550px
}

section.services .cell-wrapper .cell.landscape.wide {
    width: 100%
}

section.services .cell-wrapper .cell.landscape.wide.end {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end
}

section.services .cell-wrapper .cell.landscape.wide.end .cell-body {
    display: flex;
    align-items: flex-end;
    max-width: 437px;
    margin-right: auto;
    padding-bottom: 60px
}

section.services .cell-wrapper .cell.portrait .cell-body {
    max-width: 450px
}

section.services .cell-thumb {
    position: relative
}

section.services .cell-thumb .cell-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: .45s all ease-in-out;
    transition-delay: 0s;
    background: 0 0;
    z-index: 1
}

section.services .cell-thumb .cell-overlay .btn-wrap {
    height: 100%;
    display: flex;
    transition: .6s all ease-in-out;
    transform: translateY(15px);
    opacity: 0;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2
}

section.services .cell-thumb .cell-bg {
    overflow: hidden
}

section.services .cell-thumb .cell-bg img,
section.services .cell-thumb .cell-bg picture {
    max-width: 100%
}

.switcher-wrap,
section.services.design-solution .cell-wrapper .cell.wide .cell-body {
    max-width: 780px
}

section.services .cell-thumb .cell-bg picture {
    display: block;
    transition: 4s transform ease-in-out;
    transform: scale(1)
}

section.services .cell-body a p {
    color: #000
}

section.services .cell-body a h6 {
    color: #667D7A
}

section.services .cell-body a h3 {
    color: #000
}

section.services .cell-body p {
    color: #000
}

section.services .cell-body h6 {
    font-size: 13px;
    margin-top: 30px;
    color: #667D7A;
    font-weight: 700;
    letter-spacing: 5px;
    line-height: 1
}

section.services .cell-body h6+h3 {
    margin-top: 15px
}

@media (max-width:580px) {
    section.services .cell-body h6+h3 {
        margin-top: 10px
    }
}

section.services .cell-body h3 {
    color: #000;
    letter-spacing: 0;
    margin-top: 35px
}

section.services .cell:hover .cell-body a a,
section.services .cell:hover .cell-body a h1,
section.services .cell:hover .cell-body a h2,
section.services .cell:hover .cell-body a h3,
section.services .cell:hover .cell-body a h4,
section.services .cell:hover .cell-body a h5,
section.services .cell:hover .cell-body a h6,
section.services .cell:hover .cell-body a p,
section.services .title p a:hover {
    color: #264d47
}

section.services .cell-body p {
    margin-top: 16px
}

section.services .cell .cell-body a a,
section.services .cell .cell-body a h1,
section.services .cell .cell-body a h2,
section.services .cell .cell-body a h3,
section.services .cell .cell-body a h4,
section.services .cell .cell-body a h5,
section.services .cell .cell-body a h6,
section.services .cell .cell-body a p {
    transition: all .4s ease-in-out
}

section.services .cell:hover .cell-overlay {
    background: rgb(38 77 71 / .7)
}

section.services .cell:hover .cell-overlay .btn-wrap {
    transform: translateY(0);
    opacity: 1
}

section.services .cell:hover .cell-bg picture {
    transform: scale(1)
}

section.services.kitchen-overview .title h2 span {
    font-family: Javacom;
    font-size: 2.2rem;
    font-weight: 200;
    position: relative
}

@media (max-width:1280px) {
    section.services.kitchen-overview .title h2 span {
        font-size: 2.1875rem
    }
}

@media (max-width:580px) {
    section.services.kitchen-overview .title h2 span {
        display: block;
        font-size: 1.875rem;
        margin-right: 0
    }

    section.services.kitchen-overview.pb-80 {
        padding-bottom: 60px
    }
}

@media (max-width:1280px) {
    section.services .cell-wrapper {
        width: 100%
    }

    section.services .cell-wrapper .cell.landscape {
        max-width: 590px
    }

    section.services .cell-wrapper .cell.landscape.end {
        max-width: 100%
    }

    section.services .cell-wrapper .cell.landscape.end .cell-thumb {
        margin-left: 40px
    }

    section.services .cell-wrapper .cell.landscape.end .cell-body {
        padding-bottom: 0 !important;
        max-width: 100%
    }

    section.services .cell-wrapper .cell.portrait {
        max-width: 355px
    }
}

@media (max-width:1080px) {
    section.services .cell-wrapper .cell.wide {
        margin-left: 0
    }

    section.services .cell-wrapper .cell.wide.end.landscape {
        margin-top: 40px
    }

    section.services .cell-wrapper .cell.wide.end.landscape .cell-thumb {
        min-width: 390px
    }

    section.services .cell-wrapper .cell.wide .cell-body {
        max-width: 440px
    }

    section.services .cell-wrapper .cell.wide.small .cell-body {
        max-width: 100%
    }

    section.services .cell-wrapper .cell.landscape {
        max-width: 445px
    }

    section.services .cell-wrapper .cell.portrait {
        max-width: 245px;
        margin-top: -110px
    }
}

@media (max-width:860px) {
    section.services .cell-wrapper .cell.wide.end.landscape .cell-thumb {
        min-width: 360px
    }

    section.services .cell-wrapper .cell.wide .cell-body {
        max-width: 380px
    }

    section.services .cell-wrapper .cell.landscape {
        max-width: 355px
    }

    section.services .cell-wrapper .cell.portrait {
        max-width: 210px;
        margin-top: -110px
    }
}

@media (max-width:768px) {
    .sticky-header .container-fluid {
        padding-left: 20px;
        padding-right: 20px
    }

    section.services.kitchen-overview .cell-body p br {
        display: none
    }

    section.services .cell-wrapper .cell+.cell {
        margin-top: 40px
    }

    section.services .cell-wrapper .cell .cell-thumb {
        margin: 0
    }

    section.services .cell-wrapper .cell .cell-thumb .cell-bg img,
    section.services .cell-wrapper .cell .cell-thumb .cell-bg picture {
        width: 100%
    }

    section.services .cell-wrapper .cell.wide.end.landscape {
        max-width: 100%;
        flex-direction: row;
        flex-wrap: wrap
    }

    section.services .cell-wrapper .cell.wide.end.landscape .cell-thumb {
        margin-left: 0;
        min-width: 100%
    }

    section.services .cell-wrapper .cell.landscape,
    section.services .cell-wrapper .cell.wide .cell-body {
        max-width: 100%
    }

    section.services .cell-wrapper .cell.portrait {
        width: 100%;
        max-width: 100%;
        margin-top: 40px;
        margin-left: 0
    }
}

@media (max-width:1080px) {

    section.more-service .row,
    section.more-service .row.compact {
        flex-wrap: wrap
    }

    section.more-service .row .col-md-3,
    section.more-service .row .col-md-4,
    section.more-service .row.compact .col-md-3,
    section.more-service .row.compact .col-md-4 {
        min-width: 260px
    }
}

@media (max-width:580px) {
    section.services .title.mt-80 {
        margin-top: 60px
    }

    section.more-service .row,
    section.more-service .row.compact {
        margin-left: -20px;
        margin-right: -20px
    }

    section.more-service .row.compact::-webkit-scrollbar,
    section.more-service .row::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
        background: 0 0
    }

    section.more-service .row.compact.mt-40,
    section.more-service .row.mt-40 {
        margin-top: 30px
    }

    section.more-service .row.compact.mt-80,
    section.more-service .row.mt-80,
    section.more-service .title.mt-80 {
        margin-top: 60px
    }

    section.more-service .row.compact.mb-80,
    section.more-service .row.mb-80 {
        margin-bottom: 60px
    }

    section.more-service .row .col-md-3,
    section.more-service .row .col-md-4,
    section.more-service .row.compact .col-md-3,
    section.more-service .row.compact .col-md-4 {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 260px;
        box-sizing: content-box
    }

    section.more-service .row .col-md-3:first-child,
    section.more-service .row .col-md-4:first-child,
    section.more-service .row.compact .col-md-3:first-child,
    section.more-service .row.compact .col-md-4:first-child {
        padding-left: 20px
    }

    section.more-service .row .col-md-3:last-child,
    section.more-service .row .col-md-4:last-child,
    section.more-service .row.compact .col-md-3:last-child,
    section.more-service .row.compact .col-md-4:last-child {
        padding-right: 20px
    }
}

section.offerings {
    position: relative;
    overflow: hidden
}

section.offerings .title {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 70px
}

section.offerings .title h2 {
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    line-height: 1;
    margin: 0 auto;
    color: #000
}

section.offerings .title h2 span {
    text-transform: none
}

section.offerings .cols-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: initial;
    transform: none
}

@media (max-width:860px) {
    section.offerings .cols-wrap {
        display: block;
        padding-top: 200px;
        padding-bottom: 60px;
        background-size: auto 1016px;
        background-position: center top
    }
}

@media (max-width:580px) {
    section.offerings .title {
        top: 60px
    }

    section.offerings .cols-wrap {
        background-size: cover
    }

    section.offerings .cols-wrap .col h3 {
        max-width: 90%
    }
}

section.offerings .cols-wrap .col {
    z-index: 0;
    position: relative;
    width: calc(100% / 3);
    padding: 60px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto
}

@media (max-width:1660px) {
    section.offerings .cols-wrap .col {
        height: auto
    }
}

section.offerings .cols-wrap .col+.col {
    border-left: 1px solid rgb(255 255 255 / .2)
}

section.offerings .cols-wrap .col h3 {
    letter-spacing: 0;
    text-align: center;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 400
}

section.offerings .cols-wrap .col p {
    font-size: 17px;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px;
    margin: 30px 0
}

@media (max-width:860px) {
    section.offerings .cols-wrap .col {
        width: 100%;
        height: auto;
        padding: 0;
        display: block;
        max-height: inherit
    }

    section.offerings .cols-wrap .col .col-lbl {
        padding: 30px 0;
        width: 100%
    }

    section.offerings .cols-wrap .col+.col {
        border-left: 0;
        border-top: 1px solid rgb(255 255 255 / .2)
    }

    section.offerings .cols-wrap .col h3 br {
        display: none
    }

    section.offerings .cols-wrap .col p {
        margin: 10px 0 0
    }
}

@media (max-width:580px) {
    section.offerings .cols-wrap .col p {
        margin-bottom: 0;
        margin-top: 8px;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px;
        font-weight: 300
    }
}

section.offerings .cols-wrap .col .col-lbl {
    transition: .8s all;
    transform: translateY(0) scale(1);
    margin-top: 50px
}

section.offerings .cols-wrap .col .col-lbl h3,
section.offerings .cols-wrap .col .col-lbl p {
    color: #FFF
}

section.offerings .cols-wrap .col .col-lbl .icon {
    display: none;
    position: absolute;
    color: #fff;
    right: 20px;
    top: 50%;
    margin-top: -13px;
    font-size: 20px
}

@media (max-width:860px) {
    section.offerings .cols-wrap .col .col-lbl {
        margin-top: 0;
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
        cursor: pointer
    }

    section.offerings .cols-wrap .col .col-lbl h3,
    section.offerings .cols-wrap .col .col-lbl p {
        text-align: left
    }

    section.offerings .cols-wrap .col .col-lbl .icon {
        display: block;
        transform: rotate(90deg)
    }
}

section.offerings .cols-wrap .col .col-hvr {
    position: absolute;
    transition: .45s all ease-in-out;
    background: rgb(255 255 255 / .95);
    transform: translateY(0) scale(.97);
    margin: -140px auto 0;
    padding: 0 30px;
    min-height: 420px;
    max-width: 360px;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: visible;
    top: 50%;
    z-index: 1
}

section.offerings .cols-wrap .col .col-hvr .close-offer {
    display: none;
    font-size: 20px;
    color: #000;
    position: absolute;
    right: 20px;
    top: 20px
}

@media (max-width:1280px) {
    section.offerings .cols-wrap .col .col-hvr {
        max-width: 320px
    }
}

@media (max-width:1080px) {
    section.offerings .cols-wrap .col .col-hvr {
        max-width: calc(100% - 30px)
    }
}

@media (max-width:860px) {
    section.offerings .cols-wrap .col .col-hvr {
        height: 0;
        min-height: auto;
        transform: none;
        transition: .45s all ease-in-out;
        max-width: 100%;
        position: relative;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        margin-top: 0;
        top: 0
    }

    section.offerings .cols-wrap .col .col-hvr .close-offer {
        display: block
    }
}

section.offerings .cols-wrap .col .col-hvr h3 {
    color: #000
}

section.offerings .cols-wrap .col .col-hvr p {
    max-width: 300px;
    color: #000;
    margin: 30px 0
}

section.offerings .cols-wrap .col .col-hvr .btn {
    margin-top: 30px
}

section.offerings .cols-wrap .col .col-hvr .btn-wrap,
section.offerings .cols-wrap .col .col-hvr h3,
section.offerings .cols-wrap .col .col-hvr p {
    transition: .55s all;
    transform: translateY(25px);
    opacity: 1
}

@media (max-width:860px) {

    section.offerings .cols-wrap .col .col-hvr .btn-wrap,
    section.offerings .cols-wrap .col .col-hvr h3,
    section.offerings .cols-wrap .col .col-hvr p {
        transition-duration: .8s;
        transition-delay: .7s
    }
}

section.offerings .cols-wrap .col .col-hvr .btn-wrap {
    transition-delay: .2s
}

@media (max-width:860px) {
    section.offerings .cols-wrap .col .col-hvr .btn-wrap {
        transition-delay: .8s
    }

    section.offerings .cols-wrap .col.active .col-lbl .icon {
        transform: rotate(-90deg)
    }

    section.offerings .cols-wrap .col.active .col-hvr {
        opacity: 1;
        height: 400px;
        transform: translateY(0) scale(1);
        visibility: visible
    }

    section.offerings .cols-wrap .col.active .col-hvr .btn-wrap,
    section.offerings .cols-wrap .col.active .col-hvr h3,
    section.offerings .cols-wrap .col.active .col-hvr p {
        transform: translateY(0);
        opacity: 1
    }
}

@media (min-width:861px) {
    section.offerings .cols-wrap .col:hover .col-lbl {
        opacity: 0;
        transform: translateY(-15px) scale(1)
    }

    section.offerings .cols-wrap .col:hover .col-hvr {
        opacity: 1;
        transform: translateY(0) scale(1);
        visibility: visible
    }

    section.offerings .cols-wrap .col:hover .col-hvr .btn-wrap,
    section.offerings .cols-wrap .col:hover .col-hvr h3,
    section.offerings .cols-wrap .col:hover .col-hvr p {
        transform: translateY(0);
        opacity: 1
    }
}

.description {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.description>p:last-child {
    margin-bottom: 0
}

.description .btn-wrap {
    text-align: center
}

section.portfolio {
    position: relative
}

section.portfolio .portfolio-item {
    overflow: hidden;
    position: relative;
    width: 100%
}

section.portfolio .portfolio-item .youtube:after,
section.portfolio .portfolio-item.video:after,
section.portfolio .portfolio-item.vimeo:after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

section.portfolio .portfolio-item iframe,
section.portfolio .portfolio-item video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

section.portfolio .portfolio-wrap {
    position: relative;
    overflow: hidden
}

@media (max-width:580px) {
    section.portfolio .portfolio-wrap.mt-40 {
        margin-top: 30px
    }

    section.portfolio.pt-80 {
        padding-top: 60px
    }
}

section.portfolio .portfolio-wrap .slide-image {
    position: relative
}

section.portfolio .portfolio-wrap .portfolio-controls {
    opacity: 0;
    transition: .3s all;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: calc(50%)
}

section.portfolio .portfolio-wrap .portfolio-controls .slick-arrow {
    color: #000
}

section.portfolio .portfolio-wrap .portfolio-controls .slick-arrow:hover {
    color: #6D8380
}

section.portfolio .portfolio-wrap .portfolio-controls .slick-prev {
    left: -75px
}

section.portfolio .portfolio-wrap .portfolio-controls .slick-next {
    right: -75px
}

section.portfolio .portfolio-wrap:hover .portfolio-controls {
    opacity: 1
}

section.portfolio .portfolio-body h3 {
    margin-bottom: 12px
}

section.portfolio .portfolio-body p {
    margin-bottom: 0
}

section.portfolio .portfolio-body .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-left: 0;
    margin-right: 0
}

section.portfolio .portfolio-body .row .col-left {
    width: 800px
}

@media (max-width:1280px) {
    section.portfolio .btn-wrap {
        margin-top: 20px;
        margin-bottom: 0
    }
}

section.portfolio .portfolio-video {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

section.portfolio .portfolio-video .video-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

section.portfolio .portfolio-video .video-js .vjs-big-play-button {
    border: 0;
    background-color: rgb(0 0 0 / .1);
    height: 100px;
    width: 120px;
    line-height: 100px;
    font-size: 5.2rem;
    left: 50%;
    margin-left: -60px;
    top: calc(50% - 0px);
    margin-top: -50px;
    border-radius: 0;
    transition: .2s all ease-in-out
}

section.portfolio .portfolio-video .video-js .vjs-big-play-button:hover {
    background-color: rgb(0 0 0 / .2);
    font-size: 6rem
}

.switcher-wrap {
    margin-left: auto;
    margin-right: auto
}

.switcher-wrap p {
    max-width: 360px;
    margin: 0 auto 30px
}

.timeline-wrapper .timeline-item .card-inner .card-body p:last-child,
section.architects .container .description p,
section.blog .card-inner .card-body p:last-child,
section.materials .card-body p:last-child {
    margin-bottom: 0
}

.switcher-wrap form {
    position: relative
}

.switcher-wrap form:after {
    position: absolute;
    right: -20px;
    top: 1px;
    bottom: 1px;
    width: 40px;
    display: block;
    content: "";
    background: -moz-linear-gradient(left, #fff0 0, #fff 100%);
    background: -webkit-linear-gradient(left, #fff0 0, #fff 100%);
    background: linear-gradient(to right, #fff0 0, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)
}

@media (max-width:1080px) {
    .switcher-wrap .filter-wrapper {
        display: flex;
        overflow: auto;
        padding: 0
    }

    .switcher-wrap .filter-wrapper::-webkit-scrollbar {
        display: none
    }
}

.switcher-wrap .filter-wrapper .switch-group {
    display: flex;
    align-items: center
}

.switcher-wrap .filter-wrapper .switch-group .switch:first-child {
    min-width: 193px
}

.switcher-wrap .filter-wrapper .switch-group .switch:nth-child(2) {
    min-width: 258px
}

.switcher-wrap .filter-wrapper .switch-group .switch:nth-child(3) {
    min-width: 224px
}

.switcher-wrap .filter-wrapper .switch-group+.switch-group {
    border-top: 1px solid #DCD7DA;
    margin-top: 20px;
    padding-top: 20px
}

@media (max-width:1080px) {
    .switcher-wrap .filter-wrapper .switch-group+.switch-group {
        border: 0;
        margin: 0;
        padding: 0
    }

    .switcher-wrap .filter-wrapper .switch-group+.switch-group:last-child .switch:last-child {
        margin-right: 0
    }

    .portfolio-see-more {
        margin-top: 60px
    }
}

.stories {
    position: relative
}

@media (max-width:580px) {

    .stories .card+.card,
    .stories.mt-80 {
        margin-top: 60px
    }

    .stories.pb-80 {
        padding-bottom: 60px
    }

    .stories.pt-80 {
        padding-top: 60px
    }
}

section.architects {
    display: flex;
    align-items: center;
    height: 700px
}

@media (max-width:1660px) {
    section.architects {
        height: 550px
    }
}

section.architects .container {
    display: flex
}

section.architects .container .caption {
    max-width: 450px
}

@media (max-width:1280px) {
    section.architects {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        background-size: 100% auto;
        background-position: center top !important;
        background-repeat: no-repeat;
        height: auto
    }

    section.architects .container {
        margin-top: calc(43vw + 40px)
    }

    section.architects .container .caption {
        max-width: 100%
    }
}

@media (max-width:580px) {

    section.architects .container .caption .title h2,
    section.architects .container .caption .title h6 {
        text-align: left
    }

    section.architects .container .caption .title h2 {
        font-weight: 400;
        font-size: 1.25rem;
        margin-top: 10px
    }

    section.architects .container .description.mt-40 {
        margin-top: 20px
    }
}

section.architects .container .caption.pull-right {
    position: relative;
    left: 40px
}

@media (max-width:1280px) {
    section.architects .container .caption.pull-right {
        left: auto
    }
}

section.architects .container .description {
    text-align: center
}

@media (max-width:580px) {
    section.architects .btn-wrap {
        text-align: left
    }

    section.architects .btn-wrap .btn.mt-40 {
        margin-top: 20px
    }
}

section.blog .btn-wrap,
section.social-media .btn-wrap {
    text-align: center
}

section.blog {
    position: relative;
    overflow: hidden
}

section.blog .container {
    position: relative;
    z-index: 1
}

section.blog .blog-bg,
section.blog .blog-bg::after {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

section.blog .blog-bg {
    width: 100%;
    height: 550px;
    background-color: #414F4D;
    z-index: 0
}

section.blog .blog-bg::after {
    content: "";
    top: 0
}

section.blog .card-inner .card-body h4 {
    color: #FFF
}

section.blog .card-inner .card-body p {
    font-size: 16px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 26px;
    text-shadow: 0 2px 4px rgb(0 0 0 / .5);
    margin-top: 15px
}

section.blog .card .card-inner .card-body a,
section.blog .card .card-inner .card-body h1,
section.blog .card .card-inner .card-body h2,
section.blog .card .card-inner .card-body h3,
section.blog .card .card-inner .card-body h4,
section.blog .card .card-inner .card-body h5,
section.blog .card .card-inner .card-body h6,
section.blog .card .card-inner .card-body p {
    transition: all .4s ease-in-out
}

section.blog .card:hover a .card-inner .card-body a,
section.blog .card:hover a .card-inner .card-body h1,
section.blog .card:hover a .card-inner .card-body h2,
section.blog .card:hover a .card-inner .card-body h3,
section.blog .card:hover a .card-inner .card-body h4,
section.blog .card:hover a .card-inner .card-body h5,
section.blog .card:hover a .card-inner .card-body h6,
section.blog .card:hover a .card-inner .card-body p {
    color: #6D8380
}

@media (max-width:860px) {
    section.blog .row {
        overflow-x: auto;
        flex-wrap: nowrap
    }

    section.blog .row .col-md-4 {
        min-width: 260px
    }
}

section.materials,
section.social-media,
section.social-media .grid .col {
    overflow: hidden
}

@media (max-width:580px) and (max-width:580px) {
    section.blog .title.mt-80 {
        margin-top: 60px
    }
}

@media (max-width:580px) {
    section.blog .row {
        margin-left: -20px;
        margin-right: -20px
    }

    section.blog .row.mt-40 {
        margin-top: 30px
    }

    section.blog .row::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
        background: 0 0
    }

    section.blog .row .col-md-4 {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 260px;
        box-sizing: content-box
    }

    section.blog .row .col-md-4:first-child {
        padding-left: 20px
    }

    section.blog .row .col-md-4:last-child {
        padding-right: 20px
    }
}

section.social-media .grid {
    display: flex
}

section.social-media .grid .col picture {
    transition: .3s all
}

section.social-media .grid .col:hover picture {
    transform: scale(1.09)
}

@media (max-width:860px) {
    section.social-media .row {
        overflow-x: auto;
        flex-wrap: nowrap
    }

    section.social-media .row .col-md-4 {
        min-width: 260px
    }

    footer section.social-media .row {
        overflow-x: hidden;
        flex-wrap: wrap
    }
}

@media (max-width:580px) {
    section.social-media .row {
        margin-left: -20px;
        margin-right: -20px
    }

    section.social-media .row.mt-40 {
        margin-top: 30px
    }

    section.social-media .row::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
        background: 0 0
    }

    section.social-media .row .col-md-4 {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 260px;
        box-sizing: content-box
    }

    section.social-media .row .col-md-4:first-child {
        padding-left: 20px
    }

    section.social-media .row .col-md-4:last-child {
        padding-right: 20px
    }

    section.materials .title.mt-80,
    section.social-media .title.mt-80 {
        margin-top: 60px
    }
}

section.brochure {
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

@media (min-width:1059px) {

    .sticky-header .main-nav ul.menu-bar>li>a,
    header.left .main-nav ul.menu-bar>li>a {
        margin: 0 5px 0 0
    }
}

@media (max-width:1080px) {
    section.brochure {
        height: 450px
    }
}

section.brochure .title {
    z-index: 1;
    position: relative
}

@media (max-width:768px) {
    section.brochure {
        height: 350px
    }

    section.brochure .title {
        padding-left: 20px;
        padding-right: 20px
    }
}

section.brochure .title p {
    text-align: left
}

section.brochure .bg-wall {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

section.materials {
    position: relative
}

section.materials .container {
    position: relative;
    z-index: 1
}

section.materials .card-body h4 {
    letter-spacing: 0
}

section.materials .card-body p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    margin-top: 15px
}

section.materials .btn-wrap {
    text-align: center
}

@media (max-width:860px) {
    section.materials .row {
        overflow-x: auto;
        flex-wrap: nowrap
    }

    section.materials .row .col-md-4 {
        min-width: 260px
    }

    section.materials-4 .row {
        overflow-x: auto;
        flex-wrap: nowrap
    }

    section.materials-4 .row .col-md-4 {
        min-width: 260px
    }
}

section.surfaces {
    overflow: hidden
}

@media (max-width:580px) {
    section.materials .row.mt-40 {
        margin-top: 30px
    }

    section.materials .row.mb-80 {
        margin-bottom: 60px
    }

    section.materials .row {
        margin-left: -20px;
        margin-right: -20px
    }

    section.materials .row::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
        background: 0 0
    }

    section.materials .row .col-md-4 {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 260px;
        box-sizing: content-box
    }

    section.materials .row .col-md-4:first-child {
        padding-left: 20px
    }

    section.materials .row .col-md-4:last-child {
        padding-right: 20px
    }

    section.materials-4 .row.mt-40 {
        margin-top: 30px
    }

    section.materials-4 .row.mb-80 {
        margin-bottom: 60px
    }

    section.materials-4 .row {
        margin-left: -20px;
        margin-right: -20px
    }

    section.materials-4 .row::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
        background: 0 0
    }

    section.materials-4 .row .col-md-3 {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 260px;
        box-sizing: content-box
    }

    section.materials-4 .row .col-md-3:first-child {
        padding-left: 20px
    }

    section.materials-4 .row .col-md-3:last-child {
        padding-right: 20px
    }

    section.surfaces .title {
        padding-left: 20px;
        padding-right: 20px
    }
}

section.surfaces .bg-wrap {
    height: 700px;
    transition: .6s all ease-in-out
}

@media (max-width:860px) {
    section.surfaces .bg-wrap {
        height: auto;
        padding-bottom: 150px
    }
}

section.surfaces .bg-wrap.mt-40 {
    margin-top: 30px
}

section.surfaces .bg-wrap.mb-80 {
    margin-bottom: 60px
}

section.surfaces .surface-menu {
    background: rgb(255 255 255 / .7);
    display: inline-block
}

@media (max-width:580px) {
    section.surfaces .bg-wrap {
        padding-bottom: 60px
    }

    section.surfaces .surface-menu {
        width: 100%
    }

    section.surfaces .surface-menu.mb-30 {
        margin-bottom: 0
    }

    section.testimonial .testimonial-body .row.mb-80 {
        margin-bottom: 60px
    }
}

section.surfaces .surface-menu ul {
    width: 580px;
    padding: 20px 40px
}

@media (max-width:860px) {
    section.surfaces .surface-menu ul {
        padding: 10px 20px;
        width: 100%
    }
}

section.surfaces .surface-menu ul.show li .desc {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

section.surfaces .surface-menu ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    transition: all .4s ease-in-out;
    overflow: hidden;
    height: 47px
}

.title p,
.title p a,
section.surfaces .surface-menu ul li a span {
    font-size: 17px
}

section.surfaces .surface-menu ul li+li a {
    border-top: 1px solid rgb(0 0 0 / .05)
}

section.surfaces .surface-menu ul li a {
    display: flex;
    justify-content: space-between;
    color: #000;
    padding: 10px 0;
    transition: all .1s ease-in-out;
    position: relative
}

section.surfaces .surface-menu ul li .icon-wrap {
    background-color: #fff0;
    font-weight: 400;
    border: none;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
    right: 0;
    line-height: 25px;
    height: 25px;
    width: 25px;
    opacity: 1;
    visibility: visible;
    transition: none
}

section.surfaces .surface-menu ul li .icon-wrap .icon {
    font-size: 12px;
    font-weight: 100
}

section.surfaces .surface-menu ul li .icon-wrap .icon-minus {
    display: none
}

section.surfaces .surface-menu ul li .icon-wrap .icon-plus {
    display: block
}

section.surfaces .surface-menu ul li .icon-wrap:focus {
    border: none;
    outline: 0
}

section.surfaces .surface-menu ul li .desc {
    opacity: 0;
    transition: .7s all ease-in-out;
    transform: translateY(10px);
    display: none
}

section.surfaces .surface-menu ul li .desc p {
    font-size: 15px
}

section.surfaces .surface-menu ul li.active {
    height: 165px
}

@media (max-width:768px) {
    section.surfaces .surface-menu ul li.active {
        height: 200px
    }
}

section.surfaces .surface-menu ul li.active a span {
    font-weight: 700
}

section.surfaces .surface-menu ul li.active a .icon-wrap {
    opacity: 1;
    visibility: visible;
    right: 0
}

section.surfaces .surface-menu ul li.active a .icon-wrap .icon-minus {
    display: block
}

section.surfaces .surface-menu ul li.active a .icon-wrap .icon-plus {
    display: none
}

section.surfaces .surface-menu ul li.active a+.desc {
    display: block
}

section.surfaces .hidden-image {
    height: 0;
    width: 0;
    position: fixed;
    opacity: 0;
    visibility: hidden
}

section.see-more {
    max-width: 100%
}

section.see-more .cols-wrap {
    display: flex;
    max-height: 550px;
    overflow: hidden
}

section.see-more .cols-wrap .col {
    padding: 0;
    position: relative;
    max-width: calc(100% / 3)
}

@media (max-width:768px) {
    section.see-more .cols-wrap {
        max-height: inherit;
        display: block
    }

    section.see-more .cols-wrap .col {
        height: 200px;
        max-width: 100%;
        width: 100%;
        overflow: hidden
    }

    section.see-more .cols-wrap .col .col-bg img,
    section.see-more .cols-wrap .col .col-bg picture {
        width: 100%;
        height: auto
    }
}

section.see-more .cols-wrap .col .col-lbl {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 50px;
    text-align: center;
    background-color: rgb(0 0 0 / .28);
    justify-content: center;
    flex-wrap: wrap;
    z-index: 1
}

section.see-more .cols-wrap .col .col-lbl:after {
    transition: .45s all ease-in-out;
    background: rgb(38 77 71 / .7);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    display: block;
    z-index: 2;
    opacity: 0
}

section.see-more .cols-wrap .col .col-lbl .lbl-inner {
    position: relative;
    z-index: 3
}

section.see-more .cols-wrap .col .col-lbl .lbl-inner h3,
section.see-more .cols-wrap .col .col-lbl .lbl-inner h6 {
    display: inline-block;
    transition: .4s all ease-in-out
}

section.see-more .cols-wrap .col .col-lbl .lbl-inner h3 {
    text-transform: uppercase;
    transform: translateY(-15px);
    font-size: 1.875rem;
    color: #FFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.2;
    width: 100%
}

@media (max-width:1280px) {
    section.see-more .cols-wrap .col .col-lbl .lbl-inner h3 {
        font-size: 1.25rem
    }
}

section.see-more .cols-wrap .col .col-lbl .lbl-inner h6 {
    transform: translateY(15px);
    font-family: Helvetica;
    font-size: 14px;
    color: #FFF;
    letter-spacing: 1.5px;
    text-transform: capitalize;
    font-weight: 200;
    border-bottom: 2px solid rgb(255 255 255 / .5);
    opacity: 0
}

@media (max-width:1280px) {
    section.see-more .cols-wrap .col .col-lbl .lbl-inner h6 {
        font-size: 12px
    }
}

section.see-more .cols-wrap .col .col-bg {
    overflow: hidden
}

section.see-more .cols-wrap .col .col-bg img,
section.see-more .cols-wrap .col .col-bg picture {
    transition: 4s all ease-in-out;
    max-width: 100%;
    width: 100%
}

section.see-more .cols-wrap .col:hover .col-lbl:after {
    opacity: 1
}

section.see-more .cols-wrap .col:hover .col-lbl .lbl-inner h6 {
    transform: translateY(-25px);
    opacity: 1
}

section.see-more .cols-wrap .col:hover .col-lbl .lbl-inner h3 {
    transform: translateY(25px)
}

section.see-more .cols-wrap .col:hover .col-bg img,
section.see-more .cols-wrap .col:hover .col-bg picture {
    transform: scale(1)
}

section.testimonial .testimonial-body .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-left: 0;
    margin-right: 0
}

section.testimonial .testimonial-body .row .col-left {
    width: 800px
}

section.testimonial .testimonial-body blockquote {
    padding-left: 15px;
    margin: 0
}

section.testimonial .testimonial-body blockquote h2 {
    display: inline-block;
    position: relative;
    font-weight: 300;
    font-size: 2.8rem;
    line-height: 1.2
}

@media (max-width:1280px) {
    section.testimonial .testimonial-body blockquote h2 {
        font-size: 2.1875rem
    }
}

section.testimonial .testimonial-body blockquote h2:after,
section.testimonial .testimonial-body blockquote h2:before {
    display: inline-block
}

section.testimonial .testimonial-body blockquote h2:before {
    content: ' “ ';
    position: absolute;
    left: -15px
}

section.testimonial .testimonial-body blockquote h2:after {
    content: ' ” '
}

section.testimonial .testimonial-body blockquote h4 {
    margin-top: 20px
}

@media (max-width:580px) {
    section.testimonial .testimonial-body blockquote {
        padding-left: 0
    }

    section.testimonial .testimonial-body blockquote h2 {
        font-size: 1.875rem;
        letter-spacing: 0
    }

    section.testimonial .testimonial-body blockquote h2:before {
        position: relative;
        left: 0
    }

    section.testimonial .testimonial-body blockquote h4 {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 24px
    }
}

section.testimonial .testimonial-body .btn-wrap {
    margin-bottom: 50px
}

section.testimonial.testimonial-center .testimonial-body .row .col-left {
    margin-left: -15px;
    margin-right: auto
}

@media (max-width:768px) {
    section.testimonial.testimonial-center .testimonial-body .row .col-left {
        margin-left: 0;
        margin-right: 0
    }
}

section.testimonial.testimonial-center .testimonial-body blockquote h2 {
    font-size: 2.6rem
}

@media (max-width:1280px) {
    section.testimonial .testimonial-body .btn-wrap {
        margin-top: 20px;
        margin-bottom: 0
    }

    section.testimonial.testimonial-center .testimonial-body blockquote h2 {
        font-size: 2.1875rem
    }
}

@media (max-width:580px) {
    section.testimonial.testimonial-center .testimonial-body blockquote h2 {
        font-size: 1.875rem;
        letter-spacing: 0
    }

    section.testimonial.testimonial-center.mt-90 {
        margin-top: 60px
    }

    .features .title.mb-60 {
        margin-bottom: 30px
    }

    .features .cell-wrapper.mb-80 {
        margin-bottom: 60px
    }
}

.features .cards-wrap {
    display: flex;
    margin: 0 -15px
}

@media (max-width:860px) {
    .features .cards-wrap {
        display: block
    }

    .features .cards-wrap .card+.card {
        margin-top: 30px
    }
}

.features .cards-wrap .card .card-inner h4 {
    margin-bottom: 10px
}

@media (max-width:580px) {
    section.brands.pb-80 {
        padding-bottom: 60px
    }

    section.brands .title.mt-80 {
        margin-top: 60px
    }
}

section.brands .card.brands-item .card-inner {
    display: flex;
    justify-content: space-between
}

section.brands .card.brands-item .card-inner .image-holder {
    width: 585px
}

@media (max-width:1280px) {
    section.brands .card.brands-item .card-inner .image-holder {
        width: 485px
    }
}

@media (max-width:1080px) {
    section.brands .card.brands-item .card-inner .image-holder {
        width: 345px
    }
}

@media (max-width:860px) {
    section.brands .card.brands-item .card-inner {
        flex-wrap: wrap
    }

    section.brands .card.brands-item .card-inner .image-holder {
        width: 100%
    }
}

section.brands .card.brands-item .card-inner .card-body {
    width: 556px
}

@media (max-width:1280px) {
    section.brands .card.brands-item .card-inner .card-body {
        width: 456px
    }
}

@media (max-width:1080px) {
    section.brands .card.brands-item .card-inner .card-body {
        width: 346px
    }
}

section.brands .card.brands-item+.brands-item {
    margin-top: 80px
}

@media (max-width:580px) {
    section.brands .card.brands-item+.brands-item {
        margin-top: 40px
    }
}

section.brands .card .card-body {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

section.brands .card.reverse .card-inner {
    flex-direction: row-reverse
}

@media (max-width:860px) {
    section.brands .card.brands-item .card-inner .card-body {
        width: 100%
    }

    section.brands .card .card-body {
        margin-top: 30px
    }

    section.brands .card.reverse .card-inner {
        flex-direction: row
    }
}

section.brands .brands-list.brand-logo-hover .card:hover .image-holder .card-overlay {
    background: rgb(255 255 255 / .7)
}

section.brands .brands-list.brand-logo-hover .card:hover .image-holder .card-overlay .logo-wrap {
    width: 250px;
    height: 150px
}

section.brands .brands-list.brand-logo-hover .card:hover .image-holder .card-overlay .logo-wrap img {
    max-width: 100%
}

section.brands .brands-list .card.brands-item.card-hover-disabled .card-inner {
    cursor: default
}

section.brands .brands-list .card.brands-item.card-hover-disabled:hover .image-holder .card-overlay {
    display: none
}

section.brands .brands-list .card.brands-item.card-hover-enabled .card-inner {
    cursor: pointer
}

section.brands .brands-list .card.brands-item.card-hover-enabled:hover .image-holder .card-overlay {
    display: block
}

section.brands .brands-list.image-grayscale .card.card-hover-disabled .card-inner .image-holder img,
section.brands .brands-list.image-grayscale .card.card-hover-enabled .card-inner .image-holder img {
    filter: grayscale(0);
    transition: all .4s ease-in-out
}

section.brands .brands-list.image-grayscale .card.card-hover-disabled:hover .image-holder img,
section.brands .brands-list.image-grayscale .card.card-hover-enabled:hover .image-holder img {
    filter: grayscale(100)
}

section.brands .brands-list.image-grayscale .card.card-hover-enabled:hover .card-inner .card-body a,
section.brands .brands-list.image-grayscale .card.card-hover-enabled:hover .card-inner .card-body h1,
section.brands .brands-list.image-grayscale .card.card-hover-enabled:hover .card-inner .card-body h2,
section.brands .brands-list.image-grayscale .card.card-hover-enabled:hover .card-inner .card-body h3,
section.brands .brands-list.image-grayscale .card.card-hover-enabled:hover .card-inner .card-body h4,
section.brands .brands-list.image-grayscale .card.card-hover-enabled:hover .card-inner .card-body h5,
section.brands .brands-list.image-grayscale .card.card-hover-enabled:hover .card-inner .card-body h6,
section.brands .brands-list.image-grayscale .card.card-hover-enabled:hover .card-inner .card-body p {
    color: #264d47
}

.timeline-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 60px 40px 0;
    position: relative
}

.timeline-wrapper span.line {
    display: block;
    left: 50%;
    height: 100%;
    margin-left: -1px;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 1px solid rgb(102 125 122 / .5)
}

#timeline-box-33le.timeline-wrapper {
    padding: 40px 0
}

#timeline-box-33le.timeline-wrapper span.line {
    border-left: 1px solid rgb(255 255 255 / .74)
}

#timeline-box-33le.timeline-wrapper .timeline-item {
    max-width: 100% !important;
    float: left !important;
    width: 100%;
    margin: 20px 0;
    margin-left: 48.2%
}

#timeline-box-33le.timeline-wrapper .timeline-item .step::before,
#timeline-box-33le.timeline-wrapper .timeline-item.pull-left .step::after {
    display: none !important
}

#timeline-box-33le.timeline-wrapper .timeline-item .step {
    position: relative;
    top: 0
}

@media (max-width:1800px) and (min-width:1601px) {
    #timeline-box-33le.timeline-wrapper .timeline-item {
        margin-left: 48%
    }
}

@media (max-width:1600px) and (min-width:1300px) {
    #timeline-box-33le.timeline-wrapper .timeline-item {
        margin-left: 47.8%
    }
}

@media (max-width:1299px) and (min-width:1200px) {
    #timeline-box-33le.timeline-wrapper .timeline-item {
        margin-left: 47.4%
    }
}

@media (max-width:1199px) and (min-width:992px) {
    #timeline-box-33le.timeline-wrapper .timeline-item {
        margin-left: 47.2%
    }

    .vb-nav-tab.nav-pills .nav-item {
        width: 15.3% !important
    }
}

.step-year-modal .ab-closed {
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 1;
    color: #000;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 50%
}

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

@media (max-width:768px) {
    .timeline-wrapper {
        padding-top: 0
    }

    .timeline-wrapper.mt-80 {
        margin-top: 40px
    }

    .timeline-wrapper span.line {
        left: 10px
    }
}

.timeline-wrapper::after,
.timeline-wrapper::before {
    content: "";
    display: block;
    height: 7px;
    width: 7px;
    background: #667D7A;
    border-radius: 50%;
    position: absolute;
    margin-left: -4px;
    left: 50%
}

@media (max-width:768px) {

    .timeline-wrapper::after,
    .timeline-wrapper::before {
        left: 10px
    }
}

.timeline-wrapper::before {
    top: 0
}

.timeline-wrapper:after {
    bottom: 0
}

.timeline-wrapper .timeline-item {
    max-width: 380px;
    position: relative
}

@media (max-width:1080px) {
    .timeline-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .timeline-wrapper .timeline-item {
        max-width: 290px
    }
}

@media (max-width:860px) {
    .timeline-wrapper .timeline-item {
        max-width: 225px
    }
}

.timeline-wrapper .timeline-item .step {
    height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    border: 1px solid #95A7A0;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 30px
}

.timeline-wrapper .timeline-item .step::before {
    content: "";
    display: block;
    height: 7px;
    width: 7px;
    background: #667D7A;
    border-radius: 50%;
    position: absolute;
    margin-left: -4px;
    left: -148px
}

@media (max-width:768px) {
    .timeline-wrapper .timeline-item .step::before {
        height: 6px;
        width: 6px
    }
}

.timeline-wrapper .timeline-item .step:after {
    content: "";
    display: block;
    position: absolute;
    border-bottom: 1px solid #95A7A0;
    height: 0;
    width: auto
}

.timeline-wrapper .timeline-item .step span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 22px;
    color: #667D7A
}

.timeline-wrapper .timeline-item .step span+span {
    font-size: 22px
}

.timeline-wrapper .timeline-item.pull-left .step {
    right: -212px
}

@media (max-width:1280px) {
    .timeline-wrapper .timeline-item.pull-left .step {
        right: -110px
    }

    .timeline-wrapper .timeline-item.pull-left .step::before {
        left: -46px
    }
}

.timeline-wrapper .timeline-item.pull-left .step::after {
    left: -145px;
    right: 65px
}

@media (max-width:1280px) {
    .timeline-wrapper .timeline-item.pull-left .step::after {
        left: -45px
    }
}

.timeline-wrapper .timeline-item.pull-right .step {
    left: -212px
}

@media (max-width:1280px) {
    .timeline-wrapper .timeline-item.pull-right .step {
        left: -110px
    }
}

.timeline-wrapper .timeline-item.pull-right .step::before {
    left: auto;
    right: -152px
}

@media (max-width:1280px) {
    .timeline-wrapper .timeline-item.pull-right .step::before {
        right: -50px
    }
}

.timeline-wrapper .timeline-item.pull-right .step::after {
    right: -145px;
    left: 65px
}

@media (max-width:1280px) {
    .timeline-wrapper .timeline-item.pull-right .step::after {
        right: -45px
    }
}

.timeline-wrapper .timeline-item .card-inner .image-holder img,
.timeline-wrapper .timeline-item .card-inner .image-holder picture {
    display: block;
    width: 100%
}

.timeline-wrapper .timeline-item .card-inner .card-body {
    margin-top: 40px;
    margin-bottom: 40px
}

@media (max-width:768px) {
    .timeline-wrapper .timeline-item .card-inner .card-body {
        margin-top: 30px
    }
}

.timeline-wrapper .timeline-item .card-inner .card-body h3 {
    color: #000;
    letter-spacing: 0
}

.timeline-wrapper .timeline-item .card-inner .card-body p {
    font-size: 16px;
    color: #000;
    letter-spacing: 0;
    line-height: 26px;
    margin-top: 15px
}

@media (max-width:768px) {
    .timeline-wrapper .timeline-item {
        max-width: calc(100% - 20px)
    }

    .timeline-wrapper .timeline-item.pull-left,
    .timeline-wrapper .timeline-item.pull-right {
        left: 0;
        right: auto;
        margin-left: 40px;
        margin-right: auto;
        margin-top: 40px
    }

    .timeline-wrapper .timeline-item.pull-left .step,
    .timeline-wrapper .timeline-item.pull-right .step {
        left: -52px;
        right: auto;
        height: 40px;
        width: 40px
    }

    .timeline-wrapper .timeline-item.pull-left .step::before,
    .timeline-wrapper .timeline-item.pull-right .step::before {
        left: 52px
    }

    .timeline-wrapper .timeline-item.pull-left .step:after,
    .timeline-wrapper .timeline-item.pull-right .step:after {
        left: 38px;
        right: -12px
    }

    .timeline-wrapper .timeline-item.pull-left .step span,
    .timeline-wrapper .timeline-item.pull-right .step span {
        font-size: 10px;
        line-height: 13px
    }

    .timeline-wrapper .timeline-item.pull-left .step span+span,
    .timeline-wrapper .timeline-item.pull-right .step span+span {
        font-size: 14px
    }
}

.ourbrands .btn-wrap {
    text-align: center
}

@media (max-width:580px) {
    .ourbrands .title.mb-70 {
        margin-bottom: 30px
    }

    .ourbrands .title.mt-80 {
        margin-top: 60px
    }

    .ourbrands .btn-wrap.mt-130,
    .ourbrands .btn-wrap.mt-80 {
        margin-top: 40px
    }

    .ourbrands .btn-wrap.mb-80 {
        margin-bottom: 60px
    }
}

.thumbnail-slider {
    margin: 0 -15px
}

.thumbnail-slider .thumbnail-slider-item {
    padding: 0 15px
}

.thumbnail-slider .thumbnail-slider-item .image-holder {
    height: 82px;
    display: flex;
    align-items: flex-end;
    justify-content: space-around
}

@media (max-width:580px) {
    .thumbnail-slider {
        margin: 0 -10px
    }

    .thumbnail-slider .thumbnail-slider-item {
        padding: 0 10px
    }

    .thumbnail-slider .thumbnail-slider-item .image-holder {
        width: 90px;
        height: 60px
    }
}

.thumbnail-slider .thumbnail-slider-item .image-holder img {
    max-width: 100%
}

.inner-banner {
    width: 100%;
    overflow: hidden;
    height: calc(480px - 120px)
}

@media (max-width:580px) {
    .inner-banner {
        height: calc(300px - 64px)
    }
}

.inner-banner .container {
    position: relative;
    height: 100%
}

.inner-banner .container .inner-banner-caption {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 120px
}

.inner-banner .container .inner-banner-caption h1 {
    text-align: center;
    position: relative;
    z-index: 1
}

.inner-banner .spotlight {
    position: absolute;
    top: 0;
    height: 480px;
    width: 100%;
    background-size: cover;
    background-color: #ADAEAF
}

@media (max-width:768px) {
    section.design-process .title.mt-80 {
        margin-top: 40px
    }
}

@media (max-width:1080px) {

    section.our-design-solutions .row,
    section.our-design-solutions .row.compact {
        overflow-x: auto;
        flex-wrap: nowrap
    }

    section.our-design-solutions .row .col-md-3,
    section.our-design-solutions .row .col-md-4,
    section.our-design-solutions .row.compact .col-md-3,
    section.our-design-solutions .row.compact .col-md-4 {
        min-width: 260px;
        margin-top: 0
    }
}

@media (max-width:580px) {
    .inner-banner .container .inner-banner-caption {
        padding-top: 64px
    }

    .inner-banner .container .inner-banner-caption h1 {
        font-size: 1.5rem
    }

    .inner-banner .spotlight {
        height: 300px
    }

    section.our-design-solutions .row,
    section.our-design-solutions .row.compact {
        margin-left: -20px;
        margin-right: -20px
    }

    section.our-design-solutions .row.compact::-webkit-scrollbar,
    section.our-design-solutions .row::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
        background: 0 0
    }

    section.our-design-solutions .row.compact.mt-40,
    section.our-design-solutions .row.mt-40 {
        margin-top: 30px
    }

    section.our-design-solutions .row.compact.mt-80,
    section.our-design-solutions .row.mt-80,
    section.our-design-solutions .title.mt-80 {
        margin-top: 60px
    }

    section.our-design-solutions .row.compact.mb-80,
    section.our-design-solutions .row.mb-80 {
        margin-bottom: 60px
    }

    section.our-design-solutions .row .col-md-3,
    section.our-design-solutions .row .col-md-4,
    section.our-design-solutions .row.compact .col-md-3,
    section.our-design-solutions .row.compact .col-md-4 {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 260px;
        box-sizing: content-box
    }

    section.our-design-solutions .row .col-md-3:first-child,
    section.our-design-solutions .row .col-md-4:first-child,
    section.our-design-solutions .row.compact .col-md-3:first-child,
    section.our-design-solutions .row.compact .col-md-4:first-child {
        padding-left: 20px
    }

    section.our-design-solutions .row .col-md-3:last-child,
    section.our-design-solutions .row .col-md-4:last-child,
    section.our-design-solutions .row.compact .col-md-3:last-child,
    section.our-design-solutions .row.compact .col-md-4:last-child {
        padding-right: 20px
    }

    .news.mb-60 {
        margin-bottom: 50px
    }
}

.image-wrap .news-details-wrap,
.news-details,
.news-details .image-wrap,
.news-details .page-controller-row {
    margin-right: auto;
    margin-left: auto
}

.news-grid.row .col-md-4:nth-child(1n+4) {
    margin-top: 55px
}

@media (max-width:768px) {
    .news-grid.row .col-md-4:nth-child(1n+4) {
        margin-top: 0
    }

    .news-grid.row.news-list {
        overflow-x: inherit;
        flex-wrap: wrap
    }

    .news-grid.row.news-list .col-md-4:nth-child(1n+3) {
        margin-top: 40px
    }
}

@media (max-width:580px) {
    .news.pb-10 {
        padding-bottom: 0
    }

    .news-grid.row.news-list .col-md-4 {
        padding-left: 20px;
        padding-right: 20px
    }

    .news-grid.row.news-list .col-md-4:nth-child(1n+2) {
        margin-top: 40px
    }

    .news-grid.row.news-list.mb-60 {
        margin-bottom: 40px
    }
}

.news-grid .card .card-inner .card-body {
    margin-top: 15px
}

.news-grid .card .card-inner .card-body .news-date {
    margin-bottom: 20px
}

.page-controller-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:768px) {
    .page-controller-row {
        flex-wrap: wrap;
        justify-content: center;
        max-width: 340px;
        margin-left: auto;
        margin-right: auto
    }
}

.page-controller-row .page-controller .btn+.btn {
    margin-left: 60px
}

@media (max-width:580px) {
    .news-grid .card .card-inner .card-body .news-date {
        margin-bottom: 10px
    }

    .page-controller-row {
        max-width: 275px
    }

    .page-controller-row .page-controller .btn+.btn {
        margin-left: 20px
    }

    .page-controller-row.mt-70 {
        margin-top: 50px
    }
}

.news-details .image-wrap {
    max-width: 1100px
}

.news-details .page-controller-row {
    max-width: 780px
}

@media (max-width:768px) {
    .news-details .page-controller-row {
        flex-wrap: wrap;
        justify-content: center;
        max-width: 340px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:580px) {
    .news-details .page-controller-row {
        max-width: 275px
    }

    .news-details .page-controller-row.mt-70 {
        margin-top: 50px
    }

    .image-wrap .news-details-wrap .news-date.mb-30 {
        margin-bottom: 15px
    }
}

.image-wrap .news-details-wrap {
    max-width: 780px
}

.image-wrap .news-details-wrap h3 {
    margin-bottom: 20px
}

@media (max-width:580px) {
    .image-wrap .news-details-wrap h3 {
        margin-bottom: 15px
    }
}

.image-wrap .news-details-wrap p {
    margin: 0 0 30px
}

@media (max-width:580px) {
    .image-wrap .news-details-wrap p {
        margin: 0 0 15px
    }
}

.image-wrap .news-details-wrap p:last-child {
    margin: 0
}

.gallery-image-view:hover .slick-arrow {
    opacity: 1
}

.gallery-image-view .slick-arrow {
    color: #6D8380;
    opacity: 0;
    z-index: 9
}

.gallery-image-view .slick-arrow:hover {
    color: #000;
    opacity: 1 !important
}

.gallery-image-view .slick-prev {
    left: -75px
}

.gallery-image-view .slick-next {
    right: -75px
}

@media (max-width:1366px) {
    .gallery-image-view .slick-prev {
        left: 30px
    }

    .gallery-image-view .slick-next {
        right: 30px
    }
}

.gallery-thumbnail-view .thumbnail-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12.5px;
    margin-right: -12.5px
}

.gallery-thumbnail-view .thumbnail-grid li {
    width: 20%;
    padding-left: 12.5px;
    padding-right: 12.5px
}

@media (max-width:768px) {
    .gallery-thumbnail-view .thumbnail-grid {
        overflow-x: auto;
        flex-wrap: nowrap
    }

    .gallery-thumbnail-view .thumbnail-grid li {
        width: 33.33%;
        min-width: 33.33%
    }
}

.gallery-thumbnail-view .thumbnail-grid li a {
    transition: .3s all ease-in-out;
    background: #2e4b47;
    display: block
}

@media (max-width:580px) {
    .gallery-thumbnail-view.mt-40 {
        margin-top: 20px
    }

    .gallery-thumbnail-view .thumbnail-grid {
        margin-left: -20px;
        margin-right: -20px
    }

    .gallery-thumbnail-view .thumbnail-grid li {
        padding-left: 5px;
        padding-right: 5px;
        width: auto;
        min-width: auto
    }

    .gallery-thumbnail-view .thumbnail-grid li:first-child {
        padding-left: 20px
    }

    .gallery-thumbnail-view .thumbnail-grid li:last-child {
        padding-right: 20px
    }

    .gallery-thumbnail-view .thumbnail-grid li a {
        min-width: 150px
    }

    .portfolio-grid.row.news-list .col-md-4 {
        padding-left: 20px;
        padding-right: 20px
    }
}

.gallery-thumbnail-view .thumbnail-grid li a img,
.gallery-thumbnail-view .thumbnail-grid li a picture {
    transition: .3s all ease-in-out
}

.gallery-thumbnail-view .thumbnail-grid li.active a {
    cursor: default
}

.gallery-thumbnail-view .thumbnail-grid li.active a img,
.gallery-thumbnail-view .thumbnail-grid li.active a picture {
    opacity: .6
}

.gallery-thumbnail-view .thumbnail-grid li:nth-child(1n+6) {
    margin-top: 25px
}

@media (max-width:768px) {
    .gallery-thumbnail-view .thumbnail-grid li:nth-child(1n+6) {
        margin-top: 0
    }
}

.gallery-thumbnail-view .thumbnail-grid li img {
    max-width: 100%
}

.portfolio-grid.row .col-md-4:nth-child(1n+4) {
    margin-top: 55px
}

@media (max-width:768px) {
    .portfolio-grid.row .col-md-4:nth-child(1n+4) {
        margin-top: 0
    }

    .portfolio-grid.row.news-list {
        overflow-x: inherit;
        flex-wrap: wrap
    }

    .portfolio-grid.row.news-list .col-md-4:nth-child(1n+3) {
        margin-top: 40px
    }
}

@media (max-width:580px) {
    .portfolio-grid.row.news-list .col-md-4:nth-child(1n+2) {
        margin-top: 40px
    }

    .portfolio-grid.row.news-list.mb-60 {
        margin-bottom: 40px
    }
}

.portfolio-grid .card .card-inner .card-body h6 {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: .38em;
    color: #667D7A;
    margin-bottom: 10px
}

@media (max-width:768px) {

    .more-service.contractors-collaborate .row.compact .col-md-3:nth-child(n+5),
    .more-service.contractors-design-solution .row.compact .col-md-3:nth-child(n+5) {
        margin-top: 0
    }
}

@media (max-width:580px) {
    .talk-to-expert .title.mt-80 {
        margin-top: 60px
    }
}

.talk-to-expert .form-bordered.mt-40 {
    margin-top: 25px
}

.talk-to-expert .btn-wrap {
    text-align: center
}

.talk-to-expert form .form-bordered .form-group textarea.form-control {
    height: 244px
}

.talk-to-expert form .form-bordered .form-group .wpcf7-form-control-wrap {
    z-index: 9
}

.talk-to-expert form .form-bordered .form-group .wpcf7-form-control-wrap .form-control.datepicker {
    background-color: #fff0
}

.blog-details .title h1 {
    font-size: 1.625rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width:1280px) {
    .blog-details .title h1 {
        font-size: 1.25rem
    }
}

@media (max-width:580px) {
    .talk-to-expert .btn-wrap.mt-30 {
        margin-top: 15px
    }

    .talk-to-expert .btn-wrap.mb-80 {
        margin-bottom: 60px
    }

    .blog-details .news-date.mb-50 {
        margin-bottom: 20px
    }
}

.introduction.align-center .btn-wrap {
    text-align: center
}

.brands.about-brands .card-inner {
    cursor: pointer
}

.brochure.dark-theme .title h2 {
    color: #fff
}

.more-service .row.compact.our-team-grid .card .card-inner .card-body h6 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #000;
    margin-top: 10px;
    margin-bottom: 15px
}

@media (max-width:768px) {
    .more-service .row.compact.our-team-grid .col-md-3:nth-child(n+5) {
        margin-top: 0
    }
}

.more-service .certification-grid .card .card-inner .card-body h4 {
    margin-bottom: 15px
}

section.showrooms .showrooms-wrap {
    display: flex;
    flex-wrap: wrap
}

section.showrooms .showrooms-wrap .list-items {
    width: calc(100% / 3);
    margin-top: 80px
}

@media (max-width:1080px) {

    .more-service .certification-grid .card .card-inner .card-body h4,
    .more-service .row.compact.our-team-grid .card .card-inner .card-body h4 {
        font-size: 1.25rem
    }

    section.showrooms .showrooms-wrap .list-items {
        width: calc(100% / 2)
    }
}

@media (max-width:768px) {
    section.showrooms .showrooms-wrap .list-items {
        width: calc(100%)
    }
}

@media (max-width:580px) {
    section.showrooms .showrooms-wrap .list-items {
        margin-top: 40px
    }
}

section.showrooms .showrooms-wrap .list-items h4 {
    font-size: 22px;
    color: #000;
    letter-spacing: 0;
    line-height: 30px
}

section.showrooms .showrooms-wrap .list-items p {
    font-size: 16px;
    color: #000;
    letter-spacing: 0;
    line-height: 26px;
    margin-top: 15px
}

@media (max-width:580px) {
    section.showrooms .showrooms-wrap .list-items p {
        margin-top: 10px;
        font-size: 15px
    }
}

section.showrooms .showrooms-wrap .list-items span {
    display: block;
    color: #000;
    letter-spacing: 0;
    line-height: 26px;
    font-size: 16px
}

section.showrooms .showrooms-wrap .list-items span+span {
    margin-top: 8px
}

@media (max-width:580px) {
    section.showrooms .showrooms-wrap .list-items span+span {
        margin-top: 4px;
        font-size: 15px
    }
}

section.showrooms .showrooms-wrap .list-items .time {
    color: #000
}

section.showrooms .showrooms-wrap .list-items .phone {
    display: block;
    margin-top: 8px
}

@media (max-width:580px) {
    section.showrooms .showrooms-wrap .list-items .phone {
        margin-top: 4px;
        font-size: 15px
    }
}

section.showrooms .showrooms-wrap .list-items .phone a {
    color: #000
}

section.showrooms .showrooms-wrap .list-items .btn {
    margin-top: 18px
}

@media (max-width:580px) {
    section.showrooms .showrooms-wrap .list-items .btn {
        margin-top: 10px
    }
}

section.showrooms .showrooms-wrap .list-items.list-item-count-1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 80px;
    border-bottom: 1px solid rgb(0 0 0 / .2);
    flex-wrap: wrap
}

section.showrooms .showrooms-wrap .list-items.list-item-count-1 .address,
section.showrooms .showrooms-wrap .list-items.list-item-count-1 .quick-contact,
section.showrooms .showrooms-wrap .list-items.list-item-count-1 h2,
section.showrooms .showrooms-wrap .list-items.list-item-count-1 h4 {
    width: 100%
}

section.showrooms .showrooms-wrap .list-items.list-item-count-1 h4 {
    max-width: calc(100% / 3)
}

@media (max-width:768px) {
    section.showrooms .showrooms-wrap .list-items.list-item-count-1 h4 {
        max-width: 100%
    }
}

section.showrooms .showrooms-wrap .list-items.list-item-count-1 h2 {
    max-width: calc(100% / 3);
    text-transform: uppercase;
    line-height: 48px
}

@media (max-width:1080px) {
    section.showrooms .showrooms-wrap .list-items.list-item-count-1 {
        padding-bottom: 60px
    }

    section.showrooms .showrooms-wrap .list-items.list-item-count-1 h2 {
        max-width: 100%
    }
}

@media (max-width:768px) {
    section.showrooms .showrooms-wrap .list-items.list-item-count-1 h2 {
        line-height: 28px;
        max-width: 100%
    }
}

section.showrooms .showrooms-wrap .list-items.list-item-count-1 .address,
section.showrooms .showrooms-wrap .list-items.list-item-count-1 .quick-contact {
    max-width: calc(100% / 3)
}

section.showrooms .showrooms-wrap .list-items.list-item-count-1 .btn,
section.showrooms .showrooms-wrap .list-items.list-item-count-1 .phone {
    margin-top: 5px
}

section.showrooms .showrooms-wrap .list-items.list-item-count-1 .address p {
    margin-bottom: 10px;
    margin-top: 0
}

@media (max-width:860px) {
    section.showrooms .showrooms-wrap .list-items.list-item-count-1 .address p {
        margin-bottom: 20px
    }
}

section.showrooms .showrooms-wrap .list-items.list-item-count-1 .address .btn {
    margin-top: 0
}

section.showrooms .showrooms-wrap .list-items.list-item-count-1 .quick-contact p {
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width:768px) {
    section.showrooms .showrooms-wrap .list-items.list-item-count-1 .quick-contact p {
        margin-top: 4px
    }
}

@media (max-width:1080px) {
    section.showrooms .showrooms-wrap .list-items.list-item-count-1 .address {
        max-width: 50%;
        margin-top: 0
    }

    section.showrooms .showrooms-wrap .list-items.list-item-count-1 .quick-contact {
        max-width: 50%;
        margin-top: 20px
    }
}

@media (max-width:768px) {
    section.showrooms .showrooms-wrap .list-items.list-item-count-1 .phone {
        margin-top: 12px
    }

    section.showrooms .showrooms-wrap .list-items.list-item-count-1 .address,
    section.showrooms .showrooms-wrap .list-items.list-item-count-1 .quick-contact {
        max-width: 100%;
        margin-top: 20px
    }

    .recaptcha {
        transform: scale(.7);
        transform-origin: top left
    }

    .information-404 .row {
        flex-flow: column
    }
}

.contact-form .recaptcha.mt-30 {
    margin-top: 0
}

@media (max-width:580px) {
    .recaptcha {
        transform: scale(.9)
    }

    .contact-form .recaptcha.mt-30 {
        margin-top: 30px
    }

    .contact-form .form-group.mt-30 {
        margin-top: 15px
    }
}

.contact-form form .form-bordered .form-group textarea.form-control {
    height: 236px
}

.materials-slider .slick-arrow {
    color: #6D8380;
    top: 190px
}

.materials-slider .slick-arrow.slick-prev {
    left: -30px
}

.materials-slider .slick-arrow.slick-next {
    right: -30px
}

.materials-slider .slick-arrow.slick-disabled {
    opacity: 0
}

.banner-404 {
    text-align: center
}

.banner-404 .inner-banner-caption .title h1 {
    margin-top: 15px;
    font-size: 160px
}

@media (max-width:1080px) {
    .materials-slider .slick-arrow {
        top: 123px
    }

    .banner-404 .inner-banner-caption .title h1 {
        font-size: 4rem
    }
}

@media (max-width:580px) {
    .banner-404 .inner-banner-caption .title h1 {
        font-size: 3rem
    }

    .information-404.mt-80 {
        margin-top: 60px
    }
}

@media (max-width:768px) {
    .information-404 .row .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .information-404 .help-us.mt-70 {
        margin-top: 40px
    }
}

@media (max-width:580px) {
    .information-404 .help-us.mt-70 {
        margin-top: 30px
    }

    .free-consultation-form.mb-80 {
        margin-bottom: 60px
    }
}

.information-404 .message-list {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #000
}

.information-404 .message-list a {
    color: #000
}

.information-404 .message-list li {
    position: relative;
    padding-left: 20px
}

.information-404 .message-list li:after {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 0;
    top: 7.5px;
    transform: rotate(45deg);
    border: 1px solid #000;
    border-left: 0;
    border-bottom: 0
}

@media (max-width:768px) {
    .information-404 .message-list-404 {
        margin-top: 30px
    }

    .free-consultation-form .form-group.mt-30 {
        margin-top: 20px
    }
}

.inner-banner-overlay {
    width: 100%;
    position: absolute;
    top: 0;
    height: 480px
}

@media (max-width:580px) {

    .free-consultation-form .form-group .recaptcha,
    .free-consultation-form .recaptcha.mt-30 {
        margin-bottom: 0
    }

    .free-consultation-form .btn-wrap.mt-30 {
        margin-top: 0
    }

    .inner-banner-overlay {
        height: 300px
    }
}

body[data-theme=dark] .inner-banner-overlay {
    background-color: rgb(0 0 0 / .4)
}

body[data-theme=dark] .container .inner-banner-caption h1 {
    color: #fff
}

body[data-theme=light] .inner-banner-overlay {
    background-color: rgb(255 255 255 / .4)
}

body[data-theme=light] .container .inner-banner-caption h1 {
    color: #000
}

.inner-banner .vimeo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 480px;
    z-index: -1;
    pointer-events: none;
    overflow: hidden
}

@media (max-width:580px) {
    .inner-banner .vimeo-wrapper {
        height: 300px
    }
}

.inner-banner .vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.brochure-video .vimeo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 660px;
    z-index: -1;
    pointer-events: none;
    overflow: hidden
}

@media (max-width:1080px) {
    .brochure-video .vimeo-wrapper {
        height: 450px
    }
}

@media (max-width:768px) {
    .brochure-video .vimeo-wrapper {
        height: 350px
    }
}

.brochure-video .vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.sitemap-body ul.site-map-custom {
    transition: .6s all;
    font-size: 14px;
    font-weight: 600;
    border-top: rgb(255 255 255 / .3) 1px solid;
    text-transform: uppercase;
    line-height: 34px;
    width: 80%;
    padding: 60px;
    column-count: 2;
    break-inside: avoid;
    text-align: center;
    margin: auto
}

.sitemap-body ul.site-map-custom li {
    width: 100%;
    break-inside: avoid
}

.sitemap-body ul.site-map-custom li a {
    width: 100%;
    color: rgb(0 0 0 / .6);
    display: flex;
    align-items: center;
    position: relative;
    transition: all ease-in-out .4s
}

.sitemap-body ul.site-map-custom li a:before {
    position: absolute;
    content: "";
    width: 15px;
    border-top: 1px solid rgb(0 0 0 / .6);
    left: -25px;
    transition: all ease-in-out .4s;
    margin-top: -2px
}

.sitemap-body ul.site-map-custom li a:hover {
    color: #000;
    padding-left: 5px
}

.sitemap-body ul.site-map-custom li a:hover:before {
    width: 20px;
    border-top-color: #000
}

.sitemap-body ul.site-map-custom li ul.children {
    padding-left: 22px;
    margin-top: 15px;
    margin-bottom: 40px;
    break-inside: avoid;
    font-size: 12px
}

.sitemap-body ul.site-map-custom li ul.children li {
    break-inside: avoid
}

.sitemap-body ul.site-map-custom li ul.children li a {
    transition: all ease-in-out .4s;
    position: relative
}

.sitemap-body ul.site-map-custom li ul.children li a:hover {
    padding-left: 5px
}

.sitemap-body ul.site-map-custom li ul.children li a:hover:before {
    border-top-color: #000
}

.sitemap-body ul.site-map-custom li ul.children li a:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid rgb(0 0 0 / .6);
    left: -26px;
    top: 12px;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    transition: all ease-in-out .4s;
    margin-top: 0
}

body.privacy-policy section.intro p+ul {
    letter-spacing: 0;
    line-height: 26px;
    max-width: 780px;
    font-weight: 400;
    margin: 25px auto 0
}

body.privacy-policy section.intro p+ul li {
    position: relative;
    padding-left: 30px
}

body.privacy-policy section.intro p+ul li+li {
    margin-top: 15px
}

body.privacy-policy section.intro p+ul li:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    left: 0;
    border: 1px solid #000;
    transform: rotate(45deg);
    border-width: 1px 1px 0 0;
    top: 10px
}

section.search-results {
    padding-bottom: 60px;
    padding-top: 200px
}

@media (max-width:768px) {
    section.search-results {
        padding-top: 100px
    }
}

section.search-results .search-block-wrap {
    padding-top: 60px;
    padding-bottom: 60px
}

section.search-results .search-block-wrap .result-block ul.search-result li {
    border-top: 2px solid #f1eeee;
    padding-top: 20px;
    padding-bottom: 20px
}

section.search-results .search-block-wrap .result-block ul.search-result li:last-child {
    border-bottom: 2px solid #f1eeee
}

section.search-results .search-block-wrap .result-block ul.search-result li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none
}

section.search-results .search-block-wrap .result-block ul.search-result li a .text-wrap {
    max-width: 90%
}

section.search-results .search-block-wrap .result-block ul.search-result li a .text-wrap h3 {
    margin-bottom: 5px
}

section.search-results .search-block-wrap .result-block ul.search-result li a .text-wrap p {
    font-size: 16px;
    color: #000
}

section.search-results .search-block-wrap .result-block ul.search-result li a .text-wrap p:last-child {
    margin-bottom: 0
}

section.search-results .search-block-wrap .result-block ul.search-result li a .icon-wrap {
    transform: rotate(90deg);
    border: 1px solid #ADAEAF;
    width: 45px;
    height: 45px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: space-around
}

section.search-results .search-block-wrap .result-block ul.search-result li a .icon-wrap .icon-arrow-up {
    color: #000;
    font-size: 22px
}

@media (max-width:768px) {
    section.search-results .search-block-wrap .result-block ul.search-result li a .text-wrap {
        max-width: 80%
    }

    section.search-results .search-block-wrap .result-block ul.search-result li a .icon-wrap {
        width: 35px;
        height: 35px
    }

    section.search-results .search-block-wrap .result-block ul.search-result li a .icon-wrap .icon-arrow-up {
        font-size: 16px
    }
}

section.search-results .page-controller-row {
    max-width: 100%;
    justify-content: space-between
}

.search-popup {
    position: fixed;
    overflow-y: auto;
    background: #fff;
    transition: .4s all;
    transform: translateY(-80px);
    visibility: hidden;
    height: calc(100vh);
    width: 100%;
    opacity: 0
}

@media (max-width:860px) {
    .search-popup {
        transform: translateY(80px)
    }

    .search-popup .close-bar .search-close-btn i {
        margin-right: 0
    }
}

.search-popup.show {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    z-index: 777
}

.search-popup .close-bar {
    height: 130px;
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width:1280px) {
    .search-popup .close-bar {
        padding: 15px 0;
        height: 100px
    }
}

@media (max-width:768px) {
    .search-popup .close-bar {
        height: 80px
    }
}

.search-popup .close-bar .search-close-btn i {
    border: 1px solid rgb(0 0 0 / .5);
    border-radius: 50px;
    padding: 15px
}

.search-popup .close-bar .search-close-btn .icon-close:before {
    color: #000
}

.search-popup .search-box .input-group {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center
}

.search-popup .search-box .input-group .form-control {
    width: 100%;
    background: #fff;
    border: 1px solid #ADAEAF;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    height: 100px;
    padding: 30px 50px 30px 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.search-popup .search-box .input-group .form-control::placeholder {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px
}

@media (max-width:1280px) {
    .search-popup .search-box .input-group .form-control {
        height: 80px
    }
}

@media (max-width:768px) {
    .search-popup .search-box .input-group .form-control {
        height: 50px;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        padding: 20px 50px 20px 25px
    }
}

.search-popup .search-box .input-group .search-icon {
    background-image: url(../img/search.svg);
    display: block;
    position: absolute;
    right: 25px;
    width: 25px;
    height: 28px;
    top: 37%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center
}

@media (max-width:1280px) {
    .search-popup .search-box .input-group .search-icon {
        top: 34%
    }
}

@media (max-width:1080px) {
    .search-popup .search-box .input-group .search-icon {
        top: 32%
    }
}

.search-popup .popular-box {
    padding: 30px
}

.search-popup .popular-box h4 {
    color: #ADAEAF;
    font-size: 16px
}

@media (max-width:768px) {
    .search-popup .search-box .input-group .search-icon {
        width: 15px;
        height: 20px;
        top: 30%
    }

    .search-popup .search-box .input-group .input-group-append {
        display: none
    }

    .search-popup .popular-box {
        padding-left: 0
    }

    .search-popup .popular-box h4 {
        font-size: 14px
    }
}

.search-popup .popular-box .keywords {
    padding-top: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.search-popup .popular-box .keywords a {
    color: #000;
    border: 2px solid rgb(173 174 175 / .5);
    padding: 10px 10px 10px 35px;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center
}

.search-popup .popular-box .keywords a:hover {
    color: #6D8380;
    border: 2px solid rgb(0 0 0 / .5)
}

.search-popup .popular-box .keywords a .search-icon {
    background-image: url(../img/search.svg);
    display: block;
    position: absolute;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    left: 12px;
    height: 100%;
    width: 14px
}

body.sticky .search-popup {
    margin-top: 130px;
    height: calc(100vh - 130px)
}

.search-scroll {
    overflow: hidden
}

.btn,
.btn-input {
    height: 34px;
    width: auto;
    border-radius: 0;
    font-size: 14px;
    letter-spacing: 1.5px;
    display: inline-flex;
    font-weight: 500;
    transition: .3s all linear;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    border: 0;
    background: 0 0;
    position: relative;
    transform-origin: center top
}

@media (max-width:580px) {

    .btn,
    .btn-input {
        letter-spacing: 3.5px
    }

    .title {
        padding-left: 0;
        padding-right: 0
    }
}

.btn input,
.btn-input input,
.title h6 {
    letter-spacing: 5px;
    text-transform: uppercase
}

.btn input,
.btn-input input {
    cursor: pointer;
    border: 0;
    background: 0 0;
    font-size: 14px;
    padding: 0
}

.btn-input.center,
.btn.center {
    margin-left: auto;
    margin-right: auto
}

.btn-input:after,
.btn:after {
    width: calc(100% - 6px);
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 3px;
    content: "";
    display: block;
    transition: .3s all;
    border-bottom: 1px solid #fff0;
    transform-origin: center bottom;
    transform: translateX(-2px) translateY(0) scaleX(1)
}

.btn-input:hover,
.btn:hover {
    transform: translateX(0) translateY(5px) scaleX(1)
}

.btn-input:hover:after,
.btn:hover:after {
    transform: translateX(0) translateY(-5px) scaleX(.9);
    opacity: 0
}

.btn-input.btn-black,
.btn.btn-black {
    color: #000
}

.btn-input.btn-black::after,
.btn.btn-black::after {
    border-bottom-color: #000
}

.btn-input.btn-white,
.btn.btn-white {
    color: #fff
}

.btn-input.btn-white::after,
.btn.btn-white::after {
    border-bottom-color: #fff
}

button,
input.btn {
    font-weight: 400
}

span.btn:hover {
    transform: translateX(0) translateY(0) scaleX(1)
}

span.btn:hover:after {
    transform: translateX(-2px) translateY(0) scaleX(1);
    opacity: 1
}

.portfolio-play-btn {
    border: 0;
    background-color: rgb(0 0 0 / .1);
    height: 40px;
    width: 40px;
    border-radius: 0;
    transition: .2s all ease-in-out;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.portfolio-play-btn .icon-play-btn {
    display: block;
    border: 0 solid;
    background: 0 0;
    box-sizing: border-box;
    width: 0;
    height: 20px;
    border-color: #fff0 #fff0 #fff0 #fff;
    transition: .1s all ease;
    cursor: pointer;
    border-width: 10px 0 10px 19px
}

@media (max-width:768px) {
    .search-popup .popular-box .keywords a {
        font-size: 14px
    }

    .title {
        max-width: 100%
    }
}

.title h6 {
    font-size: 13px;
    color: #667D7A;
    text-align: center;
    font-weight: 700
}

.title h6+h2 {
    margin-top: 15px
}

.title h1 {
    font-weight: 300;
    text-align: center
}

.title h1 span {
    margin-right: 15px;
    font-family: Javacom;
    font-size: 2.2rem;
    font-weight: 200;
    top: -6px;
    position: relative
}

@media (max-width:1280px) {
    .title h1 span {
        font-size: 2.1875rem
    }
}

@media (max-width:580px) {
    .title h1 span {
        display: block;
        font-size: 1.875rem;
        margin-right: 0
    }
}

.title h2 {
    color: #000;
    letter-spacing: 0;
    font-weight: 300;
    margin-top: -5px
}

.title p,
.title p.align-left {
    text-align: left
}

.title p {
    color: #000;
    letter-spacing: 0;
    line-height: 26px;
    max-width: 780px;
    font-weight: 400;
    margin: 25px auto 0
}

.breadcrumb-wrapper .breadcrumb a,
.breadcrumb-wrapper .breadcrumb span,
.title p a {
    color: #ADAEAF
}

@media (max-width:860px) {
    .title p {
        max-width: 600px
    }
}

.title p a {
    letter-spacing: 0;
    line-height: 26px
}

.card {
    width: 100%;
    border: 0
}

.card .image-holder {
    overflow: hidden
}

.card .image-holder img,
.card .image-holder picture {
    transition: 1.8s transform ease-in-out;
    transform-origin: center center;
    transform: scale(1);
    max-width: 100%;
    width: 100%
}

.card:hover .image-holder picture {
    transform: scale(1)
}

.card:hover .image-holder .card-overlay {
    background: rgb(0 0 0 / .7);
    opacity: .95
}

.card:hover .image-holder .card-overlay .btn-wrap,
.card:hover .image-holder .card-overlay .caption-wrap,
.card:hover .image-holder .card-overlay .text-wrap {
    transform: translateY(0);
    opacity: 1
}

.card:hover a .card-inner .card-body .news-date ul,
.card:hover a .card-inner .card-body a,
.card:hover a .card-inner .card-body h1,
.card:hover a .card-inner .card-body h2,
.card:hover a .card-inner .card-body h3,
.card:hover a .card-inner .card-body h4,
.card:hover a .card-inner .card-body h5,
.card:hover a .card-inner .card-body h6,
.card:hover a .card-inner .card-body p {
    color: #264d47
}

.card .card-inner a+.btn {
    margin-top: 35px
}

@media (max-width:580px) {

    .title p,
    .title p a {
        text-align: left;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px
    }

    .card .card-inner a+.btn {
        margin-top: 20px
    }
}

.card .card-inner .image-holder {
    position: relative;
    overflow: hidden
}

.card .card-inner .card-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: .45s all ease-in-out;
    transition-delay: 0s;
    background: 0 0;
    z-index: 1
}

.card .card-inner .card-overlay .text-wrap h3 {
    color: #fff
}

.card .card-inner .card-overlay .caption-wrap {
    flex-direction: column;
    padding: 20px 30px
}

@media (max-width:768px) {
    .card .card-inner .card-overlay .caption-wrap {
        padding: 20px
    }
}

.card .card-inner .card-overlay .caption-wrap h4 {
    border-bottom: 1px solid rgb(255 255 255 / .3);
    padding-bottom: 15px;
    margin-bottom: 15px;
    width: 100%
}

.card .card-inner .card-overlay .caption-wrap p {
    text-transform: uppercase;
    font-size: 15px
}

.card .card-inner .card-overlay .caption-wrap h4,
.card .card-inner .card-overlay .caption-wrap p {
    text-align: center;
    color: #fff
}

.card .card-inner .card-overlay .btn-wrap,
.card .card-inner .card-overlay .caption-wrap,
.card .card-inner .card-overlay .text-wrap {
    height: 100%;
    display: flex;
    transition: .6s all ease-in-out;
    transform: translateY(15px);
    opacity: 0;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.card .card-inner .card-body {
    margin-top: 35px
}

.card .card-inner .card-body h4 {
    letter-spacing: 0
}

.card .card-inner .card-body h3 {
    margin-bottom: 15px;
    text-transform: capitalize
}

.card .card-inner .card-body p {
    color: #000
}

.card .card-inner .card-body p:last-child {
    margin-bottom: 0
}

form .form-group {
    display: flex;
    flex-wrap: wrap
}

form .form-group .form-control {
    border: 0;
    width: 100%;
    border-bottom: 1px solid rgb(0 0 0 / .4);
    padding: 8px 0;
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    background: 0 0;
    margin-bottom: 30px;
    margin-top: 30px;
    outline: 0
}

form .form-group .form-control::placeholder {
    color: rgb(83 79 80 / .6)
}

@media (max-width:580px) {
    form .form-group .form-control {
        margin-bottom: 15px
    }
}

form .form-group .btn {
    cursor: pointer
}

form .form-bordered .form-group {
    margin-bottom: 20px;
    position: relative
}

@media (max-width:580px) {
    form .form-bordered .form-group {
        margin-bottom: 15px
    }
}

form .form-bordered .form-group label {
    font-size: 16px;
    color: #000;
    letter-spacing: 0;
    line-height: 22px
}

@media (max-width:768px) {
    form .form-bordered .form-group label {
        font-size: 15px;
        line-height: 18px
    }
}

form .form-bordered .form-group .form-control {
    width: 100%;
    border: 1px solid #999;
    padding: 20px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    letter-spacing: 0;
    margin: 0;
    outline: 0;
    background-color: #fff
}

@media (max-width:768px) {
    form .form-bordered .form-group .form-control {
        padding: 11px 15px;
        margin-bottom: 0;
        margin-top: 0
    }
}

form .form-bordered .form-group .form-control::placeholder {
    color: #000;
    opacity: 1
}

form .form-bordered .form-group .error {
    margin-top: 3px
}

form .form-bordered .form-group textarea.form-control {
    resize: none;
    height: 236px;
    padding-top: 12px;
    padding-bottom: 12px
}

@media (max-width:580px) {
    form .form-bordered .form-group textarea.form-control {
        height: 180px
    }
}

form .form-bordered .form-group .input-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

form .form-bordered .form-group .input-wrap label {
    font-size: 16px;
    color: #000;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 39px
}

form .form-bordered .form-group .input-wrap input {
    height: 25px;
    width: 25px;
    margin-right: 15px;
    background: #FFF;
    border: 1px solid #999;
    border-radius: 0
}

@media (max-width:768px) {
    form .form-bordered .form-group .input-wrap label {
        font-size: 15px;
        line-height: 18px
    }

    form .form-bordered .form-group .input-wrap input {
        height: 60px;
        margin-top: -12px
    }
}

@media (max-width:580px) {
    form .form-bordered .form-group .input-wrap input {
        height: 25px;
        margin-top: 0
    }

    .error {
        margin-top: 0
    }
}

form .form-bordered .form-group .input-group-append {
    position: absolute;
    right: 12px;
    height: 100%;
    font-size: 24px;
    display: flex;
    align-items: center;
    width: 26px
}

form .form-bordered .form-group .input-group-append .icon-datepicker {
    display: inline-block;
    background-image: url(../img/datepicker.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px
}

form .form-bordered .row .col-md-12 {
    text-align: center
}

.error {
    color: red
}

.dropzone input {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0
}

.select2-container,
.wpcf7-form-control-wrap {
    width: 100%
}

.wpcf7 form .wpcf7-response-output {
    display: none
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: #D8000C;
    background-color: #FFBABA;
    border: 0;
    padding: 10px;
    display: block
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 0;
    padding: 10px;
    display: block
}

div.wpcf7 .ajax-loader {
    position: absolute;
    right: -20px
}

.slick-next,
.slick-prev {
    font-size: 2rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center !important;
    text-align: center;
    line-height: 30px;
    height: 30px;
    width: 30px
}

.slick-next:before,
.slick-prev:before {
    display: none
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    opacity: .1;
    cursor: default
}

.breadcrumb-wrapper {
    width: 100%;
    padding: 10px 0;
    position: absolute;
    top: 120px;
    z-index: 1
}

.carousel-wrap,
.carousel-wrap .carousel-slider {
    position: relative
}

@media (max-width:580px) {
    .breadcrumb-wrapper {
        top: 60px
    }
}

.breadcrumb-wrapper .container-fluid {
    padding-left: 60px;
    padding-right: 60px
}

@media (max-width:768px) {
    .breadcrumb-wrapper .container-fluid {
        padding-left: 20px;
        padding-right: 20px
    }
}

.breadcrumb-wrapper .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 400
}

.breadcrumb-wrapper .breadcrumb a:after {
    content: "/";
    margin: 0 2px
}

.carousel-wrap .carousel-slider .slick-dots li,
.carousel-wrap .slick-dotted.slick-slider {
    margin: 0
}

.breadcrumb-wrapper .breadcrumb a:hover {
    color: #000
}

.carousel-wrap img,
.carousel-wrap picture {
    width: 100%;
    max-height: 550px;
    overflow: hidden;
    max-width: 100%
}

.carousel-wrap .carousel-controls {
    opacity: 0;
    transition: .4s all ease-in-out
}

.carousel-wrap .carousel-controls .slick-arrow {
    color: #6D8380
}

.carousel-wrap .carousel-controls .slick-arrow:hover {
    color: #000;
    opacity: 1 !important
}

.carousel-wrap .carousel-controls .slick-prev {
    left: -75px
}

.carousel-wrap .carousel-controls .slick-next {
    right: -75px
}

@media (max-width:1366px) {
    .carousel-wrap .carousel-controls .slick-prev {
        left: 30px
    }

    .carousel-wrap .carousel-controls .slick-next {
        right: 30px
    }
}

.carousel-wrap:hover .carousel-controls {
    opacity: 1
}

.carousel-wrap .carousel-slider .slick-dots {
    position: absolute;
    bottom: 20px
}

.carousel-wrap .carousel-slider .slick-dots li button:before {
    font-size: 22px
}

.news-date .icomoon {
    font-size: 18px
}

.news-date ul {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .14em;
    text-align: left;
    color: #667D7A;
    display: flex
}

.news-date ul li.author,
ul.pagination a {
    color: #000
}

.news-date ul li+li {
    margin-left: 20px
}

ul.pagination {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    display: flex
}

ul.pagination li.active a {
    font-weight: 700
}

ul.pagination li+li {
    margin-left: 10px
}

.switch,
.switch * {
    user-select: none
}

@media (max-width:1080px) {
    .switch {
        margin-right: 20px
    }
}

.switch label {
    cursor: pointer;
    font-size: 14px;
    color: #000;
    position: relative;
    font-weight: 500;
    margin: 0;
    display: flex;
    align-items: center
}

@media (max-width:1080px) {
    .switch label {
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        white-space: nowrap;
        min-width: auto;
        padding: 10px 20px
    }
}

.switch label input[type=checkbox],
.switch label input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0
}

.switch label input[type=checkbox]:checked+.lever,
.switch label input[type=radio]:checked+.lever {
    background-color: rgb(38 77 71 / .7);
    border: 1px solid rgb(38 77 71 / .7)
}

.switch label input[type=checkbox]:checked+.lever:after,
.switch label input[type=checkbox]:checked+.lever:before,
.switch label input[type=radio]:checked+.lever:after,
.switch label input[type=radio]:checked+.lever:before {
    left: 18px
}

.switch label input[type=checkbox]:checked+.lever:after,
.switch label input[type=radio]:checked+.lever:after {
    background-color: #264d47;
    border: 1px solid #264d47
}

.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 34px;
    height: 10px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 15px;
    transition: background .3s ease;
    vertical-align: middle;
    margin: 0 12px 0 0
}

@media (max-width:1080px) {

    .switch label input[type=checkbox]:checked+.lever:after,
    .switch label input[type=checkbox]:checked+.lever:before,
    .switch label input[type=radio]:checked+.lever:after,
    .switch label input[type=radio]:checked+.lever:before {
        left: 8px
    }

    .switch label .lever {
        max-width: 25px;
        min-width: 25px
    }
}

.switch label .lever+.btn {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #264d47;
    padding: 0;
    line-height: 1
}

@media (max-width:1080px) {
    .switch label .lever+.btn {
        display: block
    }
}

.switch label .lever:after,
.switch label .lever:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: -1px;
    top: -4px;
    transition: left .3s ease, background .3s ease, box-shadow .1s ease, transform .1s ease
}

.switch label .lever:before {
    background-color: rgb(38 166 154 / .15)
}

.switch label .lever:after {
    background-color: #fff;
    border: 1px solid #999;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / .2), 0 2px 2px 0 rgb(0 0 0 / .14), 0 1px 5px 0 rgb(0 0 0 / .12)
}

.select2-container--default .select2-selection--single {
    border: 1px solid #999;
    border-radius: 0;
    background-color: #fff
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: auto
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 1px solid #999;
    height: 10px;
    left: 50%;
    margin-left: -22px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 10px;
    transform: rotate(45deg);
    border-top: 0;
    border-left: 0
}

@media (max-width:580px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-left: -16px;
        margin-top: -6px
    }
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #264d47;
    color: #fff
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: 1px solid #999;
    border-right: 0;
    border-bottom: 0;
    margin-top: -4px
}

@media (max-width:580px) {
    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        margin-top: -2px
    }
}

.select2-container .select2-selection--single {
    width: 100%;
    height: 60px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    letter-spacing: 0;
    background: 0 0;
    margin: 0;
    outline: 0;
    display: flex;
    align-items: center;
    padding: 0 20px
}

@media (max-width:768px) {
    .select2-container .select2-selection--single {
        height: 50px;
        padding: 0 15px;
        margin-bottom: 0;
        margin-top: 0
    }
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0
}

.select2-results__option {
    padding: 6px 20px
}

@media (max-width:580px) {
    .select2-results__option {
        padding: 6px 15px
    }
}

.select2-search--dropdown {
    padding: 6px 20px
}

@media (max-width:580px) {
    .select2-search--dropdown {
        padding: 6px 15px
    }
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #999;
    background: #264d47;
    color: #fff
}

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

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

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

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

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

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

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

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 1px solid #ADAEAF;
    background: #ADAEAF;
    font-weight: 400;
    color: #fff
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    width: 10px;
    height: 10px;
    border: 1px solid #000;
    transform: rotate(45deg)
}

.ui-datepicker .ui-datepicker-prev span {
    border-right: none;
    border-top: none
}

.ui-datepicker .ui-datepicker-next span {
    border-left: none;
    border-bottom: none
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 7.5px;
    width: 15px;
    height: 20px;
    background-color: #ADAEAF;
    border: none;
    cursor: pointer
}

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

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

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

.codedropz-upload-handler {
    position: relative;
    border: 1px dashed #999;
    border-radius: 0;
    margin-bottom: 0;
    height: 200px
}

.codedropz-upload-container {
    padding: 122px 20px 15px;
    height: 200px
}

.codedropz-upload-inner {
    display: flex;
    justify-content: center;
    align-items: center
}

.codedropz-upload-inner h6 {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #000
}

@media (max-width:768px) {
    .codedropz-upload-inner h6 {
        font-size: 10px
    }
}

@media (max-width:580px) {
    .codedropz-upload-inner h6 {
        font-size: 14px
    }
}

.codedropz-upload-inner h6+span {
    padding: 0 5px
}

.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
    position: relative;
    text-transform: uppercase;
    color: #000
}

.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #D8D8D8;
    left: 0;
    bottom: -6px
}

.dnd-upload-counter {
    opacity: 0
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    background: #4CAF50;
    display: block;
    font-size: 8px;
    text-align: right;
    color: #fff;
    height: 100%;
    width: 0;
    line-height: 10px
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
    display: block;
    border-radius: 4px;
    overflow: hidden;
    background: #667D7A;
    height: 9px
}

.dnd-upload-status .dnd-upload-details .name {
    color: #000;
    padding: 4px 25px 4px 0;
    display: flex
}

.dnd-icon-remove {
    color: red
}

.file-attacment {
    width: 100%;
    min-height: 200px
}

.file-attacment .dropzone {
    border: 1px dashed #999;
    min-height: 200px;
    padding: 100px 20px 20px;
    position: relative;
    z-index: 9;
    background-color: #fff0
}

@media (max-width:580px) {
    .file-attacment .dropzone {
        padding: 100px 15px 15px
    }
}

.file-attacment .dz-message {
    margin: 20px 0 0;
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0
}

.file-attacment .dz-preview {
    margin: 5px
}

.file-attacment .dz-preview .dz-image {
    border-radius: 4px
}

.file-attacment .icon-wrap {
    width: 100%;
    display: inline-flex;
    justify-content: space-around;
    position: absolute;
    top: 100px
}

.file-attacment .icon-wrap .icon-cloud {
    display: inline-block;
    background-image: url(../img/cloud-upload.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 52px;
    height: 48px
}

.checkbox-group {
    width: 100%;
    position: relative
}

.checkbox-group span.wpcf7-list-item {
    margin-left: 0
}

.checkbox-group span.wpcf7-list-item a {
    color: #ADAEAF;
    transition: all .4s ease-in-out
}

.checkbox-group span.wpcf7-list-item a:hover {
    color: #264d47
}

.checkbox-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    opacity: 0;
    cursor: pointer;
    position: absolute
}

.checkbox-group label {
    cursor: pointer;
    position: relative;
    left: 0;
    margin: 0;
    display: flex
}

.checkbox-group label span {
    display: block;
    margin-top: -2px
}

@media (max-width:580px) {
    .checkbox-group label span {
        margin-top: -1px
    }
}

.checkbox-group label:before {
    content: '';
    -webkit-appearance: none;
    background: #FFF;
    border: 1px solid #999;
    border-radius: 0;
    padding: 11px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 15px;
    height: 25px;
    width: 25px
}

.checkbox-group input:checked+.wpcf7-list-item-label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 9px;
    width: 6px;
    height: 15px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.checkbox-group input:checked+.wpcf7-list-item-label:before {
    background-color: #264d47;
    width: 25px;
    height: 25px;
    display: block;
    left: 0;
    position: absolute;
    top: 0
}

.pull-right {
    float: right !important
}

@media (min-width:768px) {
    .menu-bar {
        margin: 0
    }
}

.menu-bar {
    padding-left: 0
}

@media (min-width:768px) {
    .menu-bar>li {
        float: left
    }
}

.menu-bar>li {
    position: relative;
    display: block;
    position: relative;
    display: block
}

.menu-item {
    padding-top: .3rem
}

.menu-item>.nav-link {
    padding: 1.4rem 2.3rem
}

.menu-bar>li>a {
    position: relative;
    display: block
}

.menu-bar>ul .menu-bar>li .menu-bar>a {
    position: relative;
    display: block
}

.active-menu {
    content: "";
    display: block;
    margin: 0 auto;
    padding-top: 1rem;
    border-bottom: .1rem solid #e2a330
}

li.menu-1:hover~.backdrop {
    height: 20.9rem !important;
    opacity: .96
}

li.menu-2:hover~.backdrop {
    height: 23.9rem !important;
    opacity: .96
}

li.menu-3:hover~.backdrop {
    height: 30.9rem !important;
    opacity: .96
}

li.menu-4:hover~.backdrop {
    height: 15.9rem !important;
    opacity: .96
}

li.mega-menu:nth-of-type(1):hover~.backdrop,
li.mega-menu:nth-of-type(2):hover~.backdrop,
li.mega-menu:nth-of-type(3):hover~.backdrop,
li.mega-menu:nth-of-type(4):hover~.backdrop {
    height: 53.9rem;
    opacity: .96
}

@media (min-width:992px) {
    .backdrop {
        position: fixed;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100vw;
        height: 0;
        background-color: #000000d9;
        z-index: -1;
        transition-duration: .5s;
        transition-timing-function: ease-in-out
    }

    .fs-lg-60 {
        font-size: 60px
    }

    .fs-lg-50 {
        font-size: 50px
    }

    .fs-lg-40 {
        font-size: 40px
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .mega-menu:hover .frist-menu-open {
        display: block
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .frist-menu-open {
        opacity: 0;
        animation: fadein ease-in 1;
        animation-fill-mode: forwards;
        animation-duration: 1s
    }
}

.first-menu-open {
    overflow: hidden;
    color: #fff;
    background: #fff0;
    position: fixed;
    display: none;
    margin-left: 2.2rem
}

.first-menu-open {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #fff0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%)
}

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

.sub-head {
    padding: 0 0 1rem 0
}

.sub-head .span {
    height: 2.8rem;
    width: 19.5rem;
    color: #fff;
    font-size: 2.4rem;
    line-height: 2.8rem
}

.horizonIn {
    display: inline
}

.liItems {
    padding: .5rem 0 .5rem .1rem;
    font-weight: 300;
    text-align: left;
    color: #fff;
    width: 20rem
}

.liItems.horizonIn {
    text-align: left;
    display: block !important;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .3px
}

hr.subHeadBorder {
    width: 32rem;
    color: #666;
    border-top: 1px solid #4c4b4b;
    margin-top: 0;
    margin-left: 0rem;
    margin-bottom: 10px
}

.single-menu-items {
    margin-top: 30px
}

.second-menu-items {
    margin-top: 100px
}

.sticky-header .main-nav ul.menu-bar li.menu-item.menu-item-type-post_type a,
.sticky-header .main-nav ul.menu-bar li.menu-item.menu-item-type-post_type.seperate-menu-kb:hover a {
    color: #454545 !important
}

.sticky-header .main-nav ul.menu-bar li.menu-item.menu-item-type-post_type:hover a {
    color: #fff !important
}

li.custom-menu:hover~.backdrop {
    height: 15.9rem !important
}

li.custom-menu-1:hover~.backdrop {
    height: 10.9rem !important
}

.slick-arrow i {
    color: #fff
}

.le-home-box fieldset {
    border: 10px double #cfcfcf;
    padding: 20px;
    position: relative
}

.le-home-box fieldset legend {
    width: auto
}

.le-home-box.neW-box fieldset {
    border: 1px solid #ebebeb;
    padding: 20px;
    position: relative;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / .12)
}

.le-home-box.neW-box fieldset legend {
    background-color: #fff
}

.vb-view-more {
    font-size: 2rem;
    position: absolute;
    bottom: -13px;
    right: 13px;
    margin: 0 auto;
    display: block;
    text-align: center;
    background-color: #fff;
    width: 126px
}

.thumbnail-slider .slick-next,
.thumbnail-slider .slick-prev {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center !important;
    text-align: center;
    line-height: 30px;
    height: 30px;
    width: 30px;
    background-color: #222;
    padding: 11px;
    color: #fff;
    font-size: 18px
}

.more-service .card .card-inner .card-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    transition: top .6s ease-out .3s;
    -moz-transition: top .6s ease-out .3s;
    -ms-transition: top .6s ease-out .3s;
    -webkit-transition: top .6s ease-out .3s;
    -o-transition: top .6s ease-out .3s;
    transition-delay: 0s;
    background: 0 0;
    z-index: 1
}

.more-service .card:hover .image-holder .card-overlay {
    background: rgb(0 0 0 / .7);
    opacity: .95;
    top: 0
}

.vb-nav-tab.nav-pills {
    display: flex;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    text-align: center
}

.vb-nav-tab.nav-pills .nav-item {
    margin-right: 10px;
    background: none;
    list-style-type: none;
    padding: 2px;
    white-space: nowrap;
    display: list-item;
    width: 15.3%
}

.vb-nav-tab.nav-pills .nav-item:last-child {
    margin-right: 0
}

.vb-nav-tab.nav-pills .nav-link {
    font-size: 17px;
    color: #333;
    background: transparent !important;
    position: relative;
    text-decoration: none;
    display: inline-block;
    padding: 10px 15px
}

.vb-nav-tab.nav-pills .nav-link::after {
    position: absolute;
    content: '';
    border-bottom: 4px solid #db002d;
    width: 0;
    bottom: -4px;
    left: 0;
    transition: 0.5s
}

.vb-nav-tab.nav-pills .nav-link:hover::after,
.vb-nav-tab.nav-pills .nav-link.active::after {
    width: 100%
}

.vb-nav-tab.nav-pills .nav-link {
    color: #0c0c0c;
    background-color: #f1f1f1
}

section.offerings .cols-wrap #boc-min-boc.col .col-hvr {
    min-height: 100%;
    max-width: 100%;
    margin: 0 auto 0;
    top: 0;
    background: rgb(255 255 255 / .7)
}

section.offerings .cols-wrap #boc-min-boc.col .col-hvr p {
    max-width: 100%
}

.cards-wrap.vb-why-33le .card {
    border: 0;
    border-right: 1px solid rgb(0 0 0 / .125)
}

.cards-wrap.vb-why-33le .card:last-child {
    border: 0
}

.team-part {
    padding: 40px 30px;
    border-radius: 50px 0 50px 0;
    background-color: #f1f1f1;
    border: 7px double #c1c1c1;
    margin-bottom: 40px;
    box-shadow: 0 1px 3px 0 #0000003d
}

.team-part h3 {
    margin-bottom: 20px
}

.team-part-1 {
    padding: 40px 30px;
    border-radius: 0 50px 0 50px;
    background-color: #f1f1f1;
    border: 7px double #c1c1c1;
    margin-bottom: 40px;
    box-shadow: 0 1px 3px 0 #0000003d
}

.team-part-1 h3 {
    margin-bottom: 20px
}

.team-boz .avout-founder-img img {
    border-radius: 10px 10px 0 0
}

.team-boz .avout-founder-img h4 {
    border-top: 2px dotted #efefef;
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 2px dotted #efefef;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    box-shadow: 0 2px 5px 0 #00000008
}

.pro-33le-pro-001 .card {
    width: 100%
}

.pro-33le-pro-001 .card .card-inner .card-body {
    margin-top: 20px;
    padding: 0
}

.pro-33le-pro-001 .card .card-inner .card-body h3 {
    margin-bottom: 10px
}

.vb-title-text span.dot-style,
.vb-title-text span.dot-style-02 {
    display: inline-block;
    padding: 0;
    position: relative
}

.vb-title-text span.dot-style:before,
.vb-title-text span.dot-style-02:before {
    content: '';
    background: url(../images/animation/dot_black.webp) no-repeat 0 0;
    position: absolute;
    left: 50%;
    bottom: -3px;
    height: 7px;
    width: 7px;
    line-height: 7px;
    transition: all .8s ease;
    visibility: hidden;
    z-index: 2
}

.vb-title-text span.dot-style.slideBorder:before,
.vb-title-text span.dot-style-02.slideBorder:before {
    visibility: visible;
    left: -2px
}

.vb-title-text span.dot-style i,
.vb-title-text span.dot-style-02 i {
    font-style: normal;
    display: block;
    position: relative;
    padding: 0 35px 15px
}

.vb-title-text span.dot-style i:after,
.vb-title-text span.dot-style-02 i:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    margin: 0 auto;
    height: 1px;
    background: #000;
    transition: all .8s ease
}

.vb-title-text span.dot-style.slideBorder i:after,
.vb-title-text span.dot-style-02.slideBorder i:after {
    left: 0;
    right: 0
}

.vb-title-text span.dot-style:after,
.vb-title-text span.dot-style-02:after {
    content: '';
    background: url(../images/animation/dot_black.webp) no-repeat 0 0;
    position: absolute;
    right: 50%;
    bottom: -3px;
    height: 7px;
    width: 7px;
    line-height: 7px;
    transition: all .8s ease;
    visibility: hidden;
    z-index: 2
}

.vb-title-text span.dot-style.slideBorder:after,
.vb-title-text span.dot-style-02.slideBorder:after {
    visibility: visible;
    right: -2px
}

#timeline-box-33le.timeline-wrapper .timeline-item {
    max-width: 410px
}

.management-div .container-fluid {
    padding: 0
}

.management-div .mdMsg-txt p {
    text-align: justify
}

.management-div .mdMsg-txt h3 {
    line-height: inherit
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 3px;
    margin-left: 3px;
    opacity: 1;
    display: block;
    width: 10px;
    height: 10px;
    background: none;
    border: 2px solid #fff;
    border-radius: 50%;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 0 4px rgb(0 0 0 / .6);
    transition: opacity .6s ease
}

.carousel-indicators .active {
    opacity: 1;
    background-color: #fff
}

.text-theme-color {
    color: #db002d
}

.inner-banner-new .img-div {
    position: relative
}

.inner-banner-new .img-div:before {
    content: " ";
    position: absolute;
    background-color: #0000004a;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.inner-banner-h1 h1 {
    padding: 20px;
    box-shadow: 0 1px 3px 0 #22222236;
    font-size: 30px;
    margin: 0;
    display: inline-block
}

@media (max-width:767px) {
    .inner-banner-h1 h1 {
        padding: 10px
    }
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999
}

#status {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/kb-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto
}

@media (min-width:1200px) {
    .management-div .mdMsg-txt {
        text-align: left;
        width: 600px
    }

    .deskstop-view-ptb-60 {
        padding: 60px 0
    }
}

@media (max-width:1199px) {
    .vb-nav-tab.nav-pills .nav-item {
        width: auto
    }
}

@media (max-width:1199px) and (min-width:992px) {
    #timeline-box-33le.timeline-wrapper .timeline-item {
        max-width: 280px;
        margin-bottom: 50px
    }

    .more-services-33le-page.more-service .card .card-inner .card-overlay {
        width: 270px;
        height: 270px
    }
}

@media (min-width:992px) {
    .vb-none-op-0 {
        visibility: hidden;
        opacity: 0
    }
}

@media (max-width:991px) {
    .hideen-767 {
        display: none
    }

    .vb-nav-tab.nav-pills .nav-item {
        margin-bottom: 20px
    }

    #timeline-box-33le.timeline-wrapper .timeline-item .step {
        left: -67px;
        right: auto;
        height: 60px;
        width: 60px
    }

    #timeline-box-33le.timeline-wrapper .timeline-item .step:before {
        left: 73px
    }

    #timeline-box-33le.timeline-wrapper .timeline-item .step:after {
        left: 58px
    }

    section.offerings.vb-offwering-box .cols-wrap {
        padding: 0
    }

    .more-services-33le-page.more-service .card .card-inner .card-overlay {
        width: 394px;
        height: 394px
    }

    .overvie-compnay-section .le-home-box fieldset {
        margin-top: 30px
    }

    .overvie-compnay-section .le-home-box fieldset legend {
        font-size: 1.4rem !important
    }

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

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

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

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

@media (max-width:767px) {
    .vb-nav-tab.nav-pills {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap
    }

    .vb-nav-tab.nav-pills .nav-item {
        white-space: nowrap
    }

    .font-1rem {
        font-size: 1rem !important
    }
}

@media (max-width:580px) {
    .inner-banner.seprate-inner {
        height: calc(420px - 120px) !important
    }

    .more-services-33le-page.more-service .card .card-inner .card-overlay {
        width: 76%;
        height: 76%
    }

    .offerings .le-home-box fieldset legend,
    .introduction .le-home-box fieldset legend,
    .ourbrands .le-home-box fieldset legend,
    .more-services-33le-page .le-home-box fieldset legend,
    .brands.about-brands .le-home-box fieldset legend {
        font-size: 1.4rem !important
    }

    .about-ethier-stories.stories .card {
        margin-top: 0
    }

    .testimonial-carosol.thumbnail-slider .thumbnail-slider-item .image-holder {
        width: 100% !important
    }
}

.inner-banner-h1 {
    display: none !important
}

.social-menu {
    display: flex;
    gap: 10px;
    padding-top: 20px
}

.social-menu .icon-wrap img {
    display: block;
    width: 35px
}

.sticky-menu.active img {
    width: 35px !important
}