@font-face {
    font-family: 'basis_grotesque_proregular';
    src: url('webfonts/fontsfree-net-basisgrotesquepro-regular-webfont.woff2') format('woff2'), url('webfonts/fontsfree-net-basisgrotesquepro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'basis_grotesque_promedium';
    src: url('webfonts/fontsfree-net-basisgrotesquepro-medium-webfont.woff2') format('woff2'), url('webfonts/fontsfree-net-basisgrotesquepro-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*--------------------------------------------------
	01. General Settings
---------------------------------------------------*/
html, body {
    font-family: 'basis_grotesque_promedium', sans-serif;
    font-weight: 400;
    font-size: 16px;
    height: 100%;
    width: 100%;
    color: #444;
    background-color: #fff;
    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}
html {
    box-sizing: border-box;
    margin-right: 0px !important;
    overflow: visible !important;
}
body {
    overflow: hidden;
    overflow-y: scroll;
    -webkit-transition: opacity 0.2s ease-in-out 0.2s;
    transition: opacity 0.2s ease-in-out 0.2s;
}
body.smooth-scroll {
    overflow: hidden;
}
body.hidden {
    opacity: 0;
}
main {
    -webkit-transition: background 0.5s ease-in-out 0s;
    transition: background 0.5s ease-in-out 0s;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, footer, header, hgroup, nav, section {
    display: block;
}
audio {
    display: inline-block;
    max-width: 100%;
}
address {
    font-style: italic;
    margin-bottom: 24px;
}
abbr[title] {
    border-bottom: 1px dotted #2b2b2b;
    cursor: help;
}
b, strong {
    font-weight: 600;
    color: #000;
}

.light-section{
    background-color: #fff;
}

.light-content b, .light-content strong, .dark-section b, .dark-section strong {
    font-weight: 600;
    color: #fff;
}
.light-content .light-section b, .light-content .light-section strong {
    font-weight: 600;
    color: #000;
}
cite, dfn, em, i {
    font-style: italic;
}
mark, ins {
    background: none repeat scroll 0 0 #000;
    text-decoration: none;
    color: #fff;
    padding: 2px 8px;
    display: inline-block;
    border-radius: 2px;
}
.light-content mark, .light-content ins, .dark-section mark, .dark-section ins {
    background: none repeat scroll 0 0 #fff;
    color: #000;
}
.light-content .light-section mark, .light-content .light-section ins {
    background: none repeat scroll 0 0 #111;
    color: #fff;
}

.theme-colour{
    color: #fa4529 !important;
}

code, kbd, tt, var, samp, pre {
    font-family: monospace, serif;
    font-size: 15px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 1.6;
}
pre {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px;
    max-width: 100%;
    overflow: auto;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: rgba(0, 0, 0, 0.05)
}
.light-content pre, .dark-section pre {
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
}
.light-content .light-section pre {
    background-color: rgba(0, 0, 0, 0.05);
    color: #000;
}
blockquote, q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}
blockquote {
    color: #000;
    line-height: 1.6;
    font-size: 1.5rem;
    margin-bottom: 2.1875rem;
    font-weight: 500;
    padding-left: 3.5rem;
    margin: 0 0 1.5625rem;
    position: relative;
}
.light-content blockquote, .dark-section blockquote {
    color: #fff;
}
.light-content .light-section blockquote {
    color: #000;
}
blockquote::before {
    content: "\275D";
    position: absolute;
    left: 0;
    top: 5px;
    line-height: 1;
    font-size: 3rem;
    font-weight: 500;
}
blockquote cite, blockquote small {
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.light-content blockquote cite, .light-content blockquote small {
    color: #fff;
}
blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}
blockquote strong, blockquote b {
    font-weight: 600;
}
small {
    font-size: smaller;
}
big {
    font-size: 125%;
}
sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.uppercase {
    text-transform: uppercase;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
dl {
    margin-bottom: 24px;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 24px;
}
ul, ol {
    list-style: none;
    margin: 0 0 24px 20px;
}
ul, ol {
    list-style: none;
    margin: 20px 0 25px 20px;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul, li > ol {
    margin: 20px 0px 15px 25px;
}
li {
    line-height: 20px;
    color: #444;
    margin-bottom: 25px;
}
.light-content li, .dark-section li {
    color: #ccc;
}
.light-content .light-section li {
    color: #444;
}
figure {
    margin: 0;
    position: relative;
    display: block;
}
figure.has-parallax {
    overflow: hidden;
}
figure.has-parallax.with-top-dark-fade:before{
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    left: 0px;
    top: 0px;
    height: 20%;
    width: 100%;
    z-index: 1;
    opacity: 0.95;
    background: linear-gradient(180deg, rgb(0, 0, 0) 22%, rgba(0, 0, 0, 0) 100%);
}
figure.has-parallax.with-bottom-dark-fade:after{
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    left: 0px;
    bottom: 0px;
    height: 20%;
    width: 100%;
    z-index: 1;
    opacity: 0.95;
    background: linear-gradient(0deg, rgb(0, 0, 0) 22%, rgba(0, 0, 0, 0) 100%);
}
.full figure.has-parallax {
    overflow: hidden;
    height: 100vh;
}
figure img {
    max-width: 100%;
}
.has-parallax-content > img, figure.has-parallax > img {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    object-position: center;
    object-fit: cover;
}
figcaption {
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0px;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    padding: 5px 10px;
    position: absolute;
    right: 0px;
    z-index: 10;
    border-radius: 0;
}
fieldset {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 24px;
    padding: 0;
}
legend {
    white-space: normal;
}
button, input {
    line-height: normal;
}
input, textarea {
    background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button[disabled], input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
    width: 100%;
    color: #444;
}
thead, .light-content .light-section thead {
    background-color: rgba(0, 0, 0, 1);
    color: #fff;
}
.light-content thead, .dark-section thead {
    background-color: rgba(255, 255, 255, 1);
}
thead tr, .light-content .light-section thead tr {
    color: #fff;
}
.light-content thead tr, .dark-section thead tr {
    color: #000;
}
tr, .light-content .light-section tr {
    color: #444;
}
.light-content tr, .dark-section tr {
    color: #CCC;
}
tr:nth-child(2n), .light-content .light-section tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.05);
}
.light-content tr:nth-child(2n), .dark-section tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.1);
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
th {
    border-width: 0 1px 1px 0;
    padding: 10px;
}
td {
    border-width: 0 1px 1px 0;
    padding: 10px;
}
del {
    color: #767676;
}
hr,
.wp-block-separator {
    border: 0;
    height: 28px;
    width: 100%;
    float: none;
    margin: 0;
    display: inline-block;
    opacity: 1 !important;
    -webkit-transition: translateY(0px) !important;
    transform: translateY(0px) !important;
}
hr.animated-line {
    height: 1px;
    padding-top: 20px;
    padding-bottom: 20px;
}
hr.animated-line.large {
    padding-top: 5vh;
    padding-bottom: 5vh;
    max-width: 100%;
}
hr.animated-line:before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: rgba(0, 0, 0, 1);
}
.light-content hr.animated-line:before, .dark-section hr.animated-line:beforee{
    background: rgba(255, 255, 255, 0.3);
}
.light-content .light-section hr.animated-line:before {
    background: rgba(0, 0, 0, 0.8);
}
hr.animated.animated-line:before {
    width: 100%;
    -webkit-transition: width 0.7s ease-in-out 0.1s;
    transition: width 0.7s ease-in-out 0.1s;
}
.wp-block-separator:after,
hr:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.wp-block-separator {
    margin-top: 18px;
    padding-bottom: 32px;
    border-top: #000 2px solid;
}
.wp-block-separator.large {
    padding-top: 5vh;
    padding-bottom: 5vh;
    max-width: 100%;
}
.light-content .wp-block-separator, .dark-section .wp-block-separator{
    border-color: rgba(255, 255, 255, 0.3);
}
.light-content .light-section .wp-block-separator {
    border-color: #000;
}

::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}
img {
    border: 0 none;
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: #000;
    margin-bottom: 1.2rem !important;
}
.uppercase-text h1, .uppercase-text h2, .uppercase-text h3 {
    text-transform: uppercase;
    line-height: 100%;
}
.uppercase-text h4, .uppercase-text h5, .uppercase-text h6 {
    text-transform: uppercase;
    line-height: 130%;
}
h1.big-title {
    font-size: 9vw;
    line-height: 11vw;
    font-weight: 500;
    margin-left: -0.7vw;
}
.uppercase-text h1.big-title {
    text-transform: uppercase;
    line-height: 9vw;
}
h1.big-title span {
    display: table;
    margin-top: -1vw;
}
h1 {
    font-size: calc(1rem + 4.5vw);
    line-height: calc(1rem + 5vw);
    margin-left: -6px;
}
h1 span {
    display: table;
}
h1.inline-title span {
    display: inline-table;
}
h2 {
    font-size: calc(1rem + 2.75vw);
    line-height: calc(1rem + 3vw);
}
h2 span {
    display: table;
}
h2.inline-title span {
    display: inline-table;
}
h3 {
    font-size: calc(1rem + 2vw);
    line-height: calc(1rem + 2.65vw);
}
h3 span {
    display: table;
}
h3.inline-title span {
    display: inline-table;
}
h4 {
    font-size: calc(1rem + 1.2vw);
    line-height: calc(1rem + 1.75vw);
}
h5 {
    font-size: calc(1rem + 0.30vw);
    line-height: calc(1rem + 1.1vw);
}
h6 {
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
h6.has-icon {
    padding-left: 20px;
    box-sizing: border-box;
    display: inline-block;
    width: auto;
    position: relative;
}
h6.has-icon::before {
    font: var(--fa-font-solid);
    content: "\f101";
    font-size: 12px;
    line-height: inherit;
    text-align: left;
    position: absolute;
    left: 0;
}

.full-img{
    width: 100%;
    height: auto;
}
.no-margins {
    margin: 0 !important;
}
.light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content h6, .dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section h6 {
    color: #fff;
}
.light-content .light-section h1, .light-content .light-section h2, .light-content .light-section h3, .light-content .light-section h4, .light-content .light-section h5, .light-content .light-section h6 {
    color: #000;
}
p, ul, ol {
    font-size: 20px;
    line-height: 1.35;
    margin-bottom: 25px;
    color: #000;
    font-family: 'basis_grotesque_proregular', sans-serif;
}
.light-content p, .dark-section p {
    color: #fff;
}
.light-content .light-section p {
    color: #000;
}
.bigger {
    font-size: 18px;
    line-height: 32px;
}
.smaller {
    font-size: 12px;
    line-height: 24px;
}
.container {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.container::after {
    clear: both;
    content: " ";
    display: table;
}
a:hover, a:active {
    outline: 0;
    color: #000;
}
a, .light-content .light-section a {
    text-decoration: none;
    color: #000;
    outline: 0;
}
.light-content a, .dark-section a, .white-header a {
    color: #fff;
}
.light-content .white-header a {
    color: #000;
}
a:hover {
    text-decoration: none;
}
.one_half {
    width: 48% !important;
}
.one_third {
    width: 30.6% !important;
}
.one_fourth {
    width: 22% !important;
}
.one_fifth {
    width: 16.8% !important;
}
.one_sixth {
    width: 13.33% !important;
}
.two_fifth {
    width: 37.6% !important;
}
.two_fourth {
    width: 48% !important;
}
.two_third {
    width: 65.33% !important;
}
.three_fifth {
    width: 58.4% !important;
}
.three_fourth {
    width: 74% !important;
}
.four_fifth {
    width: 79.2% !important;
}
.five_sixth {
    width: 82.67% !important;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    float: left !important;
    margin-bottom: 10px !important;
    margin-right: 4% !important;
    position: relative !important;
}
.last {
    margin-right: 0px !important;
}
.text-align-left {
    text-align: left;
}
.text-align-center {
    text-align: center;
}
.text-align-right {
    text-align: right;
}
.outer {
    display: table;
    width: 100%;
    height: 100%;
}
.inner {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.light-section-wrapper, .dark-section-wrapper {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
    position: relative;
    overflow: visible !important;
}
.dark-section-wrapper:before, .light-section-wrapper:before{
    background-color: #000;
    position: absolute;
    content: '';
    display: block;
    pointer-events: none;
    left: -80px;
    width: calc(100% + 80px + 80px);
    height: 100%;
}
.light-section-wrapper:before{
    background-color: #fff;
}

.light-section-container, .dark-section-container {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
}
.content-row {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
    opacity: 1;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.content-row::after {
    clear: both;
    content: " ";
    display: table;
}
.small {
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
}
.large {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
}
.full {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
}
.full.limited {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1920px !important;
    left: 50%;
    transform: translateX(-50%);    
}
.row_padding_top {
    padding-top: 8vw;
}
.row_padding_bottom {
    padding-bottom: 8vw;
}
.row_padding_left {
    padding-left: 80px;
}
.row_padding_right {
    padding-right: 80px;
}
.row_padding_all {
    padding-top: 4vw;
    padding-bottom: 4vw;
    padding-left: 80px;
    padding-right: 80px;
}
#rotate-device {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: #0f1010;
    background-image: url(assets/images/rotate.png);
    background-size: 100px 100px;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}
i.arrow-icon {
    border: solid #000;
    border-width: 0px 3px 3px 0px;
    box-sizing: border-box;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    height: 20px;
    width: 20px;
}
.light-content i.arrow-icon, .dark-content .item i.arrow-icon {
    border: solid #fff;
    border-width: 0px 3px 3px 0px;
}
.light-content .change-header i.arrow-icon, .dark-content .change-header i.arrow-icon {
    border: solid #000;
    border-width: 0px 3px 3px 0px;
}
i.arrow-icon::after {
    content: "";
    position: absolute;
    width: 28px;
    height: 3px;
    top: 7px;
    left: -6px;
    background-color: #000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.light-content i.arrow-icon:after, .light-content .change-header i.arrow-icon::after, .dark-content .item i.arrow-icon::after {
    background-color: #fff;
}
.light-content .change-header i.arrow-icon::after, .dark-content .change-header i.arrow-icon::after {
    background-color: #000;
}
i.arrow-icon-down {
    border: solid #000;
    border-width: 0px 2px 2px 0px;
    box-sizing: border-box;
    display: block;
    position: relative;
    top: 14px;
    left: 14px;
    height: 12px !important;
    width: 12px !important;
    line-height: 12px !important;
}
i.arrow-icon-down.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
i.arrow-icon-down::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    top: 4px;
    left: -3px;
    background-color: #000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.light-content i.arrow-icon-down {
    border: solid #fa4529;
    border-width: 0px 2px 2px 0px;
}
.light-content i.arrow-icon-down::after {
    background-color: #fa4529;
}
i.arrow-icon-up {
    border: solid #000;
    border-width: 2px 2px 0px 0px;
    box-sizing: border-box;
    display: block;
    position: relative;
    top: 14px;
    left: 14px;
    height: 12px !important;
    width: 12px !important;
    line-height: 12px !important;
}
i.arrow-icon-up.right {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
i.arrow-icon-up::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    top: 4px;
    left: -3px;
    background-color: #000;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.light-content i.arrow-icon-up {
    border: solid #fff;
    border-width: 2px 2px 0px 0px;
}
.light-content i.arrow-icon-up::after {
    background-color: #fff;
}
/*--------------------------------------------------
	02. Magic Cursor
---------------------------------------------------*/
#magic-cursor {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    pointer-events: none;
    z-index: 10000;
    -webkit-transition: opacity 0.2s ease-in-out 0.5s;
    transition: opacity 0.2s ease-in-out 0.5s;
}
.hidden-ball #magic-cursor {
    opacity: 0 !important;
    visibility: hidden;
}
#ball {
    position: fixed;
    width: 80px;
    height: 80px;
    border: 2px solid #999999;
    border-radius: 50%;
    pointer-events: none;
    opacity: 1;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.mfp-zoom-out-cur #ball {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
}
.light-content #ball, #ball.over-movie, .light-content #ball.with-icon {
    border: 2px solid #999999;
    border-color: #999999;
}
#ball:before {
    font: var(--fa-font-solid);
    content: "\f106";
    font-size: 14px;
    width: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    left: 32px;
    top: -42px;
    color: #999;
    opacity: 0;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball:before {
    color: #999;
}
#ball::after {
    font: var(--fa-font-solid);
    content: "\f107";
    font-size: 14px;
    width: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    left: 32px;
    top: 100px;
    color: #999;
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball:before, .light-content #ball:after {
    color: #999;
}
.scale-up #ball:before, .scale-drag-horizontal #ball:before {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-drag-horizontal #ball:before {
    color: #fff;
}
.scale-up #ball:after, .scale-drag-horizontal #ball:after {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-drag-horizontal #ball:after {
    color: #fff;
}
.scale-up.scale-none #ball:before, .scale-up.scale-none #ball:after {
    opacity: 0;
}
#ball-drag-x {
    position: absolute;
    width: 72px;
    height: 72px;
    pointer-events: none;
    opacity: 1;
    box-sizing: border-box;
}
#ball-drag-x::before {
    font: var(--fa-font-solid);
    content: "\f053";
    font-size: 14px;
    width: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    left: -37px;
    top: 30px;
    color: #000;
    opacity: 0;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball-drag-x:before {
    color: #fff;
}
#ball-drag-x::after {
    font: var(--fa-font-solid);
    content: "\f054";
    font-size: 14px;
    width: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    right: -40px;
    left: auto;
    top: 30px;
    color: #000;
    opacity: 0;
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball-drag-x:before, .light-content #ball-drag-x:after {
    color: #fff;
}
.drag-cursor-white #ball-drag-x:before, .drag-cursor-white #ball-drag-x:after {
    color: #fff;
}
.drag-cursor-black #ball-drag-x:before, .drag-cursor-black #ball-drag-x:after {
    color: #000;
}
.scale-drag-x #ball-drag-x:before {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-drag-x #ball-drag-x:after {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-up.scale-drag #ball-drag-x:before, .scale-up.scale-drag #ball-drag-x:after {
    opacity: 0;
}
#ball-drag-y {
    position: absolute;
    width: 72px;
    height: 72px;
    pointer-events: none;
    opacity: 1;
    box-sizing: border-box;
}
#ball-drag-y:before {
    font: var(--fa-font-solid);
    content: "\f077";
    font-size: 14px;
    width: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    left: 32px;
    top: -40px;
    color: #000;
    opacity: 0;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball-drag-y:before {
    color: #fff;
}
#ball-drag-y::after {
    font: var(--fa-font-solid);
    content: "\f078";
    font-size: 14px;
    width: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    left: 32px;
    top: 100px;
    color: #000;
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball-drag-y:before, .light-content #ball-drag-y:after {
    color: #fff;
}
.scale-drag-y #ball-drag-y:before {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-drag-y #ball-drag-y:after {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.scale-up.scale-drag #ball-drag-y:before, .scale-up.scale-drag #ball-drag-y:after {
    opacity: 0;
}
#ball i {
    color: #fff;
    width: 76px;
    height: 80px;
    line-height: 78px;
    text-align: center;
    font-size: 14px;
    display: block;
    opacity: 1;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#ball p {
    color: #fff;
    width: 66px;
    height: 16px;
    line-height: 16px;
    padding-top: 0px;
    padding-left: 5px;
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    font-family: 'basis_grotesque_proregular', sans-serif;
    display: block;
    opacity: 1;
    text-transform: uppercase;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content #ball p {
    color: #fff;
}
#ball p.first {
    padding-top: 22px;
}
.light-content #ball i, #ball.over-movie i, .light-content #ball.with-icon i {
    color: #fff;
}
.drag-cursor-white #ball i, .drag-cursor-white #ball.with-icon i {
    color: #fff;
}
.drag-cursor-black #ball i, .drag-cursor-black #ball.with-icon i {
    color: #000;
}
.light-content #ball.with-icon.dark-icon i {
    color: #000;
}
.scale-up #ball i {
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#ball.with-icon i {
    width: 76px;
}
#ball.with-icon i:nth-child(2) {
    display: none;
}
#ball.close-icon i {
    width: 75px;
    height: 76px;
    font-size: 14px;
}
#ball.over-movie i.fa-play, #ball.over-movie.pause-movie i.fa-pause {
    display: block;
}
#ball.over-movie i.fa-pause, #ball.over-movie.pause-movie i.fa-play {
    display: none;
}
#ball-loader {
    width: 100px;
    height: 100px;
    position: absolute;
    background-color: transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #999999;
    border-left: 4px solid transparent;
    border-top: 4px solid transparent;
    border-radius: 100px;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transform: translate(-14px, -14px) rotate(0deg);
    transform: translate(-14px, -14px) rotate(0deg);
    -webkit-animation: rotating 0.8s ease-in-out infinite;
    animation: rotating 0.8s ease-in-out infinite;
    -webkit-transition: opacity 0s ease-in-out 0s;
    transition: opacity 0s ease-in-out 0s;
}
.light-content #ball-loader {
    border-bottom: 4px solid #999999;
}
.show-loader #ball-loader {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
}
@keyframes rotating {
    0% {
        -webkit-transform: translate(-14px, -14px)rotate(0deg);
        transform: translate(-14px, -14px)) rotate(0deg);
    }
    95% {
        -webkit-transform: translate(-14px, -14px) rotate(350deg);
        transform: translate(-14px, -14px) rotate(350deg);
    }
    100% {
        -webkit-transform: translate(-14px, -14px) rotate(360deg);
        transform: translate(-14px, -14px) rotate(360deg);
    }
}
.show-loader a, .show-loader nav, .scale-up a, .scale-up .hide-ball, scale-up .link, .scale-up .button-wrap, .scale-up #burger-wrapper, .scale-up .disable-drag, .scale-drag a, .scale-drag .move-title {
    pointer-events: none !important;
}
.disable-cursor #magic-cursor {
    display: none;
}
#ball i.arrow-icon {
    border: solid #eee;
    border-width: 3px 3px 0px 0px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 28px;
    left: 30px;
    height: 20px;
    width: 20px;
}
.light-content #ball i.arrow-icon {
    border: solid #fff;
    border-width: 3px 3px 0px 0px;
}
#ball i.arrow-icon:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 3px;
    top: 8px;
    left: -8px;
    background-color: #eee;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.light-content #ball i.arrow-icon:after {
    background-color: #fff;
}
/*--------------------------------------------------
	03. Page Preloader
---------------------------------------------------*/
.disable-ajaxload .preloader-wrap {
    display: none;
}
.preloader-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    background: #000;
    z-index: 1800;
    text-align: center;
}
.preloader-wrap .outer {
    padding: 0px;
    box-sizing: border-box;
}
.preloader-wrap .inner {
    vertical-align: middle;
    box-sizing: border-box;
}
.percentage-wrapper {
    height: 20px;
    position: absolute;
    margin-bottom: 20px;
    right: 80px;
    bottom: 40px;
}
.percentage-intro {
    height: 20px;
    position: absolute;
    margin-bottom: 20px;
    left: 80px;
    bottom: 40px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.6);
}
.uppercase-text .percentage-intro {
    text-transform: uppercase;
}
.percentage {
    opacity: 1;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    width: 30px;
    height: 100px;
    color: rgba(255, 255, 255, 0.6);
    display: table;
    margin: 0 auto;
}
.percentage::after {
    content: "%";
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.6);
}
.trackbar {
    width: auto;
    height: auto;
    margin: 0 auto;
    display: table;
    position: relative;
    padding: 20px;
    opacity: 1;
    overflow: hidden;
}
.loadbar {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0px;
    right: 0;
    overflow: hidden;
}
.hold-progress-bar {
    width: 0%;
    height: 0px;
    background: rgba(0, 0, 0, 1);
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    overflow: hidden;
}
.preloader-intro {
    font-weight: 500;
    position: relative;
    display: block;
    font-size: 9vw;
    line-height: 13vw;
    height: 13vw;
    color: #fff;
    overflow: hidden;
    margin: 0;
}
.uppercase-text .preloader-intro {
    text-transform: uppercase;
}
.preloader-intro li {
    list-style: none;
    line-height: inherit;
    margin: 0;
    color: #fff;
}
/*--------------------------------------------------
	04. Header Elements
---------------------------------------------------*/
header {
    width: 100%;
    height: 120px;
    left: 0;
    top: 0;
    background-color: transparent;
    position: fixed;
    box-sizing: border-box;
    z-index: 1000;
    pointer-events: none;
    -webkit-transition: background 0.4s ease-in-out 0.3s;
    transition: background 0s ease-in-out 0s;
}
header:before, header:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 155%;
    content: '';
    display: block;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.9;
    pointer-events: none;
    z-index: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
}
header:after {
    background: #fff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
}
#page-content:not(.dark-content) header:not(.white-header):after, #page-content.dark-content header.white-header:after {
    opacity: 0;
}
#page-content:not(.dark-content) header.white-header:before, .dark-content header:not(.white-header):before {
    opacity: 0;
}
#header-container {
    box-sizing: border-box;
    height: inherit;
    padding: 20px 70px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 20;
    opacity: 0;
}
.header-visible #header-container {
    opacity: 1;
}
#logo {
    position: relative;
    display: table;
    pointer-events: initial;
    z-index: 10;
    top: 15px;
    float: left;
}
#logo a {
    display: block;
    -webkit-transition: transform 0.5s ease-in-out 0.1s;
    transition: transform 0.5s ease-in-out 0.1s;
}
#logo a.disable, .open #logo a {
    pointer-events: none;
}
#logo img {
    display: block;
    height: 60px;
    width: auto;
    max-width: none;
}
#logo img.black-logo {
    opacity: 1;
}
.light-content #logo img.black-logo {
    opacity: 0;
}
#logo img.white-logo {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.light-content #logo img.white-logo {
    opacity: 1;
}
.white-header #logo img.black-logo {
    opacity: 0;
}
.light-content .white-header #logo img.black-logo {
    opacity: 1;
}
.light-content .white-header.over-white-section #logo img.black-logo, .show-loader1 .light-content .white-header #logo img.black-logo {
    opacity: 0;
}
.white-header #logo img.white-logo {
    opacity: 1;
}
.light-content .white-header #logo img.white-logo {
    opacity: 0;
}
.light-content .white-header.over-white-section #logo img.white-logo, .show-loader1 .light-content .white-header #logo img.white-logo {
    opacity: 1;
}
.menu-open.light-content .slide-in #logo img.white-logo {
    opacity: 1;
}
nav {
    pointer-events: none;
}
nav.open {
    pointer-events: initial;
}
.dark-content-header #logo img.black-logo {
    opacity: 1 !important;
}
.dark-content-header #logo img.white-logo {
    opacity: 0 !important;
}
.light-content-header #logo img.black-logo {
    opacity: 0 !important;
}
.light-content-header #logo img.white-logo {
    opacity: 1 !important;
}

nav, nav.open {
    -webkit-transition: all 0s ease-in 0s;
    transition: all 0s ease-in 0s;
    background: transparent;
}
#burger-wrapper {
    width: 40px;
    height: 40px;
    float: right;
    top: 0px;
    right: 0;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    pointer-events: initial;
}
.classic-menu .button-wrap.right.menu {
    display: none;
}
.burger-dots #menu-burger {
    top: 0px;
    width: 25px;
    height: 25px;
    position: relative;
    margin: 0 auto;
    z-index: 2;
    pointer-events: none;
}
.menu-overlay #menu-burger {
    display: block;
}
.burger-dots #menu-burger span {
    display: block;
    position: absolute;
    height: 5px;
    width: 5px;
    border-radius: 5px;
    background-color: #000;
    opacity: 1;
    top: 8px;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, height 0.2s ease-in-out, width 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out;
    transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, height 0.2s ease-in-out, width 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out;
}
#burger-wrapper .touch-button {
    display: none;
}
.burger-dots #menu-burger span:nth-child(1) {
    left: 0px;
}
.burger-dots #menu-burger span:nth-child(2) {
    left: 10px;
}
.burger-dots #menu-burger span:nth-child(3) {
    left: 20px;
}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(1) {
    left: 10px;
}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(3) {
    left: 10px;
}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(1) {
    left: 3px;
}
.button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(3) {
    left: 3px;
}
.burger-dots #menu-burger.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px;
    height: 2px;
    width: 20px;
    left: 3px;
}
.burger-dots #menu-burger.open span:nth-child(2) {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.burger-dots #menu-burger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
    height: 2px;
    width: 20px;
    left: 3px;
}
.button-wrap.right.burger-lines {
    right: -30px;
}
.burger-lines #menu-burger {
    width: 16px;
    height: 22px;
    position: relative;
    margin: 0 auto;
    z-index: 2;
    pointer-events: none;
}
.burger-lines #menu-burger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    opacity: 1;
    right: 0;
    background-color: #000;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out;
    transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out;
}
.burger-lines #menu-burger span:nth-child(1) {
    top: 5px;
}
.burger-lines #menu-burger span:nth-child(2) {
    top: 13px;
}
.burger-lines #menu-burger span:nth-child(3) {
    display: none;
}
.burger-lines #menu-burger.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 10px;
}
.burger-lines #menu-burger.open span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 10px;
}
.light-content #menu-burger span {
    background-color: #fff;
}
.white-header #menu-burger span {
    background-color: #fff;
}
.light-content .white-header #menu-burger span {
    background-color: #000;
}
.light-content .white-header.over-white-section #menu-burger span, .show-loader1 .light-content .white-header #menu-burger span {
    background-color: #fff;
}
.dark-content-header #menu-burger span {
    background-color: #000 !important;
}
.light-content-header #menu-burger span {
    background-color: #fff !important;
}
.dark-content-header .button-text {
    color: #000 !important;
}
.light-content-header .button-text {
    color: #fff !important;
}
/*--------------------------------------------------
	05. Main Content
---------------------------------------------------*/
#content-scroll {
    z-index: 1;
    position: relative;
}
.smooth-scroll #content-scroll {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}
.scroll-content {
    cursor: default !important;
}
.scale-up .scroll-content {
    cursor: grabbing !important;
}
.scrollbar-track {
    background: transparent !important;
}
/*--------------------------------------------------
	06. Footer Elements
---------------------------------------------------*/
footer {
    position: relative;
    width: 100%;
    height: 120px;
    z-index: 900;
    box-sizing: border-box;
    text-align: center;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
}
footer.dark-footer{
    background-color: #000;
}
footer.fixed {
    position: fixed;
}
footer.showcase-footer {
    position: fixed;
}
#footer-container {
    padding: 0 80px;
    margin: 20px auto;
    height: 80px;
    opacity: 0;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
}
.footer-middle {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: inherit;
    display: table;
    left: 0;
    pointer-events: none;
    ;
}
.copyright {
    position: relative;
    top: 25px;
    width: auto;
    height: 30px;
    overflow: hidden;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    pointer-events: initial;
    display: table;
    width: auto;
    padding: 0px 20px 0px 20px;
    max-width: 820px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}
.light-content .copyright {
    color: #fff;
}
.uppercase-text .copyright {
    text-transform: uppercase;
}
.socials-wrap {
    position: relative;
    float: right;
    color: #000;
    width: 240px;
    height: 160px;
    box-sizing: border-box;
    pointer-events: initial;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.light-content .socials-wrap {
    color: #fff;
}
footer .socials-wrap {
    margin-top: 0px;
}
.socials-wrap:hover {
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
}
.socials-text {
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    transform: translateY(20px);
}
.uppercase-text .socials-text {
    text-transform: uppercase;
}
.socials-wrap:hover .socials-text {
    transform: translateY(15px) translateX(5px);
    -webkit-transform: translateY(15px) translateX(5px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.socials-icon {
    float: right;
    width: 30px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: right;
    margin-left: 10px;
    transform: scale(1) translateY(20px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.socials-wrap:hover .socials-icon {
    transform: scale(0) translateY(40px);
    width: 0;
    margin: 0;
    overflow: hidden;
}
.socials-icon:after, .socials-text:after {
    content: "";
    clear: both;
    display: table;
}
.socials {
    height: auto;
    line-height: 30px;
    position: relative;
    width: auto;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    bottom: 0;
    display: table;
    transform: translateX(15px);
    -webkit-transform: translateX(15px);
}
.socials-wrap .socials {
    display: inline-block;
    width: 100%;
    text-align: right;
}
.socials li {
    margin-right: 0px;
    margin-left: 10px;
    list-style: none;
    color: #999;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    float: right;
    z-index: 2;
    -webkit-transition: background 0.4s ease-in-out 0s;
    transition: background 0.4s ease-in-out 0s;
}
.socials-wrap .socials li {
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.socials-wrap:hover .socials li:nth-child(5) {
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
    opacity: 1;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
.socials-wrap:hover .socials li:nth-child(4) {
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    opacity: 1;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
.socials-wrap:hover .socials li:nth-child(3) {
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    opacity: 1;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
.socials-wrap:hover .socials li:nth-child(2) {
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    opacity: 1;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
.socials-wrap:hover .socials li:nth-child(1) {
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    opacity: 1;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
.socials li:last-child {
    margin-left: 0px;
}
.socials li a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.socials:hover li a {
    opacity: 0.3;
}
.socials li a:hover {
    color: #000;
    opacity: 1;
}
.light-content .socials li a {
    color: #fff;
}
.light-content .socials:hover li a {
    opacity: 0.3;
}
.light-content .socials li a:hover {
    color: #fff;
    opacity: 1;
}
.button-wrap {
    position: relative;
    cursor: pointer;
    top: 0px;
    pointer-events: initial;
    width: auto;
    display: table;
}
.button-wrap:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.button-wrap.left {
    float: left;
    left: -32px;
}
.button-wrap.right {
    float: right;
    right: -26px;
}
#main .button-wrap.left {
    float: none;
    left: -24px;
}
#main .button-wrap.button-link.left {
    float: none;
    left: -20px;
}
#main .button-wrap.right {
    float: none;
    right: auto;
}
#main .button-wrap.button-link.right {
    right: -2px;
}
.icon-wrap {
    width: 80px;
    height: 80px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    float: left;
}
#main .icon-wrap {
    width: 60px;
    height: 60px;
}
.button-wrap.left .icon-wrap {
    float: left;
}
.button-wrap.right .icon-wrap {
    float: right;
}
#main .text-align-right .button-wrap.right {
    float: right;
}
.button-icon {
    height: 40px;
    width: 40px;
    color: #000;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
}
.light-content .button-icon, .dark-section .button-icon {
    color: #fff;
}
.light-content .light-section .button-icon {
    color: #000;
}
.white-header .button-icon {
    color: #fff;
}
.light-content .white-header .button-icon {
    color: #000;
}
.button-icon i {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
}
#main .button-icon i {
    line-height: 40px;
}
#main .button-icon i.fa.fa-arrow-right {
    font-size: 14px;
}
.button-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    margin: 25px 0;
    overflow: hidden;
    width: auto;
    padding: 0 10px;
    color: #000;
    -webkit-transition: color 0.05s ease-in-out;
    transition: color 0.05s ease-in-out;
    text-transform: uppercase;
}
.uppercase-text .button-text {
    text-transform: uppercase;
}
#main #hero-footer .button-text span::after {
    content: none;
}
#main .button-text {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    margin: 15px 0;
    transition: transform .2s ease-out;
}
#main #hero .button-text {
    font-weight: 400;
    font-size: 14px;
}
#main .large-btn .button-text {
    font-size: 18px !important;
    font-weight: 500;
    margin: 15px 0;
    transition: transform .2s ease-out;
}
.light-content .button-text, .dark-section .button-text {
    color: #fff;
}
.light-content .light-section .button-text {
    color: #000;
}
.white-header .button-text {
    color: #fff;
}
.light-content .white-header .button-text {
    color: #000;
}
.light-content .white-header.over-white-section .button-text, .show-loader1 .light-content .white-header .button-text {
    color: #fff;
}
.button-wrap.left .button-text {
    text-align: left;
    float: left;
}
.button-wrap.right .button-text {
    text-align: right;
    float: right;
    padding-left: 0px;
}
.button-text span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    width: auto;
    text-align: center;
    transform-origin: 100% 0%;
}
.button-link .button-text, #main .button-link .button-text {
    overflow: visible;
    transition: padding 0.3s ease-out;
}
.button-link.left .button-text {
    padding-left: 0px;
}
.button-link.left:hover .button-text {
    padding-left: 10px;
}
.button-link .button-text span::before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.3);
    transform: scaleX(1);
    transform-origin: right;
    transition: transform 0.3s ease-out;
}
.button-link.left .button-text span::before {
    transform-origin: left;
}
.light-content .button-link .button-text span::before, .dark-section .button-link .button-text span::before {
    background: rgba(255, 255, 255, 0.4);
}
.light-content .light-section .button-link .button-text span::before {
    background: rgba(0, 0, 0, 0.3);
}
.button-wrap.button-link:hover .button-text span {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}
.button-link:hover .button-text span::before {
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: left;
}
.button-link.left:hover .button-text span::before {
    transform-origin: right;
}
.button-link .button-icon i {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: transparent;
    font-size: 14px;
    border-radius: 100%;
    transform: scale(0.25);
    box-sizing: border-box;
    transition: all .3s ease-out;
    text-indent: -100px;
    overflow: hidden;
}
.button-link:hover .button-icon i {
    background-color: #000;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 1);
    transform: scale(1.2);
    text-indent: 0px;
}
.light-content .button-link .button-icon i, .dark-section .button-link .button-icon i {
    border: 1px solid rgba(255, 255, 255, 0.4);
}
.light-content .button-link:hover .button-icon i, .dark-section .button-link:hover .button-icon i {
    background-color: #fff;
    color: #000;
    border: 1px solid rgba(255, 255, 255, 1);
}
.light-content .light-section .button-link .button-icon i {
    border: 1px solid rgba(0, 0, 0, 1);
}
.light-content .light-section .button-link:hover .button-icon i {
    background-color: #000;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 1);
}
.button-link.right .button-icon i {
    transform: scale(0.25) translateX(-40px);
    -webkit-transform: scale(0.25) translateX(-40px);
}
.button-link.right:hover .button-icon i {
    transform: scale(1.2) translateX(0px);
    -webkit-transform: scale(1.2) translateX(0px);
}
.button-wrap.left .button-text span {
    text-align: left;
}
.button-wrap.right .button-text span {
    text-align: right;
}
.button-text span::before {
    position: absolute;
    width: auto;
    top: 100%;
    left: 0;
    content: attr(data-hover);
}
.header-middle .button-text span::before {
    content: attr(data-on);
}
.button-wrap:hover .button-text span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transform-origin: 0% 0%;
}
nav, nav.open {
    -webkit-transition: all 0s ease-in 0s;
    transition: all 0s ease-in 0s;
    background: transparent;
}
/*--------------------------------------------------
	07. Responsive
---------------------------------------------------*/
 /* max-width: 1466px */
 /* max-width: 1199px */





























.hero-below-caption .hero-translate {
    position: fixed;
    height: 697px;
    display: none;
    visibility: hidden;
    width: 100%;
    top: 0;
}
#hero {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 20;
    overflow: hidden;
}
#hero.has-image {
    z-index: 2;
    height: 100vh;
    overflow: hidden;
}
.hero-below-caption #hero.has-image {
    z-index: 2;
    height: auto;
    padding-bottom: 100vh;
    overflow: hidden;
}
#hero-styles {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    z-index: 2;
}
#hero.has-image #hero-styles {
    position: relative;
    height: 100vh;
}
.hero-below-caption #hero.has-image #hero-styles {
    height: auto;
}
#hero-caption {
    display: table;
    width: 100%;
    padding-top: 220px;
    padding-bottom: 220px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    pointer-events: initial;
}
#hero.level-down #hero-caption {
    padding-bottom: 120px;
}
#page-content:not(.dark-content) #hero-caption:before {
    position: absolute;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 12%, rgba(0, 0, 0, 0) 100%);
    z-index: 0;
}
#hero #hero-caption.text-align-center {
    text-align: center;
}
#hero.has-image #hero-caption {
    height: 100vh;
    padding-top: 20px;
    padding-bottom: 60px;
    text-align: left;
}
.hero-below-caption #hero.has-image #hero-caption {
    padding-top: 20px;
    padding-bottom: 0px;
    height: 70vh;
}
#hero #hero-caption .inner {
    vertical-align: bottom;
    position: relative;
}
#hero.has-image #hero-caption .inner {
    vertical-align: bottom;
}
#hero-image-wrapper {
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 0;
    margin: 0 auto;
    left: 0;
    top: 0;
    right: 0;
    overflow: hidden;
}
#hero-background-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
}
.hero-below-caption #hero-background-layer {
    top: 0;
}
#hero-bg-image {
    background-size: cover;
    position: absolute;
    background-position: center center;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    overflow: visible;
}
.load-project-page #hero-bg-image, .load-next-project #hero-bg-image, .load-project-thumb-with-title #hero-bg-image {
    opacity: 1 !important;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.hero-title-wrapper {
    margin-left: -0.7vw;
    margin-bottom: 20px;
    overflow: hidden;
}
.indent-title .hero-title-wrapper {
    margin-bottom: 0px;
}
.marquee-title .hero-title-wrapper {
    white-space: nowrap;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
    height: auto;
    margin-bottom: 60px;
    overflow: visible;
}
#hero.has-image .hero-title-wrapper {
    margin-bottom: 120px;
}
#hero.has-image .marquee-title .hero-title-wrapper {
    margin-top: 140px;
    margin-left: 0px;
}
.hero-title {
    font-size: 9vw;
    line-height: 9vw;
    font-weight: 500;
    font-family: 'basis_grotesque_promedium', sans-serif;
    position: relative;
    text-transform: uppercase;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 0;
    color: #000;
}
#hero.article .hero-title{
    font-size: 7vw;
    line-height: 7vw;
    width: 82.5vw;
    max-width: 100%;
}
.uppercase-text .hero-title {
    font-size: 8.5vw;
    line-height: 8.5vw;
    text-transform: uppercase;
}
.indent-title .hero-title {
    margin-bottom: 0px;
}
.text-align-center .hero-title, .text-align-center .hero-subtitle {
    display: table;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.hero-title span {
    opacity: 0;
    display: block;

    position: relative;
    margin-top: 0;
    transform: translateY(160px);
    -webkit-transform: translateY(160px);
}
.inline-title .hero-title span {
    display: inline-table;
}
.indent-title .hero-title span:last-child {
    left: 400px;
}
.marquee-title .hero-title {
    margin-left: 0;
    overflow: hidden;
}
.marquee-title .hero-title span {
    display: inline-block;
    padding-right: 3vw;
}
.light-content .hero-title {
    color: #fff;
}
.change-header .hero-title {
    color: #000;
}
.hero-subtitle-wrapper {
    position: relative;
    display: block;
    max-width: 100%;
    width: 900px;
}
.indent-title .hero-subtitle-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 260px;
    width: 100%;
}
.hero-subtitle {
    font-size: 20px;
    font-family: 'basis_grotesque_promedium', sans-serif;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 0px;
    width: 100%;
    z-index: 10;
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: 0px;
    color: #000;
}
.indent-title .hero-subtitle {
    transform: translateY(calc(-5vw + 50%));
    max-height: 96px;
    font-size: 16px;
}
.uppercase-text .hero-subtitle {
    text-transform: uppercase;
    line-height: 26px;
}
.uppercase-text .indent-title .hero-subtitle {
    text-transform: uppercase;
    line-height: 20px;
}
.uppercase-text .indent-title .hero-subtitle {
    transform: translateY(calc(-4.5vw + 50%));
}
.hero-subtitle span {
    position: relative;
    display: block;
    opacity: 0;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
}
.inline-title .hero-subtitle span {
    display: inline-block;
}
.light-content .hero-subtitle {
    color: #fff;
}
.change-header .hero-subtitle {
    color: #000 !important;
}
#hero.has-image .hero-subtitle:before, .text-align-center .hero-subtitle:before {
    left: 50%;
    margin-left: -10px;
}
#hero-footer {
    position: absolute;
    width: 100%;
    padding: 28px 80px;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;
    color: #000;
}
.uppercase-text #hero-footer {
    text-transform: uppercase;
}
#hero-footer.landing {
    top: calc(100vh - 120px);
    width: auto;
}
.light-content #hero-footer {
    color: #fff;
}
#hero-footer:after {
    content: "";
    clear: both;
    display: table;
}
.hero-footer-left {
    float: left;
    opacity: 0;
    cursor: pointer;
    transform: translateY(10px);
    -webkit-transform: translateY(20px);
}
.hero-footer-right {
    float: right;
    opacity: 0;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
#share {
    top: -3px;
    right: -20px;
    position: relative;
}
#share::before {
    position: absolute;
    top: 0;
    left: -140px;
    content: attr(data-text);
    width: 120px;
    text-align: right;
}
#share .parallax-wrap {
    width: 60px;
    height: 60px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    float: left;
}
.jssocials-share-link i {
    opacity: 0;
}
.jssocials-share-facebook a:before {
    content: "Fb";
    position: absolute;
}
.jssocials-share-facebook a:before {
    content: "Fb";
    position: absolute;
}
.jssocials-share-twitter a:before {
    content: "Tw";
    position: absolute;
}
.jssocials-share-pinterest a:before {
    content: "Pn";
    position: absolute;
}
.jssocials-share-stumbleupon a:before {
    content: "Sn";
    position: absolute;
}
/*--------------------------------------------------
Main Content
---------------------------------------------------*/
#main {
    position: relative;
    opacity: 0;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.load-project-page #main, .load-next-project #main, .load-next-page #main {
    opacity: 1;
}
#main-content, #main-content-bg {
    position: relative;
    opacity: 1;
    z-index: 10;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
#main-page-content {
    position: relative;
    box-sizing: border-box;
    opacity: 0;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0;
    overflow: hidden;
    max-width: none;
}
#main-page-content::after {
    clear: both;
    content: " ";
    display: table;
}
#main-page-content.project-page {
    margin-bottom: calc(100vh - 120px);
}
.hero-below-caption #main-page-content.project-page {
    margin-bottom: calc(697px - 120px);
    z-index: 1;
}
#main-content.portfolio-page {
    overflow: hidden;
}
#main-content.portfolio-page #main-page-content {
    overflow: visible;
    width: 100%;
    max-width: none;
    padding: 0;
}
/*--------------------------------------------------
Page Navigation
---------------------------------------------------*/
#page-nav {
    height: auto;
    width: 100%;
    color: #000;
    position: relative;
    margin-bottom: 0;
    opacity: 0;
    overflow: hidden;
}
.light-content #page-nav {
    color: #fff;
}
.page-nav-wrap {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.page-nav-caption {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding-top: 180px;
    padding-bottom: 120px;
    margin: 0 auto;
    height: 100%;
    top: -10%;
    opacity: 0;
    position: relative;
    box-sizing: border-box;
}
#page-nav .inner {
    vertical-align: middle;
    text-align: left;
}
#page-nav .text-align-center .inner {
    text-align: center;
}
.page-title {
    font-weight: 500;
    margin: 0;
    width: auto;
    z-index: 10;
    color: #000;
    position: relative;
    display: table;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.text-align-center .page-title {
    margin: 0 auto;
}
.light-content .page-title {
    color: #fff;
}
.marquee-title .page-title {
    display: block;
}
.next-hero-title-wrapper {
    margin-left: -2px;
}
#page-nav .next-hero-title-wrapper {
    margin-left: -0.7vw;
    margin-bottom: 60px;
}
.marquee-title .next-hero-title-wrapper {
    overflow: visible;
}
.next-hero-title-wrapper {
    margin-left: -0.7vw;
    overflow: hidden;
    margin-bottom: 60px;
}
.marquee-title .next-hero-title-wrapper {
    white-space: nowrap;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
    height: auto;
}
.next-hero-title {
    font-size: 9vw;
    line-height: 11vw;
    font-weight: 500;
    font-family: 'basis_grotesque_promedium', sans-serif;
    position: relative;
    margin-top: 0px;
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 0;
    color: #000;
}
.uppercase-text .next-hero-title {
    font-size: 9vw;
    line-height: 9vw;
    text-transform: uppercase;
}
.text-align-center .next-hero-title, .text-align-center .next-hero-subtitle {
    display: table;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.marquee-title .next-hero-title {
    margin-left: 0;
    overflow: hidden;
}
.next-hero-title span {
    display: block;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.inline-title .next-hero-title span {
    display: inline-table;
}
.marquee-title .next-hero-title span {
    display: inline-block;
    padding-right: 3vw;
}
.light-content .next-hero-title {
    color: #fff;
}
.change-header .next-hero-title {
    color: #000;
}
.next-hero-subtitle-wrapper {
    position: relative;
    display: block;
    max-width: 30%;
    width: 100%;
}
.next-hero-subtitle {
    font-size: 14px;
    font-family: 'basis_grotesque_promedium', sans-serif;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0px;
    width: 100%;
    z-index: 10;
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: 0px;
    color: #000;
}
.uppercase-text #page-nav .next-hero-subtitle {
    text-transform: uppercase;
    line-height: 26px;
}
.next-hero-subtitle span {
    position: relative;
    display: block;
}
#page-nav .next-hero-subtitle {
    font-size: 20px;
    line-height: 32px;
}
.inline-title .next-hero-subtitle span {
    display: inline-block;
}
.light-content .next-hero-subtitle {
    color: #fff;
}
/*--------------------------------------------------
Project Page Navigation
---------------------------------------------------*/
#project-nav {
    height: 100vh;
    width: 100%;
    color: #fff;
    position: absolute;
    margin-bottom: 0;
    bottom: -100vh;
    overflow: hidden;
    z-index: 0;
}
.hero-below-caption #project-nav {
    height: 100vh;
    bottom: -697px;
}
#project-nav.change-header {
    color: #000;
}
.next-project-wrap {
    display: table;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    opacity: 1;
    top: -50%;
    z-index: 10;
}
.hero-below-caption .next-project-wrap {
    top: -10%;
}
.next-project-image-wrapper {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    opacity: 1;
}
.next-project-image-wrapper.temporary {
    position: fixed;
}
.next-project-image-wrapper.active {
    opacity: 1;
}
.next-project-image {
    position: absolute;
    opacity: 1;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-transition: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}
.hero-below-caption .next-project-image {
    -webkit-transition: scale(1) translateY(120%);
    transform: scale(1) translateY(120%);
}
.load-project-thumb-with-title .next-project-image {
    z-index: 10;
}
.next-project-image.temporary {
    top: 0px !important;
}
.next-project-image.visible {
    opacity: 1 !important;
}
.next-project-image-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.next-project-caption {
    display: table;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 60px;
}
.hero-below-caption .next-project-caption {
    padding-top: 20px;
    height: 100%;
}
.next-caption-wrapper {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: bottom;
    text-align: left;
    position: relative;
}
.hero-below-caption .next-caption-wrapper {
    vertical-align: bottom;
    text-align: left;
}
#project-nav .caption-wrapper {
    position: relative;
    display: table;
    margin: 0;
}
.next-caption {
    display: block;
    position: relative;
    z-index: 1;
}
#project-nav .next-ajax-link-project {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}
.next-ajax-link-project.auto-trigger {
    pointer-events: none;
}
.disable-ajaxload .next-ajax-link-project.auto-trigger, .disable-ajaxload .next-ajax-link-project {
    pointer-events: initial;
}
.next-hero-progress {
    position: relative;
    height: 2px;
    width: 102px;
    background-color: rgba(255, 255, 255, 0.3);
    background-size: 0% 100%;
    margin-top: 5px;
    margin-bottom: 60px;
}
.next-hero-progress span {
    position: absolute;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #fff;
}
.change-header .next-hero-progress {
    background-color: rgba(0, 0, 0, 0.1);
}
.change-header .next-hero-progress span {
    background-color: #000;
}
.hero-below-caption .next-hero-progress {
    background-color: rgba(0, 0, 0, 0.1);
}
.hero-below-caption .next-hero-progress span {
    background-color: #000;
}
.hero-below-caption .light-content .next-hero-progress {
    background-color: rgba(255, 255, 255, 0.3);
}
.hero-below-caption .light-content .next-hero-progress span {
    background-color: #fff;
}
.show-loader .next-hero-progress span {
    left: auto;
    right: 0;
}
#project-nav .next-hero-title, #project-nav .next-hero-subtitle {
    color: #fff;
}
#project-nav.change-header .next-hero-title, #project-nav.change-header .next-hero-subtitle {
    color: #000;
}
.hero-below-caption #project-nav .next-hero-title, .hero-below-caption #project-nav .next-hero-subtitle {
    color: #000;
}
.hero-below-caption #project-nav.change-header .next-hero-title, .hero-below-caption #project-nav.change-header .next-hero-subtitle {
    color: #000;
}
.hero-below-caption .light-content #project-nav .next-hero-title, .hero-below-caption .light-content #project-nav .next-hero-subtitle {
    color: #fff;
}
.hero-below-caption .light-content #project-nav.change-header .next-hero-title, .hero-below-caption .light-content #project-nav.change-header .next-hero-subtitle {
    color: #fff;
}
/*--------------------------------------------------
Temporary Hero
---------------------------------------------------*/
.temporary-hero {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    pointer-events: none;
    z-index: 10;
}
.temporary-hero .outer {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 60px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    z-index: 10;
}
.temporary-hero .inner {
    vertical-align: bottom;
    text-align: left;
}
.temporary-hero .inner .caption-wrapper, .temporary-hero .inner .next-caption {
    position: relative;
}
.temporary-hero .inner .caption-wrapper .title span {
    color: #000;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.temporary-hero .inner .caption-wrapper .subtitle span {
    position: relative;
    display: block;
    opacity: 1;
    color: #000;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.temporary-hero.light-content .inner .caption-wrapper .title span, .temporary-hero.light-content .inner .caption-wrapper .subtitle span {
    color: #fff;
}
.temporary-hero .next-hero-progress {
    background-color: rgba(0, 0, 0, 0.3);
}
.temporary-hero .next-hero-progress span {
    background-color: #000;
}
.temporary-hero.light-content .next-hero-progress {
    background-color: rgba(255, 255, 255, 0.3);
}
.temporary-hero.light-content .next-hero-progress span {
    background-color: #fff;
}
.temporary-hero .inner .caption-wrapper .title div:first-child span:first-child::before {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out 0.2s;
    transition: opacity 0.3s ease-out 0.2s;
}
.temporary-hero .inner .caption-wrapper .title div:first-child span:first-child::after {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out 0.2s;
    transition: opacity 0.3s ease-out 0.2s;
}
/*--------------------------------------------------
General Width and Padding for Hero, Content, Page and Project Nav
---------------------------------------------------*/
.content-max-width {
    box-sizing: border-box;
    padding-left: 80px;
    padding-right: 80px;
    max-width: 1600px;
}
.content-max-width.smaller {
    max-width: 1280px;
}
.content-full-width {
    box-sizing: border-box;
    padding-left: 80px;
    padding-right: 80px;
    max-width: 100%;
}
/*--------------------------------------------------
Responsive
---------------------------------------------------*/





















/*--------------------------------------------------
	General Styles
---------------------------------------------------*/
.swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    user-select: none;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-slide-active {
    z-index: 1;
}
.img-mask {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-sizing: border-box;
    z-index: 0;
}
.section-image {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.swiper-slide .outer {
    margin: 0 auto;
    box-sizing: border-box;
    display: table;
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
    position: relative;
    z-index: 10;
}
.swiper-slide .inner {
    vertical-align: middle;
    text-align: left;
    position: relative;
}
.slide-title-wrapper {
    position: relative;
    height: auto;
    width: auto;
    display: table;
    margin: 0;
}
.slide-title-wrapper .slide-link {
    display: none;
    width: 0;
    height: 0;
}
.disable-ajaxload .slide-title-wrapper .slide-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 20;
}
.slide-title {
    font-size: calc(1rem + 4.15vw);
    line-height: 1.05;
    font-weight: 500;
    margin-left: -0.3vw;
    margin-bottom: 0px;
    position: relative;
    display: block;
    cursor: pointer;
    color: #000;
    z-index: 10;
    overflow: hidden;
}
.snap-slider-captions.cs-caption .slide-title {
    font-size: calc(1rem + 2.5vw);
}
.light-content .slide-title {
    color: #fff;
}
.uppercase-text .slide-title {
    text-transform: uppercase;
    line-height: calc(1rem + 4.15vw);
}
.slide-title div {
    display: block;
    overflow: hidden;
}
.slide-title span {
    position: relative;
    display: block;
    opacity: 0;
    transform: translateY(160px);
    -webkit-transform: translateY(160px);
}
.slide-subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 0px;
    z-index: 10;
    position: relative;
    display: block;
    color: #000;
    overflow: hidden;
    text-transform: uppercase;
}
.snap-slider-captions.cs-caption .slide-subtitle h3{
    font-size: calc(1rem + 1vw);
    line-height: 2.5rem;
    margin-bottom: 0;
    margin-top: 15px;
    color: #fa4529 !important;
}
.light-content .slide-subtitle {
    color: #fff;
}
.uppercase-text .slide-subtitle {
    text-transform: uppercase;
    line-height: 20px;
}
.slide-subtitle div {
    display: block;
    overflow: hidden;
}
.slide-subtitle span {
    position: relative;
    display: block;
    opacity: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
}
.light-slide .slide-title, .light-slide .slide-subtitle {
    color: #000;
}
/*--------------------------------------------------
	Showcase Slider
---------------------------------------------------*/
#showcase-slider-holder {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    opacity: 0;
}
#showcase-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: visible;
}
.disable-slider-interaction #showcase-slider .swiper-slide {
    pointer-events: none;
}
#showcase-slider .inner {
    opacity: 0;
    padding: 20px 0px 20px 0px;
}
#showcase-slider .swiper-slide .outer .slide-title.active-title {
    pointer-events: initial;
}
.scale-drag-x #showcase-slider .swiper-slide .outer .slide-title.active-title {
    pointer-events: none;
}
.showcase-pagination-wrap {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    z-index: 100;
    height: 100%;
    display: block;
    pointer-events: none;
}
.showcase-pagination {
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;

    position: relative;
    pointer-events: none;
    opacity: 1;
    margin: 0 auto;
}
.showcase-pagination .swiper-pagination-bullet {
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
    left: 0;
    right: 0;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
    text-align: left;
    opacity: 1;
    bottom: 0;
    counter-increment: title-counter;
}
.showcase-pagination .swiper-pagination-bullet, .light-content.light-content-slider .showcase-pagination .swiper-pagination-bullet {
    color: rgba(0, 0, 0, 1);
}
.light-content .showcase-pagination .swiper-pagination-bullet, .light-content-slider .showcase-pagination .swiper-pagination-bullet {
    color: rgba(255, 255, 255, 1);
}
.showcase-pagination .parallax-wrap {
    width: 40px;
    height: 40px;
    display: inline-flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    pointer-events: initial;
}
.showcase-pagination .parallax-element {
    height: 40px;
    width: 40px;
    color: #000;
    text-align: center;
    line-height: 50px;
}
.showcase-caption-wrapper {
    position: relative;
    width: 100%;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 20px 0px 20px 0px;
}
.showcase-caption-wrapper .content-max-width {
    margin: auto;
}
.slide-arrow {
    width: 30px;
    height: 30px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
    padding-left: 4px;
    padding-top: 4px;
}
.slide-arrow span {
    position: relative;
    display: block;
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
.swiper-prev i, .swiper-next i {
    position: relative;
}
/*--------------------------------------------------
	Showcase Carousel
---------------------------------------------------*/
#showcase-carousel-holder {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    opacity: 0;
}
#showcase-carousel {
    position: absolute;
    width: calc(100% - 80px);
    height: 100%;
    z-index: 1;
    overflow: visible;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#showcase-carousel .swiper-wrapper {
    align-items: center;
}
#showcase-carousel .swiper-slide {
    width: calc(25% - 80px);
    height: 28vw;
    margin: 0 40px;
    overflow: visible;
    display: flex;
    cursor: pointer;
}
.img-mask {
    overflow: hidden;
}
.slide-link {
    width: 100%;
    height: 100%;
    position: absolute;
}
.disable-ajaxload #showcase-carousel .swiper-slide .section-image {
    pointer-events: none;
}
#showcase-carousel .swiper-slide .section-image {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1) 0s;
    transition: all 1s cubic-bezier(.165, .84, .44, 1) 0s;
}
#showcase-carousel .swiper-slide:hover .section-image, #showcase-carousel .swiper-slide.above .section-image {
    -webkit-transform: scale(1);
    transform: scale(1);
}
#showcase-carousel .swiper-slide .outer {
    padding: 25px 0px;
    height: auto;
    position: absolute;
    top: 100%;
}
#showcase-carousel .swiper-slide .inner {
    vertical-align: bottom;
    text-align: left;
    position: relative;
}
#showcase-carousel .slide-title-wrapper {
    margin: 0;
    text-align: left;
    width: auto;
    display: block;
    float: left;
    width: 60%;
}
#showcase-carousel .slide-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0px;
    margin-left: 0;
}
.uppercase-text #showcase-carousel .slide-title {
    text-transform: uppercase;
    line-height: 20px;
}
.light-content #showcase-carousel .slide-title {
    color: #fff;
}
#showcase-carousel .slide-title span {
    display: block;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
#showcase-carousel .slide-subtitle {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0px;
    opacity: 0.4;
    width: auto;
    display: block;
    float: right;
    text-align: right;
    width: 40%;
}
.uppercase-text #showcase-carousel .slide-subtitle {
    text-transform: uppercase;
    line-height: 20px;
}
.light-content #showcase-carousel .slide-subtitle {
    color: #fff;
}
#showcase-carousel .slide-subtitle span {
    opacity: 1;
    display: inline-block;
    margin: 0;
    min-width: 10px;
    width: auto;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transform-origin: 100% 0%;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
#showcase-carousel .slide-subtitle span::before {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    content: attr(data-hover);
    text-align: right;
}
#showcase-carousel .swiper-slide:hover .slide-subtitle span, #showcase-carousel .swiper-slide.above .slide-subtitle span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transform-origin: 0% 0%;
}
#showcase-carousel .swiper-slide .outer .slide-title {
    pointer-events: initial;
}
.scale-drag-x #showcase-carousel .swiper-slide .outer .slide-title.active-title {
    pointer-events: none;
}
/*--------------------------------------------------
	WebGl Slider
---------------------------------------------------*/
#canvas-slider {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    overflow: hidden;
    -webkit-transition: width 0.5s ease-in-out 0;
    transition: width 0.5s ease-in-out 0s;
}
#canvas-slider.split {
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
}
#canvas-slider.split canvas {
    transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
}
#canvas-slider .slider-img {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-color: #000;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#canvas-slider img {
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
    z-index: 100;
    cursor: pointer;
    object-position: center;
    object-fit: cover;
}
/*--------------------------------------------------
	Showcase Lists
---------------------------------------------------*/
.showcase-list-holder {
    position: relative;
    z-index: 15;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
    padding: 0 80px;
}
.showcase-list {
    width: 100%;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
}
.slide-list-year {
    position: relative;
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.sl-year {
    position: absolute;
    left: 0;
    top: 80px;
    font-size: calc(1rem + 2vw);
    line-height: calc(1rem + 3.5vw);
    font-weight: 500;
    color: #000;
    z-index: 20;
}
.uppercase-text .sl-year {
    text-transform: uppercase;
    line-height: 110%;
}
.light-content .sl-year {
    color: #fff;
}
.slide-list {
    width: 100%;
    position: relative;
    display: block;
    float: none;
    cursor: pointer;
    pointer-events: initial;
    margin: 0;
    padding-top: 80px;
    padding-bottom: 80px;
    box-sizing: border-box;
    z-index: 10;
    text-align: left;
}
.slide-list-year .slide-list {
    padding-left: 400px;
}
.slide-list.above {
    opacity: 1;
}
.scale-fitthumbs .slide-list.above {
    opacity: 1 !important;
}
.slide-list.above:before, .slide-list.above:after, .slide-list-year > div.above:nth-child(2):before {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.slide-list:first-child:before, .slide-list-year > div:nth-child(2):before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.15;
}
.slide-list::after {
    content: "";
    clear: both;
    display: table;
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.15;
}
.light-content .slide-list:first-child:before, .light-content .slide-list-year > div:nth-child(2):before, .light-content .slide-list::after {
    background-color: #fff;
}
.slide-list-year .slide-list::after {
    width: calc(100% - 400px);
}
.slide-list-year .slide-list:last-child::after {
    display: none;
}
.slide-list-year:last-child .slide-list:last-child::after {
    display: block;
}
.disable-ajaxload .slide-list a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 20;
}
.sl-title {
    font-size: calc(1rem + 2vw);
    line-height: calc(1rem + 3.5vw);
    position: relative;
    font-weight: 500;
    position: relative;
    margin-bottom: 0px;
    width: calc(100% - 200px);
    z-index: 10;
    float: left;
    color: #000;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}
.slide-list.disable .sl-title {
    opacity: 0.1;
}
.light-content .sl-title {
    color: #fff;
}
.uppercase-text .sl-title {
    text-transform: uppercase;
    line-height: 110%;
}
.sl-title span {
    position: relative;
    display: inline-block;
    margin: 0;
    opacity: 0;
    transform: translateY(80px);
    -webkit-transform: translateY(80px);
}
.sl-subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: calc(1rem + 2vw);
    width: 200px;
    text-align: right;
    margin-bottom: 0px;
    color: #000;
    position: relative;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.slide-list.disable .sl-subtitle {
    opacity: 0.1;
}
.slide-list:hover .sl-subtitle {
    color: #000;
    opacity: 1;
}
.uppercase-text .sl-subtitle {
    text-transform: uppercase;
}
.light-content .sl-subtitle {
    color: #fff;
}
.light-content .slide-list:hover .sl-subtitle {
    color: #fff;
    opacity: 1;
}
.sl-subtitle span {
    position: relative;
    display: block;
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
}
/*--------------------------------------------------
	Reverse Lists
---------------------------------------------------*/
.showcase-reverse-list-holder {
    margin: 0 auto;
    padding: 0;
}
.showcase-reverse-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}
.col-reverse-left, .col-reverse-center, .col-reverse-right {
    width: 33.333%;
    box-sizing: border-box;
}
.aside.right {
    text-align: right;
}
.sr-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    display: inline-block;
    width: calc(100% - 160px);
    margin: 80px;
    cursor: pointer;
}
.scale-fitthumbs .above.sr-slide {
    opacity: 1 !important;
}
.sr-slide::after {
    content: "";
    display: block;
    padding-bottom: 136%;
}
.col-reverse-left .sr-slide:first-child {
    margin-bottom: 100px;
}
.col-reverse-left .sr-slide:last-child {
    margin-top: 20px;
}
.col-reverse-center .sr-slide:first-child {
    margin-top: 25px;
}
.col-reverse-center .sr-slide:last-child {
    margin-bottom: 115px;
}
.col-reverse-right .sr-slide:first-child {
    margin-bottom: 100px;
}
.col-reverse-right .sr-slide:last-child {
    margin-top: 20px;
}
.sr-slide .item-parallax {
    position: absolute;
}
.sr-slide .item-caption {
    opacity: 1;
}
/*--------------------------------------------------
	Snap Slider
---------------------------------------------------*/
.case-study-parallax-slider-wrapper {
    position: relative;
}
.case-study-parallax-slider-wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    content: '';
    display: block;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}
.case-study-parallax-slider-wrapper:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    content: '';
    display: block;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}
.snap-slider-holder {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
}
/*
@media (min-width:1200px){
    .snap-slider-holder {
    margin-left: calc(50% - 50vw + 50px)!important;
    margin-right: calc(50% - 50vw)!important;
    max-width: 1000%!important;
    width: calc(100vw - 100px) !important;
}
}
*/
.snap-slide {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
}
.snap-slide .section-image img {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    z-index: 100;
    object-position: center;
    object-fit: cover;
}
.snap-slider-captions {
    position: absolute;
    top: 0;
    z-index: 10;
    box-sizing: border-box;
    padding: 20px 60px;
    width: 100%;
    pointer-events: none;
}
.snap-slider-captions.cs-caption{
    top: auto;
    bottom: 0;
}
.snap-slide-caption {
    position: relative;
    display: table;
    margin: 0;
    text-align: left;
    width: auto;
    height: auto;
    box-sizing: border-box;
    padding: 80px 0;
    opacity: 0.1;
    left: 0px;
    -webkit-transition: opacity 0.4s ease, left 0.4s ease;
    transition: opacity 0.4s ease, left 0.4s ease;
}
.in-view.snap-slide-caption {
    opacity: 1;
    left_null: 80px;
    -webkit-transition: opacity 0.4s ease, left 0.4s ease;
    transition: opacity 0.4s ease, left 0.4s ease;
}
.snap-slider-captions .inner {
    vertical-align: middle;
    position: relative;
}
.snap-slider-captions .slide-title-wrapper {
    margin: 0;
    max-width: 800px;
    cursor: pointer;
    pointer-events: none;
}
.in-view.snap-slide-caption .slide-title-wrapper {
    pointer-events: initial;
}
.snap-slider-captions .change-header .slide-title {
    color: #fff;
}
.snap-slider-captions .slide-title span {
    display: block;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.snap-slider-captions.cs-caption span{
    opacity: 1 !important;
}
.snap-slider-captions .slide-subtitle {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
}
.uppercase-text .snap-slider-captions .slide-subtitle {
    text-transform: uppercase;
    line-height: 20px;
}
.snap-slider-captions .slide-subtitle span {
    display: block;
    opacity: 0;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.in-view.snap-slide-caption .slide-subtitle span {
    opacity: 1;
}
.snap-slider-captions .change-header .slide-subtitle {
    color: #fff;
}
/*--------------------------------------------------
	16. Responsive
---------------------------------------------------*/



















#app {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out 0.3s;
    transition: all 0.1s ease-in-out 0.3s;
}
.load-project-thumb #app, .load-project-thumb-with-title #app, .load-project-thumb-with-title-and-scale #app {
    opacity: 1;
}
.grid__item-img--large {
    pointer-events: none;
    position: absolute;
    opacity: 0;
}
.grid__item-hidden {
    pointer-events: none;
    position: fixed;
    opacity: 0;
}
#project-holder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    pointer-events: none;
}
#project-holder.open {
    pointer-events: initial;
}
#showcase-height {
    position: relative;
    width: 100vw;
    height: 0;
}
#project-holder #main, #project-holder #main-page-content {
    opacity: 1;
}
.clone-wrapper {
    overflow: hidden;
    height: 100vh;
    width: 100%;
    left: 0px;
    position: fixed;
    top: 0;
    z-index: 100;
    opacity: 1;
}
.clone-container {
    overflow: hidden;
    height: 100%;
    width: 100%;
    left: 0px;
    position: absolute;
    top: 0;
    opacity: 1;
}
.thumb-wrapper {
    visibility: hidden;
    overflow: hidden;
    height: 100vh;
    width: 100%;
    left: 0px;
    position: fixed;
    top: 0;
    z-index: 100;
    opacity: 1;
}
.thumb-container {
    visibility: hidden;
    height: 100vh;
    width: 100%;
    left: 0px;
    position: fixed;
    top: 0;
    z-index: 100;
    opacity: 1;
    background-color: #161717;
}
.thumb-page {
    cursor: pointer;
    position: absolute;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0px;
    position: fixed;
    visibility: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*--------------------------------------------------
02. Filters
---------------------------------------------------*/
#show-filters {
    font-size: 12px;
    color: #000;
    opacity: 0;
    display: block;
    cursor: pointer;
    position: fixed;
    left: 73px;
    bottom: 30px;
    height: 80px;
    width: 80px;
    background: none;
    transform-origin: 0 0;
    z-index: 100;
    pointer-events: none;
}
.light-content #show-filters {
    color: #fff;
}
#show-filters.enabled {
    pointer-events: initial;
}
.show-filters-wrap {
    width: 80px;
    height: 80px;
    float: right;
    top: 0px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.open-filters {
    height: 46px;
    width: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    background: #000;
    color: #fff;
    border-radius: 50px;
}
.light-content .open-filters {
    background: #fff;
    color: #000;
}
#filters-overlay {
    position: fixed;
    z-index: 15;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
    -webkit-transition: all 0.1s ease-in-out 0.6s;
    transition: all 0.1s ease-in-out 0.6s;
}
#filters-overlay.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0.2s;
    transition: all 0.3s ease-in-out 0.2s;
}
#close-filters {
    position: fixed !important;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#filters-overlay .outer {
    width: 100%;
    margin: 0 auto;
    padding: 70px 80px;
    box-sizing: border-box;
}
#filters-overlay .inner {
    vertical-align: bottom;
    position: relative;
    pointer-events: none;
    text-align: left;
}
.filters-wrap {
    position: relative;
    width: 100%;
    max-height: 0px;
    opacity: 0;
    margin-top: 100px;
    transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.2s;
    -webkit-transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.2s;
}
.filters-wrap.active {
    opacity: 1;
    max-height: 100px;
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#filters {
    height: auto;
    z-index: 15;
    position: relative;
    width: auto;
    display: inline-block;
    padding: 0;
    pointer-events: initial;
    margin: 0;
}
#filters li {
    display: block;
    opacity: 1;
    position: relative;
    margin: 10px 0;
    text-align: left;
    overflow: hidden;
}
#filters li a {
    display: inline-block;
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
    font-size: calc(1rem + 1.2vw);
    line-height: calc(1rem + 2.4vw);
    z-index: 15;
    opacity: 0;
    position: relative;
    -webkit-transition: color 0.15s ease-in-out, padding 0.25s ease-in-out;
    transition: color 0.15s ease-in-out, padding 0.25s ease-in-out;
}
#filters:hover li a {
    color: rgba(0, 0, 0, 0.4);
}
#filters li a:hover {
    color: rgba(0, 0, 0, 1);
    padding-left: 40px;
}
.light-content #filters li a {
    color: rgba(255, 255, 255, 1);
}
.light-content #filters:hover li a {
    color: rgba(255, 255, 255, 0.4);
}
.light-content #filters li a:hover {
    color: rgba(255, 255, 255, 1);
}
.uppercase-text #filters li a {
    line-height: 100%;
    text-transform: uppercase;
}
#filters li a::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 3px;
    top: calc(50% - 2px);
    left: 0px;
    background-color: #000;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.light-content #filters li a::after {
    background-color: #fff;
}
#filters li a:hover::after {
    width: 20px;
}
/*--------------------------------------------------
09. Portfolio Isotope Transitions
---------------------------------------------------*/
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    -ms-transition-duration: 1.8s;
    -o-transition-duration: 1.8s;
    transition-duration: 1.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/*--------------------------------------------------
03. Portfolio Layout
---------------------------------------------------*/
.portfolio-wrap {
    position: relative;
    margin: 0 auto;
    width_null: 100%;
    padding: 0;
    box-sizing: border-box;
    min-height: 10vh;
}
.portfolio {
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-transition: height 0.5s ease-out;
    transition: height 0.5s ease-out;
    
    margin: 0 30px;
    width: calc(100% - 60px);
}
.portfolio:after {
    content: "";
    display: table;
    clear: both;
}
.item {
    display: block;
    position: relative;
    box-sizing: border-box;
    z-index: 0;
    margin: 80px 80px;
    width: calc(50% - 160px);
    height: 28vw;
    z-index: 0;
    pointer-events: none;
    
    height: 0px;
    padding-top: 70%;
}
.item.no-pad{
    padding-top: 0 !important;
}
.item.tall {
    padding-top: 120%;
}
.item.short{
    padding-top: 50%;
}
.item.full-width{
    width: 100%;
    margin: 0;
    margin-bottom: 100px;
}
.item.outer-caption{
    margin-bottom_null: 100px;
}
.item::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.item.hover {
    z-index: 1;
}
/* -- Flex Grid -- */
.flex-grid {
    padding: 0 70px;
    box-sizing: border-box;
}
.flex-grid .portfolio {
    width: 100%;
    display: flex;
    grid-area: list;
    margin: 20px 0;
    box-sizing: border-box;
}
.flex-grid .item {
    width: calc(3 * calc(1/10 * 100%));
    height: 32vw;
    display: block;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0px 10px;
    transition: width 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.flex-grid .item:hover {
    width: calc(8 * calc(1/10 * 100%));
}
/* -- Classic Grid -- */
.classic-grid .item {
    margin: 80px 80px;
    width: calc(50% - 160px);
    height: 28vw;
    
    margin: 20px 20px;
    width: calc(50% - 40px);
    height: 28vw;
}
.classic-grid .item. {
    margin: 80px 80px;
    width: calc(50% - 160px);
    height: 28vw;
    margin: 20px 20px;
    width: calc(33% - 40px);
    height: 22vw;
}
.classic-grid .item:nth-child(1), .classic-grid .item:nth-child(2) {
    margin-top: 20px;
}
.classic-grid .item:nth-last-child(1), .classic-grid .item:nth-last-child(2) {
    margin-bottom: 0;
}
/* -- Mixed Grid -- */
.mixed-grid .item {
    margin: 80px 80px;
    width: calc(50% - 160px);
    height: 28vw;
}
.mixed-grid .item:nth-child(1), .mixed-grid .item:nth-child(2) {
    margin-top: 20px;
}
/* -- Metro Grid -- */
.metro-grid .item {
    margin: 80px 80px;
    width: calc(33.3333% - 160px);
    height: 34vw;
}
.metro-grid .item.wide {
    margin: 80px 80px;
    width: calc(66.6666% - 160px);
}
.metro-grid .item:nth-child(1), .metro-grid .item:nth-child(2) {
    margin-top: 20px;
}
.metro-grid .item:nth-last-child(2), .metro-grid .item:nth-last-child(1) {
    margin-bottom: 0;
}
/* -- Scaleout Grid -- */
.scaleout-grid .item {
    margin: 0px 80px;
    width: calc(100% - 160px);
    height: auto;
}
.scaleout-grid .item::after {
    content: "";
    display: block;
    padding-bottom: 40%;
}
.scaleout-grid .item:nth-of-type(6n+1) .item-parallax {
    height: 100%;
    width: calc(33.3333% - 80px);
    left: 0px;
}
.scaleout-grid .item:nth-of-type(6n+2) .item-parallax {
    height: 100%;
    width: calc(33.3333% - 80px);
    right: 0px;
}
.scaleout-grid .item:nth-of-type(6n+3) .item-parallax {
    height: 100%;
    width: calc(33.3333% - 80px);
    left: calc(33.3333% + 40px);
    right: calc(33.3333% + 40px);
}
.scaleout-grid .item:nth-of-type(6n+4) .item-parallax {
    height: 100%;
    width: calc(33.3333% - 80px);
    left: 0px;
}
.scaleout-grid .item:nth-of-type(6n+5) .item-parallax {
    height: 100%;
    width: calc(33.3333% - 80px);
    right: 0px;
}
.scaleout-grid .item:nth-of-type(6n+6) .item-parallax {
    height: 100%;
    width: calc(33.3333% - 80px);
    left: calc(33.3333% + 40px);
    right: calc(33.3333% + 40px);
}
/* -- Ladder Grid -- */
.portfolio-wrap.ladder-grid {
    padding: 20px 40px;
}
.ladder-grid .item {
    margin: 0px 40px;
    width: calc(25% - 80px);
}
.ladder-grid .item::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.ladder-grid .item:nth-of-type(6n+1) {
    margin-top: 0;
    margin-bottom: 30%;
}
.ladder-grid .item:nth-of-type(6n+2) {
    margin-top: 15%;
    margin-bottom: 15%;
    width: calc(50% - 80px);
}
.ladder-grid .item:nth-of-type(6n+3) {
    margin-top: 30%;
    margin-bottom: 0;
}
.ladder-grid .item:nth-of-type(6n+4) {
    margin-top: 0;
    margin-bottom: 30%;
    width: calc(50% - 80px);
}
.ladder-grid .item:nth-of-type(6n+5) {
    margin-top: 15%;
    margin-bottom: 15%;
}
.ladder-grid .item:nth-of-type(6n+6) {
    margin-top: 30%;
    margin-bottom: 0;
}
.ladder-grid .item:nth-last-child(1), .ladder-grid .item:nth-last-child(2) {
    margin-bottom: 0;
}
/* -- Parallax Grid -- */
.parallax-grid .item {
    margin: 0px 40px;
    width: calc(100% - 80px);
    height: auto;
}
.parallax-grid .item::after {
    content: "";
    display: block;
    padding-bottom: 30%;
}
.parallax-grid .item:nth-of-type(9n+1) .item-parallax {
    height: 100%;
    width: calc(50% - 80px);
    left: 40px;
}
.parallax-grid .item:nth-of-type(9n+2) .item-parallax {
    height: 100%;
    width: calc(25% - 80px);
    right: 40px;
}
.parallax-grid .item:nth-of-type(9n+3) .item-parallax {
    height: 100%;
    width: calc(50% - 80px);
    right: calc(25% + 40px);
}
.parallax-grid .item:nth-of-type(9n+4) .item-parallax {
    height: 100%;
    width: calc(25% - 80px);
    left: 40px;
}
.parallax-grid .item:nth-of-type(9n+5) .item-parallax {
    height: 100%;
    width: calc(50% - 80px);
    right: 40px;
}
.parallax-grid .item:nth-of-type(9n+6) .item-parallax {
    height: 100%;
    width: calc(25% - 80px);
    left: calc(25% + 40px);
    right: calc(25% + 40px);
}
.parallax-grid .item:nth-of-type(9n+7) .item-parallax {
    height: 100%;
    width: calc(25% - 80px);
    left: 40px;
}
.parallax-grid .item:nth-of-type(9n+8) .item-parallax {
    height: 100%;
    width: calc(50% - 80px);
    left: calc(25% + 40px);
    right: calc(25% + 40px);
}
.parallax-grid .item:nth-of-type(9n+9) .item-parallax {
    height: 100%;
    width: calc(25% - 80px);
    right: 40px;
}
.parallax-grid.below-caption .item:last-child {
    margin-bottom: 100px;
}
/* -- Item Components -- */
.item-parallax {
    height: 100%;
    width: 100%;
    position: absolute;
    pointer-events: initial;
    top: 0;
    left: 0;
}
.item-appear {
    display: block;
    position: relative;
    box-sizing: border-box;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.item-image::after {
    content: "";
    opacity: 0;
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.load-project-thumb .item-image::after {
    content: "";
    opacity: 1;
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.item-content {
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 1;
}
.item-content:not(.no-fade):before {
    position: absolute;
    content: '';
    display: block;
    pointer-events: none;
    left: 0;
    bottom: 0;
    height: 95%;
    width: 100%;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 22%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    opacity: 0.95
}
.item-content .body {
    padding: 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(24.5vw - 30px - 25px);
    box-sizing: border-box;
    z-index: 2;
}
.item-content .body h3 {
    font-size: 60px;
}
.item-content .body p {
    margin-bottom: 0;
}
.fade-scaleout-effect .item-content {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 1s cubic-bezier(.165, .84, .44, 1) 0.2s;
    transition: all 1s cubic-bezier(.165, .84, .44, 1) 0.2s;
}
.fade-scaleout-effect .active .item-content, .shortcode-portfolio .item-content {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    position: absolute;
    right: 0;
}
.item-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
}
.item-wrap-image {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
    transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.item-parallax:hover .item-appear .item-wrap-image, .above .item-wrap-image {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.disable-ajaxload .item-wrap-image {
    pointer-events: none;
}
.item-image {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    z-index: 100;
    object-position: center;
    object-fit: cover;
}
.portfolio .item-image {
    cursor: pointer;
}
.above.item {
    opacity: 1;
}
.scale-fitthumbs .above.item {
    opacity: 1 !important;
}
.item-caption {
    z-index: 10;
    position: relative;
    top: auto;
    height: auto;
    padding: 16px 0;
    text-transform: uppercase;
    box-sizing: border-box;
    width: 100%;
    cursor: default;
    pointer-events: none;
    opacity_null: 0;
    -webkit-transition: all 0.2s ease-out 0.4s;
    transition: all 0.2s ease-out 0.4s;
}
.item.active .item-caption {
    opacity: 1;
}
.item-title {
    display: block;
    width: auto;
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    position: relative;
    color: #000;
    float: left;
}
.uppercase-text .item-title {
    text-transform: uppercase;
    line-height: 20px;
}
.light-content .item-title, .dark-section .item-title {
    color: #fff;
}
.light-content .light-section .item-title {
    color: #000;
}
.item-title span {
    display: block;
    margin: 0;
    min-width: 10px;
    width: auto;
    box-sizing: border-box;
}
.item-cat {
    display: block;
    position: relative;
    width: auto;
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    color: #000;
    opacity: 0.4;
    float: right;
}
.uppercase-text .item-cat {
    text-transform: uppercase;
    line-height: 20px;
}
.light-content .item-cat, .dark-section .item-cat {
    color: #fff;
}
.light-content .light-section .item-cat {
    color: #000;
}
.item-cat span {
    display: inline-block;
    margin: 0;
    min-width: 10px;
    width: auto;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transform-origin: 100% 0%;
}
.item-cat span::before {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    content: attr(data-hover);
    text-align: right;
}
.item:hover .item-cat span, .item.above .item-cat span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transform-origin: 0% 0%;
}
.flex-grid .item .item-title {
    opacity: 1;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.flex-grid .portfolio:hover .item .item-title {
    opacity: 0;
}
.flex-grid .portfolio:hover .item:hover .item-title {
    opacity: 1;
}
.flex-grid .item .item-cat {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.flex-grid .item:hover .item-cat {
    opacity: 0.4;
    -webkit-transition: all 0.2s ease-out 0.2s;
    transition: all 0.2s ease-out 0.2s;
}
.flex-grid .item:hover .item-cat span, .item.above .item-cat span {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
/*--------------------------------------------------
Responsive
---------------------------------------------------*/
 /* max-width: 1466px */
















.pinned-section {
    position: relative;
    display: table;
    width: 100%;
    margin: 0 auto;
    max-width: 1160px;
}
.full .pinned-section {
    max-width: 100%;
}
.pinned-section .pin-spacer {
    width: 50% !important;
}
.pinned-element {
    position: relative;
    float: left;
    width: 50%;
    margin: 0;
    box-sizing: border-box;
}
.pinned-element.left {
    padding-right: 30px;
}
.pinned-element.right {
    padding-left: 30px;
}
.scrolling-element {
    position: relative;
    float: left;
    width: 50%;
    margin: 0;
    box-sizing: border-box;
}
.scrolling-element.left {
    padding-right: 30px;
}
.scrolling-element.right {
    padding-left: 30px;
}
.scrolling-element img {
    display: block;
    height: auto;
    width: 100%;
}
/*--------------------------------------------------
Content Text Effects
---------------------------------------------------*/
.title-moving-outer {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
}
.title-moving-forward, .title-moving-backward {
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 6vw;
    box-sizing: border-box;
}
.content-marquee-outer {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
}
.content-marquee-inner {
    position: relative;
    float: left;
    z-index: 0;
}
.content-marquee {
    white-space: nowrap;
    animation: content-marquee 15s infinite linear;
    padding-left: 1vw;
    color: #000;
}
.content-marquee:hover {
    animation-play-state: paused;
}
.light-content .content-marquee, .dark-section .content-marquee {
    color: #fff;
}
.light-content .light-section .content-marquee {
    color: #000;
}
.content-marquee:after {
    content: attr(data-text);
    padding-left: 1vw;
}
@keyframes content-marquee {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-50%)
    }
}
.marquee-text-wrapper {
    white-space: nowrap;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
}
.marquee-text {
    font-weight: 500;
    display: inline-block;
    padding: 0 1vw;
    color: #000;
}
.light-content .marquee-text, .dark-section .rolling-text {
    color: #fff;
}
.light-content .light-section .marquee-text {
    color: #000;
}
/*--------------------------------------------------
Hover Reveal Image
---------------------------------------------------*/
.hover-reveal {
    position: fixed;
    width: 16vw;
    height: 24vw;
    pointer-events: none;
    opacity: 0;
    z-index: 1;
}
.hover-reveal__inner, .hover-reveal__img {
    width: 100%;
    height: 100%;
    position: relative;
}
.hover-reveal__img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
/*--------------------------------------------------
Carousel
---------------------------------------------------*/
.swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.content-carousel .swiper-wrapper {}
.swiper-container.content-carousel, .swiper-container.content-looped-carousel, .swiper-container.content-middle-carousel {
    overflow: visible !important;
    cursor: grab;
}
.swiper-container.content-middle-carousel {
    margin-bottom: 100px
}
.drag-cursor .swiper-container.content-carousel, .drag-cursor .swiper-container.content-looped-carousel {
    cursor: grabbing;
}
.content-looped-carousel .swiper-slide {
    text-align: center;
}
.content-carousel .swiper-slide {
    text-align: center;
}
.content-slider .swiper-slide img, .content-carousel .swiper-slide img, .content-looped-carousel .swiper-slide img, .team-looped-carousel .swiper-slide img {
    pointer-events: none;
}
.content-slider .slider-button-prev {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 50%;
    height: 100%;
    z-index: 10;
    cursor: pointer;
}
.content-slider .slider-button-next {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 50%;
    height: 100%;
    z-index: 10;
    cursor: pointer;
}
.content-slider .swiper-pagination-bullets, .content-carousel .swiper-pagination-bullets, .content-looped-carousel .swiper-pagination-bullets {
    display: block;
    bottom: 20px !important;
    position: absolute;
    pointer-events: initial;
    width: 100%;
}
.content-carousel .swiper-pagination {
    opacity: 0;
}
.content-looped-carousel.middle .swiper-pagination-bullets {
    display: block;
}
.swiper-container-horizontal.content-middle-carousel > .swiper-pagination-bullets {
    bottom: -100px;
    left: 0;
    width: 100%;
}
footer .swiper-pagination {
    margin: 0 auto;
    width: 100%;
    left: 0;
    right: 0;
    top: 20px;
    max-width: 400px;
    pointer-events: initial;
}
.showcase-footer.slider .swiper-pagination {
    position: relative;
    text-align: right;
    max-width: none;
    pointer-events: none;
}
.swiper-pagination .parallax-wrap {
    width: 40px;
    height: 40px;
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    pointer-events: initial;
}
.content-slider .swiper-pagination .parallax-wrap, .content-looped-carousel .swiper-pagination .parallax-wrap, .content-carousel .swiper-pagination .parallax-wrap {
    pointer-events: initial;
}
.swiper-pagination .parallax-element {
    height: 40px;
    width: 40px;
    color: #000;
    text-align: center;
    line-height: 50px;
}
.swiper-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 40px;
    background: transparent !important;
}
.swiper-pagination-bullet {
    background: #000;
}
.swiper-pagination-bullet-active .path {
    display: inline-block !important;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    animation: dash ease-in 3s;
    animation-iteration-count: unset;
}
.swiper-pagination-bullet .path, .light-content.light-content-slider .swiper-pagination-bullet .path {
    stroke: #000;
}
.swiper-pagination-bullet .solid-fill, .light-content.light-content-slider .swiper-pagination-bullet .solid-fill {
    fill: #000;
}
.light-content .swiper-pagination-bullet .path, .dark-section .swiper-pagination-bullet .path, .light-content-slider .swiper-pagination-bullet .path {
    stroke: #fff;
}
.light-content .light-section .swiper-pagination-bullet .path {
    stroke: #000;
}
.light-content .swiper-pagination-bullet .solid-fill, .dark-section .swiper-pagination-bullet .solid-fill, .light-content-slider .swiper-pagination-bullet .solid-fill {
    fill: #fff;
}
.light-content .light-section .swiper-pagination-bullet .solid-fill, .light-content .dark-section .dark-cursor .swiper-pagination-bullet .solid-fill {
    fill: #000;
}
.light-cursor .swiper-pagination-bullet .path {
    stroke: #fff !important;
}
.dark-cursor .swiper-pagination-bullet .path {
    stroke: #000 !important;
}
.light-cursor .swiper-pagination-bullet .solid-fill {
    fill: #fff !important;
}
.dark-cursor .swiper-pagination-bullet .solid-fill {
    fill: #000 !important;
}
.path {
    display: none;
}
@keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dashoffset: 0;
    }
}
.disable-cursor .slider-button-prev {
    position: absolute;
    top: calc(50% - 30px);
    left: 0px;
    margin: 0;
    width: 60px;
    height: 60px;
    z-index: 10;
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}
.disable-cursor .slider-button-prev:hover {
    opacity: 1;
}
.disable-cursor .slider-button-prev::after {
    font: var(--fa-font-solid);
    content: "\f104";
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
}
.disable-cursor .light-cursor .slider-button-prev::after, .disable-cursor .light-cursor .slider-button-next::after {
    color: #fff;
}
.disable-cursor .dark-cursor .slider-button-prev::after, .disable-cursor .dark-cursor .slider-button-next::after {
    color: #000;
}
.disable-cursor .slider-button-next {
    position: absolute;
    top: calc(50% - 30px);
    left: auto;
    right: 0px;
    margin: 0;
    width: 60px;
    height: 60px;
    z-index: 10;
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}
.disable-cursor .slider-button-next:hover {
    opacity: 1;
}
.disable-cursor .slider-button-next::after {
    font: var(--fa-font-solid);
    content: "\f105";
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
}
/*--------------------------------------------------
Light Box
---------------------------------------------------*/
.image-link, .video-link {
    display: block;
    width: auto;
}
.disable-cursor .image-link::after {
    font: var(--fa-font-solid);
    content: "\f002";
    font-size: 18px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}
.disable-cursor .image-link:hover::after {
    opacity: 1;
}
.disable-cursor .video-link::after {
    font: var(--fa-font-solid);
    content: "\f04b";
    font-size: 18px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}
.disable-cursor .video-link:hover::after {
    opacity: 1;
}
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.93;
}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-content figcaption, .mfp-bottom-bar {
    display: none;
}
/*--------------------------------------------------
Video Player
---------------------------------------------------*/
.hero-video-wrapper {
    position: fixed;
    box-sizing: border-box;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    background-size: cover;
    padding: 0;
    overflow: hidden !important;
    opacity: 1;
}
#hero-caption .hero-video-wrapper {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    padding: 0;
    overflow: hidden !important;
    opacity: 1;
    z-index: -1;
}
.item .hero-video-wrapper, .swiper-slide .hero-video-wrapper, .hover-reveal__img .hero-video-wrapper, .snap-slide .hero-video-wrapper, .sr-slide .hero-video-wrapper {
    position: absolute;
    box-sizing: border-box;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    background-size: cover;
    padding: 0;
    overflow: hidden !important;
    opacity: 1;
    top: 0;
    z-index: 120;
    pointer-events: none;
}
.hero-video-wrapper video.bgvid {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}
.video-wrapper {
    position: relative;
    box-sizing: border-box;
    min-width: 100%;
    max-height: 100vh;
    width: 100%;
    height: auto;
    background-size: cover;
    padding: 0;
    overflow: hidden !important;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.video-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 0.3s ease-out 0.05s, height 0s ease-out 0s;
    transition: opacity 0.3s ease-out 0.05s, height 0s ease-out 0s;
}
.video-cover.hidden {
    opacity: 0;
    height: calc(100% - 50px);
    -webkit-transition: opacity 0.3s ease-out, height 0s ease-out 0.3s;
    transition: opacity 0.3s ease-out, height 0s ease-out 0.3s;
}
video.bgvid {
    background-size: cover;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    width: 100%;
    z-index: -100;
}
.video-wrapper video.bgvid {
    position: relative;
}
.full .video-wrapper video.bgvid {
    position: relative;
    margin-top: 50vh;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.control {
    bottom: 25px;
    color: #ccc;
    display: none;
    left: 0;
    position: absolute;
    width: calc(100% - 40px);
    z-index: 5;
    background-color: #eee;
    padding: 0;
    box-sizing: border-box;
    right: 0;
    margin: 0 auto;
}
.full .control {
    bottom: 10px;
    width: calc(100% - 160px);
}
.btmControl {
    clear: both;
}
.control .sound {
    width: 30px;
    height: 50px;
    float: left;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    color: #fff;
    opacity: 0.4;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.control .sound:hover {
    opacity: 1;
}
.control .sound i {
    line-height: 50px;
}
.control .sound.muted i:first-child {
    display: none;
}
.control .sound.muted i:last-child {
    display: block;
}
.control .sound i:last-child {
    display: none;
}
.control .btnFS {
    width: 50px;
    height: 50px;
    float: left;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    color: #fff;
    opacity: 0.4;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.control .btnFS:hover {
    opacity: 1;
}
.progress-bar {
    background: rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    float: left;
    height: auto;
    width: calc(100% - 123px);
    cursor: pointer;
    bottom: 23px;
    position: absolute;
    left: 23px;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.video-wrapper:hover .progress-bar {
    opacity: 1;
}
.progress {
    height: 2px;
    max-width: 100%;
    position: relative;
    width: 100%;
}
.progress span {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.timeBar {
    z-index: 10;
    width: 0;
    background: #fff;
}
.bufferBar {
    z-index: 5;
    width: 0;
    background: rgba(255, 255, 255, 0.2);
}
.video-btns {
    position: absolute;
    right: 3px;
    bottom: 0px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.video-wrapper:hover .video-btns {
    opacity: 1;
}
.volume {
    position: relative;
    cursor: pointer;
    width: 70px;
    height: 10px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
.volumeBar {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.in-page-video-wrapper{
    position:relative;
}
.in-page-video-wrapper.full-size{
    
}
.in-page-video-wrapper.full-size:not(.clicked):after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
/*--------------------------------------------------
Buttons
---------------------------------------------------*/
.button-box {
    line-height: 16px;
    cursor: pointer;
    border: none;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    position: relative;
}
.text-align-center .button-box {
    margin-left: 10px;
    margin-right: 10px;
}
.button-content .submit-box {
    color: #fff;
}
.clapat-button-wrap {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    min-width: 100px;
    height: 60px;
}
.clapat-button-wrap.circle {
    min-width: 104px;
    height: 104px;
}
.text-align-center .clapat-button-wrap {
    margin: 0 auto;
}
.clapat-button {
    opacity: 1;
}
.button-border {
    height: 40px;
    width: auto;
    border: solid 2px #000;
    background-color: #000;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 37px;
    overflow: hidden;
    color: #000;
    text-align: center;
    -webkit-transition: border 0.2s ease-out;
    transition: border 0.2s ease-out;
}
.light-content .button-border, .dark-section .button-border {
    border: solid 2px #fff;
    background-color: #fff;
}
.light-content .light-section .button-border {
    border: solid 2px #000;
    background-color: #000;
}
.light-content .button-border a, .dark-section .button-border a {
    color: #000;
}
.light-content .light-section .button-border a {
    color: #fff;
}
.button-border.rounded {
    border-radius: 30px;
}
.button-border.outline {
    border: solid 3px #000;
    color: #000;
    background-color: transparent;
    -webkit-transition: all 0.5 ease;
    transition: all 0.5 ease;
}
header.white-header .button-border.outline {
    border: solid 3px #fff;
}
.light-content .button-border.outline, .dark-section .button-border.outline {
    border: solid 3px #fff;
    color: #fff;
    background-color: transparent;
}
.light-content .light-section .button-border.outline {
    border: solid 3px #000;
    background-color: transparent;
}
.light-content .button-border.outline a, .dark-section .button-border.outline a {
    color: #fff;
}
.light-content .light-section .button-border.outline a {
    color: #000;
}
.dark-content .light-section .button-border a {
    color: #fff;
}
.dark-content .light-section .button-border.outline a {
    color: #000;
}
.circle .button-border {
    border-radius: 100px;
    height: 100px;
    width: 100px;
}
.button-border span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    width: auto;
    text-align: center;
    transform-origin: 100% 0%;
    padding: 0 30px;
}
.button-border span::before {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    content: attr(data-hover);
    text-align: center;
}
.clapat-button:hover .button-border span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transform-origin: 0% 0%;
}
.clapat-button-wrap.circle:hover .button-border {
    border: solid 2px transparent;
}
.clapat-button-wrap.circle .button-border input, .clapat-button-wrap.circle .button-border a {
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    padding: 0;
    font-size: 12px;
    cursor: pointer;
}
/*--------------------------------------------------
Appearing Items
---------------------------------------------------*/
.has-animation {
    opacity: 0;
    -webkit-transition: translateY(60px);
    transform: translateY(60px);
}
.has-animation.has-scale {
    opacity: 0;
    -webkit-transition: translateY(0px) scale(1.05);
    transform: translateY(0px) scale(1.05);
    transform-origin: 50% 0;
    will-change: transform;
}
.has-animation.has-scale-vertical {
    opacity: 0;
    -webkit-transition: translateY(0px) scaleY(1.1);
    transform: translateY(0px) scaleY(1.1);
    transform-origin: 50% 0;
    will-change: transform;
}
.has-animation.has-cover {
    opacity: 1;
    -webkit-transition: translateY(0px);
    transform: translateY(0px);
    overflow: hidden;
}
.has-animation.has-cover::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: inherit;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
    -o-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
    transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
}
.has-animation.has-cover.animated::after {
    width: 0;
}
.has-animation.has-cover img {
    opacity: 1;
    -webkit-transition: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
    -o-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
    transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
}
.has-animation.has-cover.animated img {
    opacity: 1;
    -webkit-transition: scale(1);
    transform: scale(1);
}
.has-mask {
    margin-bottom: 10px;
}
.has-mask span {
    display: inline-table;
    overflow: hidden;
}
.has-mask span > span {
    display: inline-table;
    margin: 0 !important;
    line-height: inherit;
    height: inherit;
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
}
h1.big-title.has-mask span, h1.big-title.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 12px;
}
h1.has-mask span, h1.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 12px;
}
h2.has-mask span, h2.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 10px;
}
h3.has-mask span, h3.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 8px;
}
h4.has-mask span, h4.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 7px;
}
h5.has-mask span, h5.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 6px;
}
h6.has-mask span, h6.has-mask span > span {
    line-height: inherit;
    height: inherit;
    margin-right: 5px;
}
.has-mask-fill > span {
    position: relative;
    width: 100%;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000, #000);
    background-size: 0% 100%;
}
.light-content .has-mask-fill > span, .dark-section .has-mask-fill > span {
    -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
    background-image: linear-gradient(#fff, #fff);
    ;
}
.light-content .light-section .has-mask-fill > span {
    -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000, #000);
}
.has-indent {
    text-indent: 8vw;
}
.has-span-indent {
    font-size: 14px;
    margin-right: 50px;
    text-transform: uppercase;
    display: inline;
    vertical-align: top;
}
.has-hover-image {
    cursor: pointer;
    display: inline-block;
    position: relative;
}
span.has-hover-image::before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, 1);
    transform: scaleX(1);
    transform-origin: left;
    transition: transform .2s ease-out;
}
.light-content span.has-hover-image::before, .dark-section span.has-hover-image::before {
    background: rgba(255, 255, 255, 1);
}
.light-content .light-section span.has-hover-image::before {
    background: rgba(0, 0, 0, 1);
}
span.has-hover-image:hover::before {
    transform: scaleX(0);
    transform-origin: right;
}
span.has-hover-image .hover-reveal {
    width: 400px;
    height: 250px;
}
span.has-hover-image.vertical .hover-reveal {
    width: 300px;
    height: 400px;
}
.has-opacity {
    opacity: 0.2;
}
.number-counter {
    position: relative;
    display: table;
}
.number-counter::after {
    content: attr(data-symbol);
    line-height: inherit;
    font-size: 48px;
    font-weight: 500;
    top: 0;
    position: absolute;
    left: calc(100% + 5px);
}
/*--------------------------------------------------
Underline Link
---------------------------------------------------*/
a.link {
    display: inline-block;
    position: relative;
}
.light-content a.link {
    color: #fff;
}
.light-content .light-section a.link {
    color: #000;
}
a.link::before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, 1);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .2s ease-out;
}
h1 a.link::before {
    bottom: 0px;
    height: 3px;
}
.light-content a.link::before, .dark-section a.link::before {
    background: rgba(255, 255, 255, 1);
}
.light-content .light-section a.link::before {
    background: rgba(0, 0, 0, 1);
}
a.link:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}
/*--------------------------------------------------
Icon Boxes
---------------------------------------------------*/
.box-icon-wrapper {
    display: table;
    position: relative;
    box-sizing: border-box;
    height: auto;
    width: 100%;
}
.box-icon {
    color: #000;
    position: relative;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.text-align-center .box-icon {
    margin: auto;
}
.inline-boxes .box-icon {
    position: absolute;
}
.box-icon i {
    position: relative;
    margin-bottom: 0px;
    font-size: 24px;
}
.light-content .box-icon {
    color: #fff;
}
.light-content .light-section .box-icon {
    color: #000;
}
.box-icon:after {
    content: "";
    clear: both;
    display: table;
}
.box-icon-content {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.inline-boxes .box-icon-content {
    padding-left: 45px;
}
.box-icon h5 {
    margin-bottom: 5px;
}
/*--------------------------------------------------
Parallax Image
---------------------------------------------------*/
.parallax-image-content {
    position: relative;
    margin: 0 auto;
    z-index: 10;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
.parallax-image-content .outer {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
}
.parallax-image-content img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}
/*--------------------------------------------------
Clients Table
---------------------------------------------------*/
.clients-table {
    margin: 0;
    margin-left: 2px;
    display: block;
}
.clients-table:after {
    content: "";
    clear: both;
    display: table;
}
.clients-table li {
    display: block;
    float: left;
    width: 20%;
    min-height: 30px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    text-align: center;
    margin: 0px;
    margin-left: 0px;
    margin-left: -1px;
    margin-top: -1px;
    padding: 15px;
}
.clients-table li img {
    margin: 0 auto;
    opacity: 1;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}
.clients-table li:hover img {
    opacity: 1;
}
.clients-table.no-borders li {
    border: none;
}
/*--------------------------------------------------
Accordion
---------------------------------------------------*/
.accordion {
    padding: 0px 0;
    margin: 0;
    overflow: hidden;

}
.accordion.bigger-acc, .light-content .accordion.bigger-acc, .dark-section .accordion.bigger-acc, .light-content .light-section .accordion.bigger-acc {
    border-top: none;
    border-bottom: none;
    padding: 0px 0;
}
.accordion dt {
    position: relative;
    cursor: pointer;
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 20px;
    line-height: 40px;
    font-weight: 500;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    z-index: 10;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.uppercase-text .accordion dt {
    text-transform: uppercase;
}
.accordion.bigger-acc dt {
    font-size: calc(1rem + 3vw);
    line-height: calc(1rem + 4.5vw);
    font-weight: 400;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.light-content .accordion dt, .dark-section accordion dt, .light-content .accordion.bigger-acc dt, .dark-section accordion.bigger-acc dt {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.light-content .light-section accordion dt, .light-content .light-section accordion.bigger-acc dt {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion dt:first-child {
    padding-top: 0;
}
.accordion dt:first-child, .accordion.bigger-acc dt:first-child {
    margin-top: 0px;
    border-top: none;
}
.accordion dt span {
    width: calc(100% - 80px);
    position: relative;
    overflow: hidden;
    display: block;
    padding: 0px;
    color: #000;
}
.accordion.bigger-acc dt span > div {
    position: relative;
    display: table;
    float: left;
    width: auto;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000, #000);
    background-size: 100% 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.accordion.bigger-acc:hover dt span > div {
    transition: all 0.15s ease 0s;
    -webkit-transition: all 0.15s ease 0s;
    background-size: 0% 100%;
}
.accordion.bigger-acc:hover dt:hover span > div {
    background-size: 100% 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.light-content .accordion.bigger-acc dt span > div, .dark-section .accordion.bigger-acc dt span > div {
    -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
    background-image: linear-gradient(#fff, #fff);
    ;
}
.light-content .light-section .accordion.bigger-acc dt span > div {
    -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000, #000);
}
.light-content .accordion dt span, .dark-section .accordion dt span {
    color: #fff;
}
.light-content .light-section .accordion dt span {
    color: #000;
}
.accordion .accordion-content {
    margin-bottom: 0;
    font-family: 'basis_grotesque_proregular', sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 26px;
    padding-left: 0;
    padding-right: 80px;
    padding-top: 10px;
    padding-bottom: 20px;
    z-index: 0;
    position: relative;
}
.accordion.bigger-acc .accordion-content {
    font-size: 16px;
    line-height: 26px;
}
.light-content .accordion .accordion-content, .dark-section .accordion .accordion-content {
    color: #ccc;
}
.light-content .light-section .accordion .accordion-content {
    color: #444;
}
.acc-icon-wrap {
    width: 80px;
    height: 80px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    float: none;
    position: absolute;
    right: -10px;
    top: 0px;
    opacity: 0.2;
    -webkit-transition: opacity 0.2s ease 0s;
    transition: opacity 0.2s ease 0s;
}
.accordion dt:first-child .acc-icon-wrap {
    top: -20px;
}
.accordion.bigger-acc dt:first-child .acc-icon-wrap {
    top: 10px;
}
.accordion.bigger-acc .acc-icon-wrap {
    opacity: 0.2;
    top: 45px;
    right: -10px;
}
.accordion dt:hover .acc-icon-wrap, .accordion dt.accordion-active .acc-icon-wrap {
    opacity: 1;
}
.acc-button-icon {
    height: 40px;
    width: 40px;
    color: #000;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50px;
}
.accordion.bigger-acc .acc-button-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50px;
}
.light-content accordion .acc-button-icon, .dark-section .accordion .acc-button-icon, .light-content accordion.bigger-acc .acc-button-icon, .dark-section .accordion.bigger-acc .acc-button-icon {
    background: rgba(255, 255, 255, 0.1);
}
.light-content .light-section accordion .acc-button-icon, .light-content .light-section accordion.bigger-acc .acc-button-icon {
    background: rgba(0, 0, 0, 0.1);
}
.light-content .accordion .acc-button-icon, .dark-section .accordion .acc-button-icon {
    color: #fff;
}
.light-content .light-section .accordion .acc-button-icon {
    color: #000;
}
.acc-button-icon i {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    -webkit-transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
}
dt.accordion-active .acc-button-icon i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
/*--------------------------------------------------
Justified Gallery
---------------------------------------------------*/
.justified-gallery {
    box-sizing: border-box;
    padding: 0 0px;
    width: calc(100% + 20px) !important;
    margin-left: -10px;
}
.collage-thumb {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.collage-thumb:hover .thumb-info {
    opacity: 1;
    bottom: -5px;
}
.thumb-info {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    opacity: 0;
    color: #fff !important;
    padding: 50px 20px 20px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.55))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-9 */
}
/*--------------------------------------------------
Team Members
---------------------------------------------------*/
.team-members-list {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0px;
    overflow: hidden;
    pointer-events: none;
}
.team-members-list li {
    list-style: none;
    position: relative;
    margin: 0;
    width: 100%;
    cursor: pointer;
    pointer-events: initial;
    padding: 40px 0;
    box-sizing: border-box;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 0.1);
}
.team-members-list li:last-child {
    border-bottom: 0px solid;
}
.light-content .team-members-list li, .dark-section .team-members-list li {
    border-color: rgba(255, 255, 255, 0.2);
}
.light-content .light-section .team-members-list li {
    border-color: rgba(0, 0, 0, 0.1);
}
.full > .team-members-list li {
    padding: 40px 80px;
}
.full > .team-members-list li:first-child, .team-members-list li:first-child {
    padding-top: 0;
}
.full > .team-members-list li:last-child, .team-members-list li:last-child {
    padding-bottom: 0;
}
.team-member {
    font-size: calc(1rem + 3vw);
    line-height: calc(1rem + 4.5vw);
    font-weight: 500;
    font-family: 'basis_grotesque_promedium', sans-serif;
    position: relative;
    display: table;
    margin-bottom: 0px;
    vertical-align: top;
    width: 100%;
    z-index: 10;
}
.full > .team-member {
    font-size: calc(1rem + 4.15vw);
    line-height: calc(1rem + 5.5vw);
}
.uppercase-text .team-member {
    text-transform: uppercase;
}
.team-member > div {
    position: relative;
    display: table;
    float: left;
    width: auto;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000, #000);
    background-size: 100% 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.team-members-list:hover li .team-member > div {
    transition: all 0.15s ease 0s;
    -webkit-transition: all 0.15s ease 0s;
    background-size: 0% 100%;
}
.team-members-list:hover li:hover .team-member > div {
    background-size: 100% 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.light-content .team-member > div, .dark-section .team-member > div {
    -webkit-text-fill-color: rgba(255, 255, 255, 0.1);
    background-image: linear-gradient(#fff, #fff);
    ;
}
.light-content .light-section .team-member > div {
    -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(#000, #000);
}
.light-section .team-member {
    color: #000;
}
.dark-section .team-member {
    color: #fff;
}
.team-members-list:hover li .team-member {
    opacity: 0.3;
}
.team-members-list li:hover .team-member {
    opacity: 1;
}
.team-member span {
    font-size: 14px;
    font-weight: 500;
    line-height: inherit;
    position: relative;
    color: #000;
    display: block;
    float: right;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.team-members-list:hover li .team-member > span {
    opacity: 0.3;
}
.team-members-list:hover li:hover .team-member > span {
    opacity: 1;
}
.light-section .team-member span {
    color: #000;
}
.dark-section .team-member span {
    color: #fff;
}
.team-members-list .hover-reveal {
    position: fixed;
    width: 300px;
    height: 400px;
    pointer-events: none;
    opacity: 0;
}
.swiper-container.team-looped-carousel {
    cursor: grab;
}
.drag-cursor .swiper-container.team-looped-carousel {
    cursor: grabbing;
}
.team-looped-carousel .swiper-slide {
    text-align: left;
}
.team-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 10px 30px 30px 30px;
}
.team-caption h5, .team-caption p {
    margin-bottom: 0;
}
/*--------------------------------------------------
Contact Formular
---------------------------------------------------*/
#contact-formular {
    margin-top: 0px;
}
.text-align-center #contact-formular {
    margin: 0 auto;
    max-width: 800px;
    margin-top: 30px;
}
#contact-formular::after {
    clear: both;
    content: " ";
    display: table;
}
#contactform {
    position: relative;
}
.name-box, .email-box, .message-box {
    position: relative;
    display: block;
}
.name-box, .email-box {
    width: 47%;
    float: left;
    margin-bottom: 20px;
    margin-right: 6%;
    position: relative;
}
.name-box::after, .email-box::after {
    clear: both;
    content: " ";
    display: table;
}
.email-box {
    margin-right: 0px;
}
.message-box {
    float: left;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 40px;
}
.verify-box {
    float: left;
    width: 100%;
    margin-bottom: 60px;
}
.text-align-center .verify-box {
    float: none;
    width: auto;
    text-align: center;
    display: table;
    margin: 0 auto;
    margin-bottom: 40px;
}
.verify-sum {
    margin: 0;
    padding: 0;
    float: left;
}
.verify-sum li {
    list-style: none;
    display: block;
    float: left;
    color: #fff;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 3px;
    background-color: #000;
    margin-bottom: 0;
}
.light-content .verify-sum li, .dark-section .verify-sum li {
    color: #000;
    background-color: #fff;
}
.light-content .light-section .verify-sum li {
    color: #fff;
    background-color: #000;
}
.verify-sum li:nth-child(2), .verify-sum li:nth-child(4) {
    width: 30px;
    color: #444;
    background-color: transparent;
}
.light-content .verify-sum li:nth-child(2), .light-content .verify-sum li:nth-child(4), .dark-section .verify-sum li:nth-child(2), .dark-section .verify-sum li:nth-child(4) {
    color: #fff;
    background-color: transparent;
}
.light-content .light-section .verify-sum li:nth-child(2), .light-content .light-section .verify-sum li:nth-child(4) {
    color: #444;
    background-color: transparent;
}
input#verify {
    float: left;
    width: 34px;
    padding: 0;
    height: 34px;
    text-align: center;
    font-size: 16px;
    line-height: 34px;
    border: none;
    border-radius: 3px;
    background-color: #000;
    color: #fff;
}
.light-content input#verify, .dark-section input#verify {
    background-color: #fff;
    color: #000;
}
.light-content .light-section input#verify {
    background-color: #000;
    color: #fff;
}
#contact-formular .required {
    float: left;
    width: auto;
    font-size: 14px;
    line-height: 34px;
    margin-left: 20px;
    margin-bottom: 0;
}
#contact-formular .text-align-center .required {
    float: left;
    margin-left: 0;
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
    padding-top: 10px;
}
input, textarea {
    color: rgba(0, 0, 0, 1);
    font-family: 'basis_grotesque_promedium', sans-serif;
    font-size: calc(1rem + 0.30vw);
    font-weight: 400;
    height: 50px;
    padding: 12px 20px 12px 20px;
    padding-left: 0;
    width: 100%;
    border-radius: 0px;
    margin-bottom: 0px;
    border: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    box-sizing: border-box;
    background-color: transparent;
    outline: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.uppercase-text input, .uppercase-text textarea {
    text-transform: uppercase;
}
.bigger-form input, .bigger-form textarea {
    font-size: 48px;
    font-weight: 500;
    height: 100px;
    padding: 0;
}
input[type="search"] {
    padding-left: 0px;
}
.light-content input, .light-content textarea, .dark-section input, .dark-section textarea {
    color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.light-content .light-section input, .light-content .light-section textarea {
    color: rgba(0, 0, 0, 1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
::placeholder, .light-content .light-section ::placeholder {
    color: #000;
    opacity: 1;
}
.light-content ::placeholder, .dark-section ::placeholder {
    color: #fff;
    opacity: 1;
}
.light-content :-ms-input-placeholder, .dark-section :-ms-input-placeholder {
    color: #fff;
}
.light-content .light-section :-ms-input-placeholder {
    color: #000;
    opacity: 1;
}
.light-content ::-ms-input-placeholder {
    color: #fff;
}
:-ms-input-placeholder {
    color: #000;
}
.input_label {
    background-color: #000;
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 0px;
    width: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.bigger-form .input_label {
    top: 99px;
}
.light-content .input_label, .dark-section .input_label {
    background-color: #fff;
}
.light-content .light-section .input_label {
    background-color: #000;
}
.input_label.slow {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
input:focus + .input_label, textarea:focus + .input_label {
    width: 100%;
}
input:focus, textarea:focus {
    color: #000;
}
.light-content input:focus, .light-content textarea:focus, .dark-section input:focus, .dark-section textarea:focus {
    color: #fff;
}
.light-content .light-section input:focus, .light-content .light-section textarea:focus {
    color: #000;
}
textarea {
    resize: none;
    margin-bottom: 0;
    height: 50px;
    padding: 12px 20px 6px 20px;
    padding-left: 0;
    margin-bottom: 0px;
}
textarea:after {
    background-color: #000;
    content: "";
    height: 2px;
    left: 0px;
    position: absolute;
    top: 20px;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
input[type="submit"] {
    margin: 0;
    background: transparent;
    border: none;
    color: #fff;
    font-family: 'basis_grotesque_promedium', sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 36px;
    height: 36px;
}
.uppercase-text input[type="submit"] {
    text-transform: uppercase;
}
.light-content input[type="submit"], .dark-section input[type="submit"] {
    color: #000;
}
.light-content .light-section input[type="submit"] {
    color: #fff;
}
.outline input[type="submit"] {
    color: #000;
}
.light-content .outline input[type="submit"], .dark-section .outline input[type="submit"] {
    color: #fff;
}
.light-content .light-section .outline input[type="submit"] {
    color: #000;
}
.error_message {
    margin-bottom: 30px;
    font-size: 13px;
    color: #e93735;
    font-weight: bold;
}
#success_page p, #success_page p strong {
    color: #fff;
    margin-top: 20px;
}
#message fieldset {
    border: none;
}
/*--------------------------------------------------
Google Map
---------------------------------------------------*/
#map_canvas {
    display: block;
    height: 62vh;
    position: relative;
    width: 100%;
}
#hero-image.bgrelative #map_canvas {
    position: relative !important;
}
.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display: none;
}
.gmnoprint div {
    background: none !important;
}
.gm-style button {
    display: none !important;
}
.services-icon i {
    font-size: 24px;
    margin-bottom: 20px;
}
.service-info-text {
    margin-bottom: 40px;
}
/*--------------------------------------------------
Moving Gallery
---------------------------------------------------*/
.fw-gallery .wrapper-gallery {
    display: inline-flex;
    align-items: flex-end;
    margin: 0;
    padding: 0;
    clear: both;
    margin-bottom: 10px;
}
.bw-gallery .wrapper-gallery {
    display: inline-flex;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}
.moving-gallery li {
    width: 40vw;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    margin: 20px 0;
    list-style: none;
}
.fw-gallery.random-sizes li:first-child, .bw-gallery.random-sizes li:first-child {
    padding-left: 0px;
}
.fw-gallery.random-sizes li:last-child, .bw-gallery.random-sizes li:last-child {
    padding-right: 0px;
}
.fw-gallery.random-sizes li:nth-child(1) {
    width: 25vw;
}
.fw-gallery.random-sizes li:nth-child(2) {
    width: 30vw;
}
.fw-gallery.random-sizes li:nth-child(3) {
    width: 45vw;
}
.fw-gallery.random-sizes li:nth-child(4) {
    width: 25vw;
}
.bw-gallery.random-sizes li:nth-child(1) {
    width: 25vw;
}
.bw-gallery.random-sizes li:nth-child(2) {
    width: 45vw;
}
.bw-gallery.random-sizes li:nth-child(3) {
    width: 30vw;
}
.bw-gallery.random-sizes li:nth-child(4) {
    width: 25vw;
}
.moving-gallery li img {
    height: auto;
    margin: 0px;
}
/*--------------------------------------------------
Horizontal Panels
---------------------------------------------------*/
.panels {
    position: relative;
}
.panels-container {
    position: relative;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    justify-content: flex-start;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}
.panels-container > .panel {
    position: relative;
    width: auto;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    flex-direction: column;
}
.panels-container .panel img {
    width: auto;
    height: 60%;
    display: block;
    max-width: none;
    margin: 0 10px;
}
.panels-container .panel:first-child img {
    margin-left: 0px;
}
.panels-container .panel:last-child img {
    margin-right: 0px;
}
/*--------------------------------------------------
Team Panels
---------------------------------------------------*/
#team-panels .panel-content-wrapper {
    position: relative;
    width: auto;
    height: 60%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    flex-direction: column;
    padding-left: 30px;
    padding-right: 30px;
}
#team-panels .panels-container .panel:first-child .panel-content-wrapper {
    padding-left: 80px;
}
#team-panels .panels-container .panel:last-child .panel-content-wrapper {
    padding-right: 80px;
}
#team-panels .panel-content {
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 10px 30px;
    bottom: -50px;
    left: 0;
    pointer-events: none;
}
.dark-section #team-panels .panel-content {
    color: #fff;
}
#team-panels .panels-container .panel:first-child .panel-content-wrapper .panel-content {
    padding-left: 80px;
}
#team-panels .panels-container .panel:last-child .panel-content-wrapper .panel-content {
    padding-right: 80px;
}
.team-name-panel, .team-cat-panel {
    font-size: 18px;
    line-height: 24px;
    display: table;
    width: auto;
    float: left;
}
.team-cat-panel {
    font-size: 14px;
    opacity: 0.6;
    float: right;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.uppercase-text .team-name-panel, .uppercase-text .team-cat-panel {
    text-transform: uppercase;
    line-height: 20px;
}
#team-panels .panels-container .panel .panel-image {
    width: auto;
    height: 100%;
    position: relative;
    overflow: hidden;
}
#team-panels .panels-container .panel img {
    height: 100%;
    margin: 0;
}

main {
    overflow: hidden
}
main .cd-main-content > div {
    height: 100%;
    min-height: 100vh;
}
main .cd-main-content {
    width: 100%;
}
main .cd-main-content.cd-index > div {
    vertical-align: middle
}
main .cd-main-content.cd-index::after {
    background-color: rgba(64, 137, 166, 0);
    background-image: -webkit-linear-gradient(bottom, #4089a6, rgba(64, 137, 166, 0));
    background-image: linear-gradient(to top, #4089a6, rgba(64, 137, 166, 0))
}
main .cd-main-content.cd-index::before {
    background-color: rgba(64, 137, 166, 0);
    background-image: -webkit-linear-gradient(top, #4089a6, rgba(64, 137, 166, 0));
    background-image: linear-gradient(to bottom, #4089a6, rgba(64, 137, 166, 0))
}
main .cd-main-content.cd-about {
    background-color: #fff
}
main .cd-main-content.cd-about > div {
    padding-top: 50px
}
main .cd-main-content.cd-about::after {
    background-color: rgba(40, 48, 64, 0);
    background-image: -webkit-linear-gradient(bottom, #283040, rgba(40, 48, 64, 0));
    background-image: linear-gradient(to top, #283040, rgba(40, 48, 64, 0))
}
main .cd-main-content.cd-about::before {
    background-color: rgba(40, 48, 64, 0);
    background-image: -webkit-linear-gradient(top, #283040, rgba(40, 48, 64, 0));
    background-image: linear-gradient(to bottom, #283040, rgba(40, 48, 64, 0))
}
.cd-cover-layer, .cd-cover-layer.invisible {
    background-color: transparent
}
.cd-cover-layer {
    position: fixed;
    z-index: 5000;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 101%;
    width: 101%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s .4s, visibility 0s .4s;
    -moz-transition: opacity .4s .4s, visibility 0s .4s;
    transition: opacity .6s 0s, visibility 0s .4s
}
.page-is-changing .cd-cover-layer {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s .3s, visibility 0s 0s
}
/*--------------------------------------------------
	Flex Nav
---------------------------------------------------*/
.flexnav, .flexnav li ul {
    width: 100%;
    margin: 0
}
.flexnav, .flexnav li {
    margin: 0
}
.flexnav li, .flexnav li ul li {
    font-size: 100%
}
.flexnav .touch-button:hover, .menu-button {
    cursor: pointer
}
.flexnav {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
    -webkit-transform-style: preserve-3d;
    overflow: hidden;
    max-height: 0
}
.flexnav.opacity {
    opacity: 0
}
.flexnav.flexnav-show {
    max-height: 2000px;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.flexnav.one-page {
    position: fixed;
    top: 50px;
    right: 5%;
    max-width: 200px
}
.flexnav li, .flexnav li a, .flexnav li ul li {
    position: relative;
    overflow: hidden
}
.flexnav li a {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    color: #000;
    display: block;
    padding: 20px 0;
    z-index: 2;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.oldie .flexnav li ul.open ul.open, .oldie .flexnav ul li:hover ul {
    margin-left: 100%;
    top: 0
}
.flexnav li ul.flexnav-show li, .oldie .flexnav, .oldie .flexnav li, .oldie .flexnav li a {
    overflow: visible
}
.flexnav li ul li a {
    background: #fff;
    display: block;
    padding: 20px
}
.flexnav ul li ul li a {
    background: #bfbfbc
}
.flexnav ul li ul li ul li a {
    background: #cbcbc9
}
.flexnav .touch-button {
    background: rgba(0, 0, 0, 0);
    display: inline-block;
    height: 60px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 60px;
    z-index: 999
}
.flexnav .touch-button .navicon {
    position: relative;
    top: 1.8em;
    font-size: 12px;
    color: #666
}
.menu-button {
    background: 0 0;
    border-bottom: medium none;
    box-sizing: border-box;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    line-height: 60px;
    padding: 0 50px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    z-index: 0
}
.no-button .menu-button {
    padding-right: 0
}
.menu-button.one-page {
    position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px
}
.menu-button .touch-button {
    background: 0 0;
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    text-align: center
}
.menu-button .touch-button .navicon {
    font-size: 16px;
    position: relative;
    top: 1em;
    color: #666
}

.oldie body.one-page {
    padding-top: 70px
}
.oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px
}
.oldie .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    background-color: #a6a6a2;
    width: 20%;
    min-height: 50px
}
.oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible
}
.oldie .flexnav li:hover > ul li {
    width: 100%;
    float: none
}
.oldie .flexnav li a {
    border-left: 1px solid #acaca1;
    border-bottom: none
}
.oldie .flexnav li > ul {
    background: #acaca1;
    position: absolute;
    top: auto;
    left: 0;
    display: none;
    z-index: 1;
    overflow: visible
}
.oldie .flexnav li ul.open, .oldie .flexnav li ul.open ul.open {
    display: block;
    width: 100%;
    overflow: visible
}
.oldie .flexnav li ul li ul {
    top: 0
}
.oldie .flexnav li ul li a {
    border-bottom: none
}
.oldie .flexnav li ul.open li {
    width: 100%
}
.oldie .menu-button {
    display: none
}
.oldie.ie7 .flexnav li {
    width: 19.9%
}
/*--------------------------------------------------
	Swiper Slider
---------------------------------------------------*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left;
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    -moz-transform: translate3d(0px, -50%, 0);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000;
}
/* 3D Container */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube, .swiper-container-flip {
    overflow: visible;
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}
/*--------------------------------------------------
	Magnific Popup
---------------------------------------------------*/
.mfp-bg, .mfp-wrap {
    position: fixed;
    left: 0;
    top: 0
}
.mfp-bg, .mfp-container, .mfp-wrap {
    height: 100%;
    width: 100%
}
.mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after {
    content: ''
}
.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}
.mfp-arrow, .mfp-arrow:focus, .mfp-arrow:hover, .mfp-close, .mfp-close:focus, .mfp-close:hover {
    opacity: 1
}
.mfp-wrap {
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}
.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none !important
}
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #CCC
}
.mfp-close, .mfp-preloader a:hover {
    color: #FFF
}
.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}
button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    cursor: pointer !important;
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #FFF;
    right: -20px;
    padding-right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    top: 20px;
    background: #000;
    line-height: 40px;
    border-radius: 2px
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}
.mfp-figure, img.mfp-img {
    line-height: 0
}
.mfp-arrow {
    position: absolute;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:after, .mfp-arrow:before {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 25px;
    margin-left: 35px
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 22px
}
.mfp-arrow::before {
    width: 30px;
    height: 60px;
    opacity: 1;
    background: rgba(0, 0, 0, .5);
    border-radius: 2px
}
.mfp-arrow-left::after, .mfp-arrow-right:after {
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff
}
.mfp-arrow:hover::before {
    background: rgba(0, 0, 0, 1)
}
.mfp-arrow-left::after {
    border-left: 2px solid #FFF;
    margin-left: 31px;
    transform: rotate(-45deg)
}
.mfp-arrow-left:after {
    margin-left: 36px
}
.mfp-arrow-left:before {
    margin-left: 25px
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after {
    border-right: 2px solid #FFF;
    margin-left: 41px;
    transform: rotate(45deg)
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-image-holder .mfp-content, img.mfp-img {
    max-width: 100%
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}
.mfp-figure:after, img.mfp-img {
    width: auto;
    height: auto;
    display: block
}
img.mfp-img {
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}
.mfp-figure:after {
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}


/*--------------------------------------------------
	Tool Tips
---------------------------------------------------*/
[data-tooltip] {
    position: relative
}
[data-tooltip]::after, [data-tooltip]::before {
    position: absolute;
    display: block;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 12px
}
[data-tooltip]::before {
    content: attr(data-tooltip);
    font-size: 12px;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    color: #000;
    padding: 5px;
    border-radius: 5px;
    white-space: nowrap;
    text-decoration: none;
    text-align: left
}
.light-content [data-tooltip]::before {
    color: #fff
}
[data-tooltip]::after {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    content: ''
}
[data-tooltip]:hover::after, [data-tooltip]:hover::before {
    opacity: 1
}
[data-tooltip][data-placement=left]::before {
    top: 32%;
    right: 100%;
    margin-right: 35px
}
[data-tooltip][data-placement=left]:hover::before {
    margin-right: -2px;
    -webkit-transition: all .3s ease-out .5s;
    transition: all .3s ease-out .5s
}
[data-tooltip][data-placement=top]::before {
    top: 16%;
    right: 100%;
    margin-right: 0;
    width: 200px;
    height: 16px;
    transform: translateX(147px) translateY(-170px) rotate(-90deg)
}
[data-tooltip][data-placement=top]:hover::before {
    transform: translateX(147px) translateY(-140px) rotate(-90deg);
    -webkit-transition: all .3s ease-out .5s;
    transition: all .3s ease-out .2s
}
[data-tooltip][data-placement=right]::before {
    top: 32%;
    left: 100%;
    margin-left: 35px
}
[data-tooltip][data-placement=right]:hover::before {
    margin-left: -2px;
    -webkit-transition: all .3s ease-out .5s;
    transition: all .3s ease-out .5s
}

/*--------------------------------------------------
	Social Share
---------------------------------------------------*/
.jssocials-shares {
    margin: .2em 0
}
.jssocials-shares * {
    box-sizing: border-box
}
.jssocials-share {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.jssocials-share:last-child {
    margin-right: 0
}
.jssocials-share-logo {
    width: 1em;
    vertical-align: middle;
    font-size: 1em;
}
img.jssocials-share-logo {
    width: auto;
    height: 1em
}
.jssocials-share-link {
    display: block;
    text-align: center;
    text-decoration: none;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.jssocials-share-link.jssocials-share-link-count {
    padding-top: .2em
}
.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
    display: block;
    font-size: .6em;
    margin: 0 -.5em -.8em
}
.jssocials-share-link.jssocials-share-no-count {
    padding-top: .5em
}
.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
    height: 1em
}
.jssocials-share-label {
    padding-left: .3em;
    vertical-align: middle
}
.jssocials-share-count-box {
    display: inline-block;
    height: 1.5em;
    padding: 0 .3em;
    line-height: 1;
    vertical-align: middle;
    cursor: default
}
.jssocials-share-count-box.jssocials-share-no-count {
    display: none
}
.jssocials-share-count {
    line-height: 1.5em;
    vertical-align: middle
}
/*--------------------------------------------------
	Justified Gallery
---------------------------------------------------*/
.justified-gallery {
    width: 100%;
    position: relative;
    overflow: hidden
}
.justified-gallery > a, .justified-gallery > div, .justified-gallery > figure {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    filter: "alpha(opacity=10)";
    opacity: .1;
    margin: 0;
    padding: 0
}
.justified-gallery > a > a > img, .justified-gallery > a > img, .justified-gallery > div > a > img, .justified-gallery > div > img, .justified-gallery > figure > a > img, .justified-gallery > figure > img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: none;
    filter: "alpha(opacity=0)";
    opacity: 0
}
.justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > figure > .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    background-color: #000;
    left: 0;
    right: 0;
    margin: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 300;

    font-family: sans-serif
}
.justified-gallery > .entry-visible {
    filter: "alpha(opacity=100)";
    opacity: 1;
    background: 0 0
}
.justified-gallery > .entry-visible > a > img, .justified-gallery > .entry-visible > img {
    filter: "alpha(opacity=100)";
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}
.justified-gallery > .jg-filtered {
    display: none
}
.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0;
    left: 50%;
    filter: "alpha(opacity=100)";
    opacity: 1;
    overflow: initial
}
.justified-gallery > .spinner > span {
    display: inline-block;
    filter: "alpha(opacity=0)";
    opacity: 0;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background-color: #fff;
    border-radius: 6px
}
/*--------------------------------------------------
	Blog
---------------------------------------------------*/
article {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}
article::after {
    clear: both;
    content: " ";
    display: table;
}
.light-content article {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
article:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.light-content article:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.article-wrap {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: auto;
    max-width: 70%;
    float: left;
}
.active .article-wrap {
    opacity: 1;
    -webkit-transition: translateY(0px);
    transform: translateY(0px);
}
.article-content {
    display: flex;
    align-items: center;
    position: absolute;
    width: 30%;
    float: left;
    right: 0;
    height: 100%;
    top: 0;
    justify-content: space-between;
}
article .hover-reveal {
    position: relative;
    width: 0px;
    height: 140px;
    pointer-events: initial;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
    transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
    top: 0 !important;
    left: 0 !important;
}
article:hover .hover-reveal {
    width: 220px;
}
article .hover-reveal__inner {
    width: 220px;
    height: 140px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    position: relative;
    -webkit-transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
    transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
article:hover .hover-reveal__inner {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}
article .hover-reveal img {
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
    transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
article:hover .hover-reveal img {
    -webkit-transform: scale(1);
    transform: scale(1);
}
article .post-title {
    font-weight: 500;
    font-size: calc(1rem + 2vw);
    font-size: calc(1rem + 3vw);
    line-height: calc(1rem + 3.5vw);
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-align: left;
    box-sizing: border-box;
    padding: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
    transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
article:hover .post-title {
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
}
.uppercase-text article .post-title {
    text-transform: uppercase;
    line-height: 110%;
}
.entry-meta-wrap {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: auto;
}

.entry-meta-wrap::after {
    clear: both;
    content: " ";
    display: table;
}
.entry-meta {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    overflow: hidden;
}
.entry-meta.entry-date {
    width: 140px;
    text-align: right;
}
.entry-meta ul {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.entry-meta li {
    position: relative;
    display: inline-flex;
    line-height: 26px;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-right: 15px;
    font-size: 14px;
}
.uppercase-text .entry-meta li {
    text-transform: uppercase;
}
.entry-meta li:last-child {
    margin-right: 0;
}
.entry-meta li:hover::after {
    opacity: 1;
}
.entry-meta li a {
    color: #000;
    display: inline-block;
    overflow: hidden;
    opacity: 0.75;
    text-transform: uppercase;
}
.light-content .entry-meta li a, .dark-section .entry-meta li a {
    color: #fff;
}
.light-content .light-section .entry-meta li a {
    color: #000;
}
.entry-meta li a:hover {
    opacity: 1;
}
.entry-meta li a span {
    position: relative;
    display: block;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transform-origin: 100% 0%;
}
.entry-meta li a span::before {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    content: attr(data-hover);
}
.entry-meta li:hover a span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transform-origin: 0% 0%;
}
.entry-categories li::after {
    content: "/";
    width: 10px;
    height: 10px;
    top: 0px;
    right: -15px;
    opacity: 1;
    position: absolute;
    border-radius: 10px;
}
.entry-categories li:last-child:after {
    display: none;
}
.entry-tags li:first-child {
    width: 30px;
    position: relative;
    color: transparent;
    margin-right: 10px;
    overflow: hidden;
}
.entry-tags li {
    margin-right: 20px;
}
.entry-tags li:first-child:after {
    font: var(--fa-font-solid);
    content: "\f02b";
    width: 20px;
    height: 28px;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    position: absolute;
    left: 0px;
    top: 2px;
    color: #000;
}
.light-content .entry-tags li:first-child:after {
    color: #fff;
}





.page-navigation{
    list-style: none;
    width: 100%;
    display: flex;
    margin: 0;
    justify-content: center;
    align-items: center;
}
.page-navigation .button-border span{
    padding: 0;
}
.page-navigation .button-border {
    height: 40px;
    width: 40px;
    line-height: 38px;
}
.page-navigation .clapat-button-wrap {
    min-width: 0;
    padding: 0 6px;
}


.large-hero-image{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 90vh;
}


.cs-logo{
    
}
.cs-logo img{
    width: 340px;
    height: auto;
}
.cs-logo.inverted img{
    filter: invert(1);
}



.feature-testimonial{
    
}
.feature-testimonial .testimonial-content{
    font-size: 2.75vw;
    line-height: 1.1;    
}
.feature-testimonial .testimonial-meta{
    margin-top: 40px;
}
.feature-testimonial .testimonial-meta .testimonial-author{
    margin-bottom: 0px !important;
}
.feature-testimonial .testimonial-meta .testimonial-info{
    margin-top: 10px;
    margin-bottom: 0 !important;
    color: #fa4529 !important;
}


.greyscale{
    filter: grayscale(1);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.greyscale.not-on-hover:hover{
    filter: grayscale(0);
}



.container{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.mb-0{margin-bottom: 0 !important}
.mt-0{margin-bottom: 0 !important}
.pb-0{padding-bottom: 0 !important}
.pt-0{padding-bottom: 0 !important}

.mb-sm{margin-bottom: 50px !important}
.mt-sm{margin-bottom: 50px !important}
.pb-sm{padding-bottom: 50px !important}
.pt-sm{padding-bottom: 50px !important}



.about-author { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    padding: 3.75rem 0 0; 
  } 
.about-author__content { 
    -webkit-flex-basis: 100%; 
    -ms-flex-preferred-size: 100%; 
    flex-basis: 100%;
  } 

  .about-author .about-author__avatar + .about-author__content  { 
    margin-left: 2.375rem;
  } 
.about-author__avatar img  { 
    border-radius: 50%;
  } 

  .about-author__header { 
    margin-bottom: 1.125rem;
  } 

  .about-author__text { 
    padding-right: 1.5625rem;
  } 

  .about-author__header span  { 
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
  } 
  .dark-section .about-author__header span  { 
    color: #fff;
  } 

.post-tags{
    margin-top: clamp(1.5rem, 4.5vh, 100px);
    padding-top: clamp(1.5rem, 4.5vh, 100px);
    border-top: rgba(0, 0, 0, 0.9) 5px solid;   
}
.post-tags a { 
    display: inline-block;
    margin-right: 5px;
    padding: 6px 15px;
    border: #000 2px solid;
    border-radius: 34px;
    font-size: 14px;
    margin-bottom: 8px;
    color: #000;
  } 

  .post-tags a:hover { 
    
  }