@charset "utf-8";
@font-face { font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-Medium.eot'); src: local('Avenir LT Std 65 Medium'), local('AvenirLTStd-Medium'), url('fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTStd-Medium.woff2') format('woff2'), url('fonts/AvenirLTStd-Medium.woff') format('woff'), url('fonts/AvenirLTStd-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir Next LT Pro'; src: url('fonts/AvenirNextLTPro-Thin.eot'); src: local('AvenirNextLTPro-Thin'), url('fonts/AvenirNextLTPro-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextLTPro-Thin.woff2') format('woff2'), url('fonts/AvenirNextLTPro-Thin.woff') format('woff'), url('fonts/AvenirNextLTPro-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir Next LT Pro'; src: url('fonts/AvenirNextLTPro-Regular.eot'); src: local('Avenir Next LT Pro Regular'), local('AvenirNextLTPro-Regular'), url('fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextLTPro-Regular.woff2') format('woff2'), url('fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('fonts/AvenirNextLTPro-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir Next LT Pro'; src: url('fonts/AvenirNextLTPro-Demi.eot'); src: local('Avenir Next LT Pro Demi'), local('AvenirNextLTPro-Demi'), url('fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextLTPro-Demi.woff2') format('woff2'), url('fonts/AvenirNextLTPro-Demi.woff') format('woff'), url('fonts/AvenirNextLTPro-Demi.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Avenir Next LT Pro'; src: url('fonts/AvenirNextLTPro-Bold.eot'); src: local('Avenir Next LT Pro Bold'), local('AvenirNextLTPro-Bold'), url('fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextLTPro-Bold.woff2') format('woff2'), url('fonts/AvenirNextLTPro-Bold.woff') format('woff'), url('fonts/AvenirNextLTPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; }


:root {
/* COLOR VARIABLES */
--blue: #003EFF;
--white: #fff;
--black: #000;
--light-gray: #EAEAEA;
--dark-gray: #4D4D4D;

/* TRANSITION SPEED */
--all-fast: all 0.3s;
--all-medium: all 0.5s;
--all-slow: all 0.8s;
--offset: -30vh;
--radius-small: 4px;
--radius: 0px;
--rotation: 0deg;
--gap: 2.5vw;
--grid-item-width: 32vw;
--ratio: 1.3;
}

/* ========================== COMMON CSS ========================== */

ul,
ol,
li,
a { margin: 0; padding: 0; list-style-type:none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Avenir LT Std'; font-weight: 400; line-height: 1.5; color: inherit; color: #ffffffad; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Avenir Next LT Pro'; font-weight: bold; }
input,
input:focus,
textarea,
textarea:focus,
.form-control,
.form-control:focus { box-shadow: none !important; outline: none; background: transparent; color: rgba(255, 255, 255, 1); }
.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { box-shadow: none; }
*,
a,
a:active,
a:focus,
a:hover,
button:hover,
button:focus { text-decoration: none; outline: 0; color: inherit; }
button { background: transparent; outline: none; box-shadow: none; cursor: pointer; }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none; outline: none; border: none; }
a { display: inline-flex; flex-flow: row wrap; }
a:hover { color: var(--white); }

body { opacity: 1; background: #000; width: 100%; font-size: 16px; line-height: 1.4; width: 100%; position: relative; font-family: 'Avenir LT Std'; font-weight: 400; color: #fff; z-index: 1; overflow-x: hidden; transition: var(--all-slow); }
body.show { opacity: 1; }
body p { font-size: 20px; line-height: 1.4; color: #ADADAD; margin-bottom: 10px; font-weight: 400; font-family: 'Avenir Next LT Pro'; }

.no-scroll { overflow: hidden; }

hr { border-top: 1px solid #dddddd7d; }

::-moz-selection { color: #000; background: #fff; }
::selection { color: #000; background: #fff; }

::-webkit-scrollbar { width: 10px; display: none; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8); }
::-webkit-scrollbar-thumb { background-color: #888; border-radius: 15px; }

.barContainer { position: fixed; top: 0; right: 0; width: 10px; height: 100vh; box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8); background: #000; border-radius: 15px; z-index: 999; pointer-events: none; }
.bar { height: 20%; width: 100%; background-color: #888; border-radius: 15px; transition: all 0.8s; }

/* Chrome Safari Edge Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.container-fluid { max-width: calc(100% - 100px); margin: 0 auto; position: relative; }
.container { max-width: 1320px; position: relative; z-index: 1; }

.form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.4); }
.form-control::-moz-placeholder { color: rgba(255,255,255,0.4); }
.form-control:-ms-input-placeholder { color: rgba(255,255,255,0.4); }
.form-control::-ms-input-placeholder { color: rgba(255,255,255,0.4); }
.form-control::placeholder { transition: var(--all-fast); color: rgba(255,255,255,0.4); }

.form-group { margin-bottom: 20px; padding-bottom: 20px; position: relative; overflow: hidden; }
.form-group .input-wrapper { position: relative; }
.form-control { font-size: 16px; font-family: 'Avenir Next LT Pro'; font-weight: 400; color: #fff; width: 100%; padding: 10px 0; border: none; appearance: none; -webkit-appearance: none; border-radius: 0; }
.form-control:focus::placeholder { color: transparent; }

.invalid-feedback { position: absolute; bottom: 0; left: 0; }

.link__graphic { position: absolute; width: 300%; height: calc(100% - 20px); top: 0; left: 0; pointer-events: none; }
.link__graphic path { fill: none; stroke: rgb(255 255 255 / 30%); stroke-width: 1px; }
.form-control:focus + .link__graphic--slide { transform: translate3d(-66.6%, 0, 0); transition: transform 0.7s; transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1); }

label { font-size: 16px; line-height: 1; font-weight: 400; padding: 0 10px; transition: 0.3s; margin: 0; }

select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }
select.form-control { padding: 15px 28px 13px; text-transform: capitalize; }
select.form-control option { background: #000; color: #fff; }
.dropdown .icon { position: absolute; right: 10px; width: 22px; height: 22px; transform: scale(1); transition: var(--all-medium); pointer-events: none; }

.cursor { position: fixed; }

#cursor { position: fixed; top: -5px; left: -5px; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; pointer-events: none; z-index: 999; opacity: 0; }
.loaded #cursor { opacity: 1; }
#cursor-border { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; color: #fff; backdrop-filter: blur(12px); --size: 0; background: rgba(200,200,200,0.56); position: fixed; top: calc(var(--size) / -2); left: calc(var(--size) / -2); width: var(--size); height: var(--size); border-radius: 50%; pointer-events: none; transition: top 0.15s ease-out, left 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out, background-color 0.15s ease-out; z-index: 999; overflow: hidden; }

.loader { clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 100% 0%, 100% 0%, 0% 100%, 25% 100%, 25% 100%, 100% 100%, 100% 0%); position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow: hidden; z-index: 999; background: #000; transition: all 1000ms cubic-bezier(.6, .04, .98, .335); }
.loader.hide { clip-path: polygon(0% 0%, 0% 100%, 0% 0%, 0% 0%, 200% 0%, 100% 100%, 25% 100%, 25% 100%, 100% 100%, 100% 0%); }
.loaded .loader.hide { pointer-events: none; }
.loader .progress-line { position: absolute; left: 0; bottom: 0; width: 0; height: 0.5px; display: block; background: #fff; transition: var(--all-fast); transform-origin: bottom left; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

.button { position: relative; z-index: 1; padding: 8px 20px; border: 2px solid rgb(255 255 255 / 70%); clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px); overflow: hidden; background:#000; cursor:pointer;}
.button::before { content: ''; width: 2px; height: 15px; position: absolute; left: -2px; top: -6px; background: rgb(255 255 255 / 70%); transform: rotate(45deg); transform-origin: bottom left; }
.button .text { display: flex; text-transform: uppercase; padding-top: 4px; overflow: hidden; }
.button span { position: relative; font-size: 16px; font-family: 'Avenir LT Std'; font-weight: 500; text-transform: uppercase; color: #fff; transform: translateY(0); transition: var(--all-medium); transition-delay: 0.1s; z-index: 1; }
.button span::after { content: attr(data-text); position: absolute; left: 0; top: 150%; display: block; color: #fff; transition: var(--all-medium); }
.button:hover span { color: #000; transform: translateY(-150%); }

.button .box { position: absolute; top: 101%; left: 0; display: block; width: 100%; height: 100%; z-index: -1; animation: moveDownTwo 0.5s linear 0s forwards; }
.button:hover .box { display: block; width: 100%; height: 100%; transition: var(--all-medium); animation: moveDownOne 0.5s linear 0s forwards; }
@keyframes moveDownOne {
0% { bottom: auto; top: -101%; border-radius: 50%; }
100% { bottom: auto; top: 0; border-radius: 0%; }
}
@keyframes moveDownTwo {
0% { top: auto; bottom: 0; border-radius: 0%; }
100% { top: auto; bottom: -101%; border-radius: 50%; }
}

.link { position: relative; }
.link::after { content: ''; transition: opacity 0.3s; opacity: 0; transition-delay: 0s; position: absolute; width: 100%; height: 1px; background: #fff; top: calc(100% - 5px); left: 0; pointer-events: none; }
.link:hover::after { opacity: 1; transition-delay: 0.3s; }
.link::before { content: ''; height: 10px; top: 100%; opacity: 0; position: absolute; width: 100%; background: #fff; top: calc(100% - 5px); left: 0; pointer-events: none; }
.link:hover::before { opacity: 1; animation: lineUp 0.2s ease forwards; }

@keyframes lineUp {
0% { transform-origin: 50% 100%; transform: scale3d(1, 0.045, 1); }
50% { transform-origin: 50% 100%; transform: scale3d(1, 1, 1); }
51% { transform-origin: 50% 0%; transform: scale3d(1, 1, 1); }
100% { transform-origin: 50% 0%; transform: scale3d(1, 0.045, 1); }
}


.img-box { display: flex; flex-flow: row wrap; }
img, .svg { width: 100%; height: auto; }

.section-title { width: 100%; display: flex; flex-flow: row wrap; margin-bottom: 40px; }
.section-title h2 { font-size: 48px; font-weight: 500; line-height: 1; color: #f5f5f7; letter-spacing: 0.4px; text-align: center; width: 100%; margin-bottom: 30px; }
.section-title h4, .section-title .title { font-size: 20px; font-weight: 400; color: #6e6e6e; text-align: center; letter-spacing: 0.2px; text-transform: uppercase; width: 100%; margin-bottom: 0; }
.section-title p { font-size: 20px; line-height: 1.4; font-family: 'Avenir Next LT Pro'; font-weight: 400; color: rgba(255, 255, 255, 0.7); width: 100%; text-align: center; margin-bottom: 30px; }
.section-title p * { font-size: 20px; font-family: 'Avenir Next LT Pro'; font-weight: 400; }
.subtitle { font-size: 28px; font-weight: 500; font-family: 'Avenir LT Std'; color: #f5f5f7; text-align: center; line-height: 1.3; text-transform: capitalize; letter-spacing: .4px; margin: 0 0 40px; }

.read-more { display: flex; flex-flow: row wrap; align-items: center; }
.read-more span { font-size: 16px; font-weight: 700; line-height: 1.2; color: #051023; margin-right: 8px; }
.read-more .svg { width: 16px; margin-top: 2px; }

.nav.tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgb(255 255 255 / 30%); margin-bottom: 60px; }
.nav.tabs li { margin-bottom: -1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.nav.tabs li a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; position: relative; padding: 10px 30px 8px; font-size: 16px; color: rgb(255 255 255 / 50%); font-family: 'Avenir Next LT Pro'; font-weight: 400; text-transform: uppercase; -webkit-clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px); clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px); border: 1px solid transparent; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.nav.tabs li a:hover { color: #F5F5F7; }
.nav.tabs li a.active { border: 1px solid #fff; color: #F5F5F7; }
.nav.tabs li a::before { content: ''; position: absolute; width: 1px; height: 15px; background: #fff; left: -1px; top: -6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; opacity: 0; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.nav.tabs li a.active::before { opacity: 1; }


/* HEADER */
.header { position: fixed; top: 0; left: 0; width: 100%; padding: 25px 0; z-index: 10; transition: var(--all-medium); transform: translateY(-100%); transition: var(--all-medium); }
.header.show { transform: translateY(0%); }
.header .navbar { position: relative; width: 100%; padding: 0; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; z-index: 10; }
.header .logo { width: 140px; }
.header .logo img { width: 100%; }
.header .button { margin-left: 25px; background: #fff; padding: 12px 16px; clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 20%); }
.header .button .text { padding-top: 3px; overflow: hidden; }
.header .button span { background: #fff; color: #000; font-size: 16px; font-family: 'Avenir LT Std'; text-transform: uppercase; line-height: 1; font-weight: 500; }

.header .right { display: flex; flex-flow: row wrap; align-items: center; }
.header .navbar-nav { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; }
.header .navbar-nav li { padding: 0 20px; position: relative; }
.header .navbar-nav li a { padding: 10px 0 5px; font-size: 16px; color: #fff; font-weight: 500; font-family: 'Avenir Next LT Pro'; text-transform: uppercase; position: relative; opacity: 0.7; }
.header .navbar-nav li a span { font-size: inherit; font-weight: inherit; font-family: inherit; }
.header .navbar-nav li a.active { opacity: 1; }
.header .navbar-nav li a span { display: block; position: relative; transition: var(--all-medium); }
.header .navbar-nav li a.active:after { opacity: 1; }

.header .navbar-nav li .dropdown { position: absolute; top: 100%; left: 0; width: 260px; background: #222; padding: 10px 0; clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0 100%, 0% 20%); transform: translateY(20px); opacity: 0; pointer-events: none; transition: all 0.2s ease; }
.header .navbar-nav li .dropdown li { padding: 0; }
.header .navbar-nav li .dropdown li a { padding: 10px 20px; width: 100%; position: relative; z-index: 1; opacity: 1; }
.header .navbar-nav li .dropdown li a:before { content: ''; background: #000; width: 0%; height: 100%; position: absolute; right: 0; top: 0; transition: var(--all-medium); z-index: -1; }
.header .navbar-nav li .dropdown li a:hover:before { width: 100%; left: 0; right: auto; }
.header .navbar-nav li:hover .dropdown { transform: translateY(0px); opacity: 1; pointer-events: all; }

.hamburger { display: none; flex-flow: row wrap; align-items: center; margin-left: 40px; }
.hamburger .lines { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; width: 28px; }
.hamburger .lines span { width: 100%; height: 3px; background: #fff; margin: 2.5px 0; border-radius: 5px; transition: var(--all-medium); }
.hamburger.active .lines span:first-child { transform: rotate(45deg) translateX(6px) translateY(5px); width: 100%; }
.hamburger.active .lines span:nth-child(2n) { opacity: 0; }
.hamburger.active .lines span:last-child { transform: rotate(-45deg) translateX(6px) translateY(-5px); width: 100%; }
.hamburger .text { text-transform: uppercase; font-size: 14px; line-height: 1; color: #000; }

/* BANNER */
.banner { width: 100%; position: relative;  padding-top: 140px;}
.banner .fold1 { width: 100%; height: 100vh; pointer-events: none; }
.banner .fold2 { width: 100%; height: 100vh; pointer-events: none; }

.banner .content {  left: 0; top: 0; width: 100%; padding: 60px 0; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; text-align: center; align-content: center; z-index: 2; }
.banner .content h1 { width: 100%; font-size: 20px; line-height: 1.3; letter-spacing: 0.2px; font-family: 'Avenir Next LT Pro'; font-weight: 400; text-transform: uppercase; color: #6e6e6e; margin-bottom: 0;  }
.banner .content p { width: 100%; font-size: 24px; line-height: 1.3; letter-spacing: 1px; font-family: 'Avenir LT Std'; font-weight: 400; text-transform: capitalize; color: #f5f5f7; margin: 0; }

.zaza-space { width: 100%; height: 10vh; pointer-events: none; }
.zaza { position: fixed; left: 0; top: 0; height: 100vh; width: 100vw; padding: 15vh 0 10vh; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; z-index: -1; }
.zaza .h2 { display: flex; transform: translateX(110%) translateY(0); }
.zaza svg { display: flex; height: 80vh; }
.zaza svg path { fill: transparent; stroke: rgb(255 255 255 / 30%); stroke-width: 0.5px; }

.inner-banner {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    background: #000;
}

.inner-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
}
.inner-banner .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    align-content: center;
    z-index: 2;
}

.inner-banner .content h1{
width: 50%;
    font-size: 38px;
    line-height: 1.3;
    letter-spacing: 1px;
    font-family: 'Avenir Next LT Pro';
    font-weight: 500;
    text-transform: capitalize;
    color: #f5f5f7;
    margin-bottom: 0;}

.title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Show 2 lines of text */
    -webkit-box-orient: vertical;
	font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: capitalize;
    color: #fff;
	margin-bottom: 10px;

}
/* CSS style to truncate content and show ellipsis */
.content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Show 2 lines of text */
    -webkit-box-orient: vertical;
	font-size:16px;
	font-weight:400;
	margin-top:5px;   
    opacity: 0.8;
}


/* FOOTER */
.footer-space { height: 155px; pointer-events: none; }
.footer { margin-top: 50px; padding-bottom: 20px; position: relative; bottom: 0; left: 0; width: 100%; background: #000; opacity: 1;  z-index: -1; }
.footer .bottom-block h4 {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.footer .bottom-block a, .footer .bottom-block p {
    position: relative;
    font-size: 16px;
    font-family: 'Avenir Next LT Pro';
    line-height: 1.3;
    letter-spacing: 0.2px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    -webkit-transition: var(--all-medium);
    -o-transition: var(--all-medium);
    transition: var(--all-medium);
    padding-bottom: 2px;
}

.footer .bottom-block a::after {
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    top: 100%;
    width: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.7);
    -webkit-transition: var(--all-medium);
    -o-transition: var(--all-medium);
    transition: var(--all-medium);
}

.footer .bottom-block a:hover::after {
    left: 0;
    right: auto;
    width: 100%;
}

.footer .bottom-block .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer .bottom-block .social li:not(:last-child) {
    margin-right: 15px;
}

.footer .bottom-block .social li a {
    font-size: 14px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    border: 1px solid rgb(255 255 255 / 70%);
    -webkit-clip-path: polygon(7px 0, 100% 0, 100% 100%, 0 100%, 0 8px);
    clip-path: polygon(7px 0, 100% 0, 100% 100%, 0 100%, 0 8px);
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 40px;
    height: 40px;
}

.footer .bottom-block .social li a:hover {
    background: #fff;
    color: #000;
}

.footer .bottom-block .social li a::before {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    left: -1px;
    top: -3px;
    background: rgb(255 255 255 / 70%);
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.footer .bottom-block .social li a::after {
    display: none;
}

.footer .bottom-block .social li a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.footer .bottom-block .social li a:hover img {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.footer hr {
    margin: 30px auto 20px;
    border-top-color: rgba(255, 255, 255, 0.3);
}

.footer .copy p, .footer .copy p span, .footer .copy p a {
    font-size: 12px;
    font-weight: 100;
    font-family: 'Avenir Next LT Pro';
    color: rgba(255, 255, 255, 0.5);
}

.footer .copy a {
    font-size: 12px;
    font-weight: 100;
    color: inherit;
    -webkit-transition: var(--all-medium);
    -o-transition: var(--all-medium);
    transition: var(--all-medium);
}

.footer .copy a:hover {
    color: rgba(255, 255, 255, 0.9);
}




/* new */