@import url(bootstrap.min.css);
@import url(swiper.min.css);
@import url(../icons/fonticons.css);
@font-face {
	font-family: 'OrchideaPro-Regular';
	src: url('../fonts/OrchideaPro-Regular.eot');
	src: url('../fonts/OrchideaPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OrchideaPro-Regular.svg#OrchideaPro-Regular') format('svg'), url('../fonts/OrchideaPro-Regular.ttf') format('truetype'), url('../fonts/OrchideaPro-Regular.woff') format('woff'), url('../fonts/OrchideaPro-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamPro-Bold';
	src: url('../fonts/GothamPro-Bold.eot');
	src: url('../fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamPro-Bold.svg#GothamPro-Bold') format('svg'), url('../fonts/GothamPro-Bold.ttf') format('truetype'), url('../fonts/GothamPro-Bold.woff') format('woff'), url('../fonts/GothamPro-Bold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamPro';
	src: url('../fonts/GothamPro.eot');
	src: url('../fonts/GothamPro.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamPro.svg#GothamPro') format('svg'), url('../fonts/GothamPro.ttf') format('truetype'), url('../fonts/GothamPro.woff') format('woff'), url('../fonts/GothamPro.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
.strong {
	font-family: GothamPro-Bold;
}
.description p {
	font-family: GothamPro;
	text-align: left;
	font-size: 20px;
	color: #fff;
	z-index: 9999999;
}
.description p span {
	font-family: GothamPro-Bold;
}
.description.head p {
	font-family: OrchideaPro-Regular;
	text-align: left;
	font-size: 33px;
	line-height: 43px;
	font-weight: 300;
	text-transform: uppercase;
	color: #fff;
	z-index: 9999999;
	width: 70vh;
	margin-left: 0px;
	margin-right: 0px;
}
@media only screen and (max-width: 580px) {
	.description.head p {
		font-family: OrchideaPro-Regular;
		text-align: center;
		font-size: 20px;
		line-height: 30px;
		font-weight: 300;
		text-transform: uppercase;
		color: #fff;
		z-index: 9999999;
		width: 100%;
	}
}
@media only screen and (max-width: 992px) {
	.description.head p {
		font-family: OrchideaPro-Regular;
		text-align: center;
		font-size: 20px;
		line-height: 30px;
		font-weight: 300;
		text-transform: uppercase;
		color: #fff;
		z-index: 9999999;
		mix-blend-mode: difference;
	}
}
@media only screen and (max-width: 1200px) {
	.description.head p {
		font-family: OrchideaPro-Regular;
		text-align: left;
		font-size: 20px;
		line-height: 30px;
		font-weight: 300;
		text-transform: uppercase;
		color: #fff;
		z-index: 9999999;
		mix-blend-mode: difference;
	}
}
.description.head.profile {
	margin-top: 50px;
}
.none {
	display: none;
}
.description.ms p {
	font-family: OrchideaPro-Regular;
	text-align: left;
	font-size: 30px;
	line-height: 40px;
	font-weight: 300;
	z-index: 9999999;
	color: #243251;
}
@media only screen and (max-width: 576px) {
	.description.ms p {
		font-family: OrchideaPro-Regular;
		text-align: left;
		font-size: 20px;
		line-height: 30px;
		font-weight: 300;
		z-index: 9999999;
		color: #243251;
	}
}
.description--hero p {
	font-family: GothamPro;
	text-align: left;
	font-size: 20px;
	opacity: 1;
	width: 25%;
}
.plr {
	padding-left: 0px;
	padding-right: 0px;
}
@media only screen and (max-width: 576px) {
	.plr {
		padding-left: 17px;
		padding-right: 17px;
	}
}
/* -----------------------------------------------------------------
    - General Styles
----------------------------------------------------------------- */

*, ::before, ::after {
	background-repeat: no-repeat;
	box-sizing: border-box;
}
html {
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-overflow-x: hidden;
}
body, html {
	font-size: 1.05rem;
	-webkit-text-size-adjust: 100%;
}
body {
	background-color: #243251;
	color: #fff;
	font-family: "GothamPro", sans-serif;
	font-weight: 400;
	line-height: 1.9;
	-ms-overflow-style: scrollbar;
	-webkit-font-smoothing: antialiased;
}
body::before {
	content: '';
	background-image: url(../images/angle.svg);
	background-size: cover;
	position: fixed;
	pointer-events: none;
	height: 2rem;
	width: 2rem;
	top: 0;
	left: 0;
	z-index: 1000;
}
@media only screen and (max-width: 580px) {
	body {
		background-size: 15px;
		line-height: 1.7;
	}
	body::before {
		height: 1rem;
		width: 1rem;
	}
}
html.is-scroll-disabled body {
	height: 100vh;
	overflow: hidden;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	html.is-scroll-disabled {
		overflow: hidden;
	}
}
.no-scroll {
	overflow: hidden;
	-ms-overflow-style: none;
}
.no-scroll-height {
	overflow-x: hidden;
}
.input, .textarea, select, .custom-select {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #848484;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	font-size: inherit;
	height: auto;
	padding: 1rem 0;
	position: relative;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
@media only screen and (max-width: 1200px) {
	.input, .textarea, select, .custom-select {
		padding: .8rem 0;
	}
}
.input:focus, .textarea:focus, select:focus, .custom-select:focus {
	background-color: transparent;
	border-bottom: 1px solid #fff;
	color: #fff;
	box-shadow: none;
	outline: none;
}
.textarea {
	display: block;
	line-height: 1.5;
	padding-top: 0.5rem;
	resize: none;
}
.form-group {
	margin-bottom: 1.5rem;
	position: relative;
}
@media only screen and (max-width: 580px) {
	.form-group {
		margin-bottom: 1rem;
	}
}
.help-block {
	position: absolute;
	font-size: .875rem;
	line-height: 1.4;
	padding-top: .4rem;
}
.with-errors {
	color: rgba(255, 95, 83, 0.7);
}
.has-error input, .has-error textarea, .has-error input:focus, .has-error textarea:focus {
	border-color: #FF5F53;
}
#validator-contact {
	font-size: .89rem;
	margin-top: 1rem;
}
.form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.3);
}
.form-control::-moz-placeholder {
	color: rgba(255, 255, 255, 0.3);
}
.form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.3);
}
.form-control::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.3);
}
.form-control::placeholder {
	color: rgba(255, 255, 255, 0.3);
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: #fff !important;
}
input:not(input:-webkit-autofill)::-webkit-contacts-auto-fill-button {
	background-color: #fff;
}
input:invalid, textarea:invalid {
	outline: none !important;
}
.custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(255, 185, 81, 0.25);
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border-color: #fff;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
	border-color: #fff;
	background-color: transparent;
}
.custom-control-input:checked~.custom-control-label::before {
	border-color: #fff;
	background-color: #fff;
}
.custom-control-label {
	line-height: 1.55;
	padding-left: .5rem;
}
.custom-control-label::before {
	background-color: transparent;
	border: 1px solid #848484;
}
select, .custom-select {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.1rem center/10px 16px;
}
select option, .custom-select option {
	color: #243251;
}
.btn {
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	font-size: .87rem;
	font-weight: 400;
	letter-spacing: .1rem;
	line-height: inherit;
	white-space: nowrap;
	overflow: hidden;
	padding: .8rem 2rem .7rem;
	position: relative;
	text-transform: uppercase;
	z-index: 1;
}
.btn::before {
	background-color: #fff;
	content: '';
	height: 100%;
	position: absolute;
	left: -35%;
	top: 0;
	transform: skew(50deg);
	transform-origin: top left;
	transition: all .4s;
	width: 0;
	z-index: -1;
}
.btn:hover, .btn:focus {
	color: #243251;
	box-shadow: none;
}
.btn:hover::before, .btn:focus::before {
	height: 100%;
	width: 135%;
}
.touch .btn:hover, .touch .btn:focus {
	background-color: #fff;
	color: #243251;
}
.touch .btn::before {
	display: none;
}
button:focus {
	outline: none;
}
.btn-link {
	color: #fff;
	display: inline-block;
	font-weight: 400;
	position: relative;
	text-decoration: none;
	font-family: GothamPro;
	text-transform: uppercase;
}
.btn-link:hover {
	text-decoration: none;
	color: #fff;
}
.btn-link:hover::before {
	transform: scale3d(0.5, 1, 1);
}
@media only screen and (max-width: 580px) {
	.btn-link {
		font-size: .875rem;
	}
	.btn-link:before {
		right: -3rem;
		width: 2rem;
	}
}
.btn-link--rearward:before {
	left: -4rem;
	right: auto;
	transform-origin: right;
}
@media only screen and (max-width: 580px) {
	.btn-link--rearward:before {
		left: -3rem;
	}
}
p span {
	font-style: italic;
}
.btn-link1 {
	color: #243251;
	display: inline-block;
	position: relative;
	text-decoration: none;
	font-family: GothamPro-Bold;
	text-transform: uppercase;
	font-style: normal;
}
.btn-link1:hover {
	color: #243251;
}
.link_hover1 .btn-link1:hover {
	text-decoration: none;
	color: #243251;
}
.btn-link1:hover::before {
	transform: scale3d(0.5, 1, 1);
}
@media only screen and (max-width: 580px) {
	.btn-link1 {
		font-size: .875rem;
	}
	.btn-link1:before {
		right: -3rem;
		width: 2rem;
	}
}
.table thead th {
	border: 0;
	color: #848484;
	font-size: .85rem;
	font-weight: 400;
	letter-spacing: .2rem;
	padding: 1.3rem 0;
	text-transform: uppercase;
}
.table td {
	border-top: 1px solid rgba(132, 132, 132, 0.2);
	padding: 1.3rem 0;
}
@media only screen and (max-width: 768px) {
	.table td {
		border-top: 0;
	}
}
.table span {
	color: #848484;
}
@media only screen and (max-width: 768px) {
	.table .table, .table thead, .table tbody, .table th, .table td, .table tr {
		display: block;
	}
	.table thead tr {
		display: none;
	}
	.table tr {
		padding-bottom: 1.4rem;
	}
	.table td {
		position: relative;
		padding-left: 50%;
		padding-top: .2rem;
		padding-bottom: .2rem;
	}
	.table td:before {
		content: attr(data-th);
		color: #848484;
		font-size: .85rem;
		position: absolute;
		left: 0;
		width: 45%;
		padding-right: 1rem;
		white-space: nowrap;
	}
}
@media only screen and (max-width: 580px) {
	.table td {
		padding-left: 40%;
	}
}
.flex-table {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
@media only screen and (max-width: 768px) {
	.flex-table {
		border-top: 1px solid rgba(132, 132, 132, 0.2);
	}
}
.flex-table__thead {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	border-bottom: 1px solid rgba(132, 132, 132, 0.2);
}
@media only screen and (max-width: 768px) {
	.flex-table__thead {
		display: none;
	}
}
.flex-table__tr {
	border-bottom: 1px solid rgba(132, 132, 132, 0.2);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
}
@media only screen and (max-width: 768px) {
	.flex-table__tr {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}
.flex-table__tr:last-child {
	border: 0;
}
.flex-table__th {
	color: #848484;
	font-size: .85rem;
	font-weight: 400;
	letter-spacing: .2rem;
	padding-top: 1.3rem;
	padding-bottom: 1.3rem;
	text-transform: uppercase;
	width: 100%;
}
@media only screen and (max-width: 768px) {
	.flex-table__th {
		padding-top: .2rem;
		padding-bottom: .2rem;
	}
}
.flex-table__td {
	padding-top: 1.3rem;
	padding-bottom: 1.3rem;
	position: relative;
	width: 100%;
}
@media only screen and (max-width: 768px) {
	.flex-table__td {
		padding-top: .2rem;
		padding-bottom: .2rem;
		padding-left: 24%;
	}
	.flex-table__td:before {
		content: attr(data-th);
		color: #848484;
		font-size: .85rem;
		position: absolute;
		left: 0;
		padding-right: 1rem;
		padding-top: .2rem;
		white-space: nowrap;
		text-transform: uppercase;
	}
}
/* -----------------------------------------------------------------
    - Typography
----------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: "OrchideaPro-Regular", sans-serif;
	font-weight: 400;
	line-height: 1.1;
}
h3 {
	font-size: 30px;
	line-height: 40px;
}
@media only screen and (max-width: 576px) {
	h3 {
		font-size: 20px;
		line-height: 30px;
	}
}
@media only screen and (max-width: 1200px) {
	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 3rem;
	}
}
.title {
	transition: all 0.1s cubic-bezier(0.72, 0.16, 0.345, 0.875);
}
.title--display-1 {
	font-size: calc(2rem + 1.4vw);
	margin-bottom: 1.8rem;
	font-family: OrchideaPro-Regular;
	font-weight: 400;
	text-transform: uppercase;
	width: 40%;
	line-height: 80px;
}
@media only screen and (max-width: 1200px) {
	.title--display-1 {
		font-size: calc(1rem + 0.7vw);
		width: 100%;
		line-height: 20px;
	}
}
@media only screen and (max-width: 992px) {
	.title--display-1 {
		font-size: calc(1rem + 0.7vw);
		width: 100%;
		line-height: 20px;
	}
}
@media only screen and (max-width: 580px) {
	.title--display-1 {
		font-size: calc(1rem + 0.7vw);
		width: 100%;
		line-height: 30px;
		margin-left: -2px;
	}
}
.title--display-2 {
	font-size: calc(3rem + 0.3vw);
	margin-bottom: 1.8rem;
	line-height: 5rem;
	font-family: OrchideaPro-Regular;
	font-weight: 400;
	text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
	.title--display-2 {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}
@media only screen and (max-width: 992px) {
	.title--display-2 {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}
@media only screen and (max-width: 576px) {
	.title--display-2 {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}
.title--display-2-1 {
	font-size: calc(3rem + 0.3vw);
	margin-bottom: 0rem;
	line-height: 5rem;
	font-family: OrchideaPro-Regular;
	font-weight: 400;
	text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
	.title--display-2-1 {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}
@media only screen and (max-width: 992px) {
	.title--display-2-1 {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}
@media only screen and (max-width: 576px) {
	.title--display-2-1 {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}
.title--display-4 {
	font-size: 70px;
	font-family: OrchideaPro-Regular;
	font-weight: 400;
	text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
	.title--display-4 {
		font-size: 2.4rem;
		line-height: 2.5rem;
		margin-bottom: 0px;
	}
}
@media only screen and (max-width: 992px) {
	.title--display-4 {
		font-size: 2.4rem;
		line-height: 3.4rem;
		margin-bottom: 0px;
	}
}
@media only screen and (max-width: 768px) {
	.title--display-4 {
		font-size: 2.4rem;
		line-height: 2.5rem;
		margin-bottom: 0px;
	}
}
@media only screen and (max-width: 576px) {
	.title--display-4 {
		font-size: 1.4rem;
		line-height: 2.5rem;
		margin-bottom: 50px;
	}
}
.title--display-3 a {
	font-size: 16px;
	margin-bottom: 31px;
	line-height: 26px;
	font-family: GothamPro;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	opacity: 1;
}
@media only screen and (max-width: 576px) {
	.title--display-3 a {
		font-size: 13px;
		line-height: 26px;
	}
}
.title--display-3 a:hover {
	color: #fff;
	opacity: 1;
}
.title--h1 {
	font-size: calc(3rem + 0.4vw);
	line-height: 5rem;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
	.title--h1 {
		font-size: 3.5rem;
	}
}
@media only screen and (max-width: 576px) {
	.title--h1 {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}
@media only screen and (max-width: 992px) {
	.title--h1 {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}
@media only screen and (max-width: 1200px) {
	.title--h1 {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}
.title--h2 {
	font-size: calc(3rem + 0.4vw);
	line-height: 5rem;
	margin-bottom: 2rem;
	font-family: OrchideaPro-Regular;
	text-transform: uppercase;
	font-weight: 400;
}
@media only screen and (max-width: 576px) {
	.title--h2 {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}
.title--h3 {
	font-size: 1.5rem;
	line-height: 2.5rem;
	margin-bottom: 2.5rem;
}
@media only screen and (max-width: 576px) {
	.title--h3 {
		font-size: 1.9rem;
	}
}
.title--h4 {
	font-size: 2rem;
	margin-bottom: 1.8rem;
	line-height: 1.3;
}
@media only screen and (max-width: 992px) {
	.title--h4 {
		margin-bottom: 1.5rem;
	}
}
@media only screen and (max-width: 1200px) {
	.title--h4 {
		margin-bottom: 1.5rem;
	}
}
@media only screen and (max-width: 576px) {
	.title--h4 {
		font-size: 1.5rem;
		line-height: 1.2;
		margin-bottom: 1rem;
	}
}
.title--h5--2 {
	font-size: 1.4rem;
	line-height: 2.3;
	margin-bottom: 0.8rem;
	letter-spacing: 1px;
	font-family: OrchideaPro-Regular;
	font-weight: 300;
	opacity: 1;
	text-transform: uppercase;
	letter-spacing: 0px;
}
@media only screen and (max-width: 576px) {
	.title--h5--2 {
		font-size: 1rem;
		letter-spacing: 0px;
		margin-bottom: 1.4rem;
	}
}
.title--h5 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 10px;
	margin-top: -5px;
	font-family: GothamPro-Bold;
}
@media only screen and (max-width: 576px) {
	.title--h5 {
		font-size: 16px;
		line-height: 1;
	}
}
.title--h5--1 {
	font-size: 1.3rem;
	line-height: 1.7;
	margin-bottom: 2rem;
	font-family: OrchideaPro-Regular;
	font-weight: 400;
}
@media only screen and (max-width: 1200px) {
	.title--h5--1 {
		font-size: 20px;
		line-height: 30px;
	}
}
@media only screen and (max-width: 992px) {
	.title--h5--1 {
		font-size: 20px;
		line-height: 30px;
	}
}
.title--h6 {
	font-size: 1rem;
	line-height: 1.4;
	margin-bottom: 1.25rem;
	font-family: OrchideaPro-Regular;
}
@media only screen and (max-width: 576px) {
	.title--h6 {
		font-size: .937rem;
	}
}
.title--center {
	text-align: center;
}
.title--tone {
	color: #fff;
}
.title--separation, .title--separation-center {
	position: relative;
}
.title--separation::before, .title--separation-center::before {
	content: '';
	background-color: #fff;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: -6vw;
	width: 10vw;
	z-index: 1;
}
.title--separation.hero__header, .title--separation-center.title--display-1 {
	padding-bottom: 1.2rem;
}
.title--separation.title--h1::before, .title--separation-center.title--h1::before {
	bottom: -.7rem;
}
@media only screen and (max-width: 580px) {
	.title--separation.title--h1::before, .title--separation-center.title--h1::before {
		bottom: -.6rem;
	}
}
.title--separation.title--h4::before, .title--separation-center.title--h4::before {
	bottom: -.7rem;
}
.title--separation.title--h5::before, .title--separation-center.title--h5::before {
	bottom: -1rem;
}
@media only screen and (max-width: 580px) {
	.title--separation.title--h5::before, .title--separation-center.title--h5::before {
		bottom: -.7rem;
	}
}
.title--separation-center::before {
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
.overhead {
	color: #C4C4C4;
	font-size: .87rem;
	letter-spacing: .03rem;
	margin-bottom: .6rem;
	text-transform: uppercase;
}
.weight--400 {
	font-weight: 400;
}
.weight--500 {
	font-weight: 500;
}
.weight--600 {
	font-weight: 600;
}
.weight--700 {
	font-weight: 700;
}
.block-quote {
	font-size: 1.5rem;
	font-weight: 400;
	margin: 2rem 0;
	position: relative;
	line-height: 1.6;
}
@media only screen and (max-width: 580px) {
	.block-quote {
		font-size: 1.28rem;
		margin: 1.5rem 0;
	}
}
.block-quote::before {
	background-image: url(../images/icon-quote.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: '';
	height: 300px;
	margin: 0 auto;
	position: absolute;
	top: -20px;
	left: 0px;
	width: 355px;
	opacity: 0.07;
}
@media only screen and (max-width: 768px) {
	.block-quote::before {
		display: none;
	}
}
.block-quote cite {
	font-size: 1rem;
	font-style: normal;
	display: block;
	margin-top: 1rem;
	padding-left: 3rem;
	position: relative;
}
.block-quote cite::before {
	content: '';
	background-color: #fff;
	height: 1px;
	margin-bottom: auto;
	margin-top: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 2rem;
}
a {
	color: #fff;
	text-decoration: none;
	-webkit-text-decoration-skip: objects;
	transition: color 0.6s cubic-bezier(0.72, 0.16, 0.345, 0.875);
}
a:hover {
	color: #fff;
	outline: none;
	text-decoration: underline;
}
a:focus {
	outline: none;
}
a:active {
	outline: none;
}
a.decoration--none {
	text-decoration: none;
}
.noGutters-Top {
	margin-top: 0 !important;
}
.noGutters-Bottom {
	margin-bottom: 0 !important;
}
.noGutters-Left {
	margin-left: 0 !important;
}
.noGutters-Right {
	margin-right: 0 !important;
}
.description {
	color: #fff;
	margin-bottom: 1.9rem;
}
.description span {
	font-family: GothamPro-Bold;
}
@media only screen and (max-width: 580px) {
	.description {
		margin-bottom: 1.5rem;
	}
}
.description-column {
	column-count: 2;
	column-gap: 4rem;
	margin-bottom: 0;
	text-align: justify;
}
@media only screen and (max-width: 580px) {
	.description-column {
		column-gap: 2rem;
		column-count: 1;
		margin-bottom: .5rem;
	}
}
@media only screen and (max-width: 768px) {
	.description-column {
		column-gap: 2rem;
		margin-bottom: 1.5rem;
	}
}
@media only screen and (max-width: 992px) {
	.description-column {
		column-gap: 3rem;
	}
}
@media only screen and (max-width: 1200px) {
	.description-column {
		column-gap: 3rem;
	}
}
.foreword {
	color: #243251;
	font-size: 1.125rem;
}
.foreword span {
	font-size: GothamPro-Bold;
}
.foreword-bold {
	font-size: GothamPro-Bold;
	color: #243251;
	font-size: 20px;
	padding-top: 10px;
}
blockquote {
	border-left: 5px solid #243251;
	padding-left: 25px;
	font-family: GothamPro-Bold;
}
.white blockquote {
	margin: 40px 0;
	background-color: #f6f6f6;
	padding: 30px;
	position: relative;
	border-left-color: #243251;
	font-size: inherit;
	line-height: 1.7;
}
@media only screen and (max-width: 576px) {
	.foreword {
		font-size: 17px;
		opacity: 1;
		color: #243251;
	}
	.foreword-bold {
		font-family: GothamPro-Bold;
		font-size: 17px;
		opacity: 1;
		color: #243251;
	}
}
.text-rotate {
	color: rgba(132, 132, 132, 0.5);
	display: block;
	letter-spacing: .15rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(90deg) translateY(-100%);
	text-transform: uppercase;
	transform-origin: top left;
}
@media only screen and (max-width: 580px) {
	.text-rotate {
		display: none;
	}
}
@media only screen and (max-width: 992px) {
	.text-rotate {
		display: none;
	}
}
.container .text-rotate {
	padding-top: 0;
	padding-bottom: 0;
	top: .5rem;
	left: -6vw;
}
@media only screen and (max-width: 1500px) {
	.container .text-rotate {
		left: -5vw;
	}
}
img {
	max-width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
iframe {
	background-color: #243251;
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
}
.cover {
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;';
	height: 100%;
	width: 100%;
}
::-moz-selection {
	background: transparent;
	color: #fff;
}
::selection {
	background: transparent;
	color: #fff;
}
/* -----------------------------------------------------------------
    - Preloader
----------------------------------------------------------------- */

.preloader {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	background-color: #28385a;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	z-index: 9999999999;
	opacity: 1;
}
.preloader__wrap {
	width: 100%;
	max-width: 25%;
}
.preloader__logo {
	opacity: 0;
	filter: blur(30px);
	transform: scale(1.5);
	width: 100%;
	max-width: 100px;
}
.preloader__progress {
	background: rgba(132, 132, 132, 0);
	height: 1px;
	position: relative;
	margin-top: 50px;
	overflow: hidden;
	width: 100%;
}
.preloader__progress span {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
}
.preloader.fadeOut2 {
	pointer-events: none;
	opacity: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.preloader.fadeOut2 {
		visibility: hidden;
	}
}
@keyframes blur-logo {
	0% {
		filter: blur(30px);
		opacity: 0;
		transform: scale(1.5);
	}
	100% {
		filter: blur(0);
		opacity: 1;
		transform: scale(1);
	}
}
/* -----------------------------------------------------------------
    - Header
----------------------------------------------------------------- */

.diff {
	mix-blend-mode: difference;
}
.navbar {
	height: auto;
	padding: 1rem 15px;
	position: fixed;
	top: 0;
	width: 100%;
	transition: transform .3s ease-in-out;
	z-index: 9999999;
	mix-blend-mode: difference;
}
@media only screen and (min-width: 580px) {
	.navbar {
		padding: 2rem 3.125rem;
	}
}
@media only screen and (min-width: 768px) {
	.navbar {
		background-color: transparent;
	}
}
.navbar.scrollUp {
	transform: translateY(-100%);
}
.open {
	overflow: hidden;
}
.open .scrollUp {
	transform: translateY(0);
}
.nav {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	list-style: none;
	position: relative;
}
@media only screen and (max-width: 768px) {
	.nav {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		justify-content: center;
		background-color: #243251;
		height: 100vh;
		width: 100%;
		overflow: hidden;
		opacity: 0;
		position: fixed;
		left: 0;
		top: 0;
		transform: translate3d(0, -100%, 0);
		transition: transform .4s ease-in-out, opacity .4s .2s ease-in-out;
		z-index: -1;
	}
}
@media only screen and (min-width: 768px) {
	.nav {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
@media only screen and (max-width: 768px) {
	.open .nav {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.nav__item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	margin: .5rem 0;
	padding-right: 0;
}
@media only screen and (min-width: 768px) {
	.nav__item {
		padding-right: 2.5rem;
	}
}
@media only screen and (min-width: 992px) {
	.nav__item {
		padding-right: 3.125rem;
	}
}
.nav__item:last-child {
	padding-right: 0;
}
.nav__link {
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	text-decoration: none;
	position: relative;
	transition: all 0.6s cubic-bezier(0.72, 0.16, 0.345, 0.875);
}
@media only screen and (max-width: 768px) {
	.nav__link {
		font-size: 7vw;
	}
}
@media only screen and (min-width: 992px) {
	.nav__link {
		font-size: 1.1rem;
	}
}
.nav__link:hover {
	text-decoration: none;
}
.nav__link::before {
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	visibility: hidden;
	transition: width .5s ease, background .5s ease;
}
@media only screen and (max-width: 768px) {
	.nav__link::before {
		display: none;
	}
}
.nav__link:hover::before {
	visibility: visible;
	background: #fff;
	width: 100%;
}
.nav__link::after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #fff;
	transition: width .3s ease;
}
@media only screen and (max-width: 768px) {
	.nav__link::after {
		display: none;
	}
}
.nav__link:hover::after {
	background: transparent;
	width: 100%;
	transition: all 0s ease;
}
.logo-link {
	display: block;
}
.logotype {
	position: relative;
	transition: transform .4s ease-in-out;
	width: 175px;
}
.hamburger {
	cursor: pointer;
	display: block;
	transform: translate3d(0, 0, 0);
	transition: opacity .3s ease;
	background-color: transparent;
	border: 0;
	padding: 0;
	vertical-align: middle;
}
@media only screen and (min-width: 768px) {
	.hamburger {
		display: none;
	}
	.navbar-compact .hamburger {
		display: block;
	}
}
.hamburger__inner {
	display: block;
	height: 24px;
	width: 25px;
	position: relative;
}
.hamburger__inner:before, .hamburger__inner:after {
	background-color: #fff;
	content: '';
	display: block;
	margin-left: -12px;
	height: 2px;
	width: 25px;
	position: absolute;
	top: 6px;
	left: 50%;
	transform-origin: center center;
	transition: top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.hamburger__inner:after {
	top: 16px;
}
.is-active .hamburger__inner {
	color: #fff;
}
.is-active .hamburger__inner:before, .is-active .hamburger__inner:after {
	top: 50%;
	transition: top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}
.is-active .hamburger__inner:before {
	transform: rotate(45deg);
}
.is-active .hamburger__inner:after {
	transform: rotate(-45deg);
}
.nav-overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
}
.nav-overlay__bg {
	background: #28385a;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
.nav-overlay__container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.nav-overlay__menu {
	list-style: none;
	margin-bottom: 0;
	padding: 0;
	width: 66%;
}
.nav-overlay__menu-item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
@media only screen and (max-width: 768px) {
	.nav-overlay__menu-item {
		justify-content: center;
	}
}
.nav-overlay__menu-item:hover span {
	opacity: 1;
	font-family: GothamPro;
}
.nav-overlay__menu-item a {
	color: rgba(255, 255, 255, 0.5);
	display: inline-block;
	font-size: 2.7vw;
	text-transform: uppercase;
	line-height: 1.5;
	position: relative;
	text-decoration: none;
	font-family: OrchideaPro-Regular;
}
.small a {
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
	text-decoration: none;
	font-family: GothamPro;
}
.small {
	margin-left: 74px;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 1px;
}
@media only screen and (max-width: 1200px) {
	.small {
		display: block;
	}
}
@media only screen and (max-width: 992px) {
	.small {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	.small {
		display: none;
	}
}
@media only screen and (max-width: 576px) {
	.small {
		display: none;
	}
}
.mt---30 {
	margin-top: -20px;
}
.mt--50 {
	margin-top: 50px;
}
@media only screen and (max-width: 1500px) {
	.nav-overlay__menu-item a {
		font-size: 2.5vw;
	}
}
@media only screen and (max-width: 1200px) {
	.nav-overlay__menu-item a {
		font-size: 2.5vw;
	}
}
@media only screen and (max-width: 992px) {
	.nav-overlay__menu-item a {
		font-size: 5.5vw;
	}
}
@media only screen and (max-width: 768px) {
	.nav-overlay__menu-item a {
		font-size: 5.5vw;
		line-height: 2;
	}
}
@media only screen and (max-width: 580px) {
	.nav-overlay__menu-item a {
		font-size: 5.5vw;
	}
}
.nav-overlay__menu-item a::before {
	color: #fff;
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: all 800ms cubic-bezier(0.86, 0, 0.07, 1);
	white-space: nowrap;
	overflow: hidden;
}
.nav-overlay__menu-item a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.6s;
}
.nav-overlay__menu-item a:hover:after {
	transform-origin: bottom left;
	transform: scaleX(1);
}
.nav-overlay__menu-item span {
	color: #fff;
	font-weight: 600;
	letter-spacing: 2px;
	opacity: .3;
	margin-right: 2.5rem;
	transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1);
}
@media only screen and (max-width: 768px) {
	.nav-overlay__menu-item span {
		display: none;
	}
}
.nav-overlay__menu.has-hovered .nav-overlay__menu-item a::before {
	width: 0%;
}
.nav-overlay__menu.has-hovered .nav-overlay__menu-item a:hover::before {
	width: 100%;
}
.sideNav {
	background-color: #243251;
	list-style: none;
	height: 100%;
	margin: 0;
	list-style: none;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 6rem 0 0;
	position: fixed;
	top: 0;
	right: 0;
	width: 360px;
	z-index: 999;
}
@media only screen and (max-width: 580px) {
	.sideNav {
		padding: 4rem 0 0;
		width: 100%;
		text-align: center;
	}
}
.sideNav__item {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 400;
	position: relative;
	margin: 0 3rem;
	padding: .2rem 0;
	user-select: none;
	transition: color 0.6s cubic-bezier(0.72, 0.16, 0.345, 0.875);
}
.sideNav__item:hover {
	color: #fff;
}
.sideNav__item a {
	color: #fff;
	text-decoration: none;
}
.sideNav__item a:hover {
	color: #fff;
}
.sideNav__item .icon {
	font-size: 1rem;
	display: inline-block;
	padding: 0 .3rem;
	position: absolute;
	right: -2rem;
	bottom: -.2rem;
	transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transform: rotate(0deg);
}
.sideNav__item-open .icon {
	transform: rotate(-180deg);
}
.sideNav__sub {
	display: none;
	position: relative;
	max-height: 100%;
	height: 100%;
	list-style: none;
	padding: 0;
	margin: .6rem 0 .1rem;
}
.sideNav__sub.open {
	display: block;
}
.sideNav__sub .sideNav__item {
	margin: 0;
	font-size: 1rem;
	font-weight: 400;
}
.sideNav__sub .sideNav__item a {
	color: #848484;
}
.sideNav__sub .sideNav__item a:hover {
	color: #fff;
}
.sideNav-collapsed {
	cursor: pointer;
	position: relative;
}
.overlay-sideNav {
	background-color: rgba(25, 25, 27, 0.3);
	height: 100%;
	width: 100%;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	visibility: hidden;
	z-index: -1;
}
/* -----------------------------------------------------------------
    - Shared
----------------------------------------------------------------- */

.hero {
	height: 100vh;
	overflow: hidden;
	position: relative;
}
@media only screen and (max-width: 1200px) {
	.hero {
		height: 86vh;
		overflow: hidden;
		position: relative;
	}
}
@media only screen and (max-width: 992px) {
	.hero {
		height: 86vh;
		overflow: hidden;
		position: relative;
	}
}
@media only screen and (max-width: 580px) {
	.hero {
		height: 86vh;
		overflow: hidden;
		position: relative;
	}
}
.hero-intro .title {
	margin-bottom: -13.5rem;
}
@media only screen and (max-width: 768px) {
	.hero-intro .title {
		margin-bottom: 0;
		text-align: left;
	}
}
.hero__header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	top: -613px;
	z-index: 10;
	margin-left: 52px;
}
@media only screen and (max-width: 2000px) {
	.hero__header {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -moz-box;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 95%;
		top: -613px;
		z-index: 10;
		margin-left: 52px;
	}
}
@media only screen and (max-width: 1800px) {
	.hero__header {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -moz-box;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 95%;
		top: -500px;
		z-index: 10;
		margin-left: 52px;
	}
}
@media only screen and (max-width: 1600px) {
	.hero__header {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -moz-box;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 95%;
		top: -500px;
		z-index: 10;
		margin-left: 52px;
	}
}
@media only screen and (max-width: 1200px) {
	.hero__header {
		width: calc(100% - 101px);
		top: -355px;
		mix-blend-mode: difference;
		margin-left: 52px;
	}
}
@media only screen and (max-width: 992px) {
	.hero__header {
		width: calc(100% - 101px);
		top: -230px;
		mix-blend-mode: difference;
		margin-left: 52px;
	}
}
@media only screen and (max-width: 768px) {
	.hero__header {
		width: calc(100% - 101px);
		top: -230px;
		mix-blend-mode: difference;
		margin-left: 52px;
	}
}
@media only screen and (max-width: 580px) {
	.hero__header {
		width: calc(100% - 30px);
		top: -230px;
		mix-blend-mode: difference;
		margin-left: 17px;
	}
}
.hero__header__2 {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	top: 250px;
	z-index: 10;
	margin-left: 52px;
	text-align: center;
}
@media only screen and (max-width: 2000px) {
	.hero__header__2 {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -moz-box;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		width: 95%;
		top: 250px;
		z-index: 10;
		margin-left: 52px;
		text-align: center;
	}
}
@media only screen and (max-width: 1800px) {
	.hero__header__2 {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -moz-box;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		width: 95%;
		top: 175px;
		z-index: 10;
		margin-left: 52px;
		text-align: center;
	}
}
@media only screen and (max-width: 1600px) {
	.hero__header__2 {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -moz-box;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		width: 95%;
		top: 175px;
		z-index: 10;
		margin-left: 52px;
		text-align: center;
	}
}
@media only screen and (max-width: 1200px) {
	.hero__header__2 {
		width: calc(100% - 101px);
		top: 250px;
		mix-blend-mode: difference;
		margin-left: 52px;
	}
}
@media only screen and (max-width: 992px) {
	.hero__header__2 {
		width: calc(100% - 101px);
		top: 250px;
		mix-blend-mode: difference;
		margin-left: 52px;
	}
}
@media only screen and (max-width: 768px) {
	.hero__header__2 {
		width: calc(100% - 101px);
		top: 250px;
		mix-blend-mode: difference;
		margin-left: 52px;
	}
}
@media only screen and (max-width: 580px) {
	.hero__header__2 {
		width: calc(100% - 30px);
		top: 200px;
		mix-blend-mode: difference;
		margin-left: 17px;
	}
}
.hero__header__1 {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	top: 300px;
	z-index: 10;
}
@media only screen and (max-width: 580px) {
	.hero__header__1 {
		width: calc(100% - 30px);
	}
}
.hero__image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -99;
}
.container-fully {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 7.5rem;
	padding-right: 7.5rem;
	height: 100%;
	z-index: 99999;
}
@media only screen and (max-width: 768px) {
	.container-fully {
		padding-left: 3.125rem;
		padding-right: 3.125rem;
	}
}
@media only screen and (max-width: 580px) {
	.container-fully {
		padding-left: 15px;
		padding-right: 15px;
	}
}
.header-page {
	padding-top: 10rem;
}
@media only screen and (max-width: 580px) {
	.header-page {
		padding-top: 7rem;
	}
}
.fb {
	color: #fff;
}
.fb:hover {
	color: #c4a667;
}
.inst {
	color: #fff;
}
.inst:hover {
	color: #29d590;
}
.yt {
	color: #fff;
}
.yt:hover {
	color: #00fdff;
}
.social {
	line-height: 0;
	margin-top: -20px;
}
@media only screen and (max-width: 576px) {
	.social {
		mix-blend-mode: difference;
		margin-top: 0px;
	}
}
@media only screen and (max-width: 992px) {
	.social {
		mix-blend-mode: difference;
		margin-top: 0px;
	}
}
@media only screen and (max-width: 1200px) {
	.social {
		mix-blend-mode: difference;
		margin-top: 0px;
	}
}
.social__link {
	display: inline-block;
	font-size: 1.3rem;
	margin-left: 1rem;
}
.social__link:first-child {
	margin-left: 0;
}
.social__link__cont {
	display: inline-block;
	font-size: 1.3rem;
	margin-left: 1rem;
}
@media only screen and (max-width: 576px) {
	.social__link__cont {
		display: inline-block;
		font-size: 1.3rem;
		margin-left: 0px;
	}
}
.social-floating {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	position: absolute;
	bottom: 5px;
	right: 51px;
	z-index: 9999999;
}
.social-floating a {
	font-family: GothamPro;
	letter-spacing: 1px;
	opacity: 1;
}
.social-floating a:hover {
	opacity: 1;
}
.hist {
	line-height: 0;
}
@media only screen and (max-width: 576px) {
	.hist {
		mix-blend-mode: difference;
	}
}
.hist-floating {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	position: absolute;
	top: 100px;
	right: 51px;
	z-index: 9999999;
}
.hist-floating a {
	letter-spacing: 1px;
	text-transform: uppercase;
	opacity: 1;
	font-size: 16px;
	line-height: 26px;
	font-family: GothamPro;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	opacity: 1;
	margin-top: 21px;
}
.hist-floating a:hover {
	opacity: 1;
}
.nav-overlay__menu-item1 .active {
	color: #fff;
	border-bottom: 1px solid #fff;
}
.social-floating .active {
	color: #fff;
	border-bottom: 1px solid #fff;
}
.title--display-3 .active {
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
	text-decoration: none;
	opacity: 1;
}
.hist .active {
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
	text-decoration: none;
	opacity: 1;
}
@media only screen and (max-width: 1200px) {
	.social-floating {
		bottom: 7.5rem;
		left: 52px;
		right: 0;
		justify-content: left;
	}
}
@media only screen and (max-width: 992px) {
	.social-floating {
		bottom: 7.5rem;
		left: 52px;
		right: 0;
		justify-content: left;
	}
}
@media only screen and (max-width: 580px) {
	.social-floating {
		bottom: 7rem;
		left: 15px;
		right: 0;
		justify-content: left;
	}
}
.js-image {
	background-size: cover;
	background-position: center;
	height: 100%;
	width: 100%;
}
.image-gutter {
	height: 560px;
	position: relative;
	max-height: 560px;
	margin-left: -30px;
	width: 560px;
}
@media only screen and (max-width: 992px) {
	.image-gutter {
		height: 60vw;
		margin-left: 0;
		width: 100%;
	}
}
@media only screen and (max-width: 580px) {
	.image-gutter {
		height: 100%;
	}
}
.image-gutter .text-rotate {
	padding-top: 2.8rem;
	padding-bottom: 2.8rem;
	left: -7.6rem;
}
@media only screen and (max-width: 992px) {
	.image-gutter .text-rotate {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
}
.overlay {
	position: relative;
}
.overlay::before, .overlay--45::before, .overlay--80::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
}
.overlay--80::before {
	background-color: rgba(25, 25, 27, 0.8);
}
.gallery {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	flex-wrap: wrap;
}
.gallery-expanded {
	margin-right: 0;
	margin-left: 0;
}
@media only screen and (min-width: 1500px) {
	.gallery-expanded {
		margin-right: -8rem;
		margin-left: -8rem;
	}
}
.gallery__item {
	flex: 0 0 100%;
	margin-top: 2rem;
}
@media only screen and (max-width: 992px) {
	.gallery__item {
		margin-top: 1rem;
	}
}
@media only screen and (max-width: 580px) {
	.gallery__item {
		margin-top: .5rem;
	}
}
.gallery .btn-link {
	margin-top: 3rem;
}
@media only screen and (max-width: 992px) {
	.gallery .btn-link {
		margin-top: 1.5rem;
	}
}
@media only screen and (max-width: 768px) {
	.gallery .btn-link {
		margin-top: 2rem;
	}
}
.gallery-two .gallery__item {
	flex-basis: calc(50% - 3%);
	width: calc(50% - 3%);
}
.gallery-two .gallery__item:nth-child(2n+1) {
	margin-right: 3%;
}
.gallery-two .gallery__item:nth-child(2n) {
	margin-left: 3%;
}
@media only screen and (max-width: 768px) {
	.gallery-two .gallery__item {
		flex-basis: 100%;
		width: 100%;
	}
	.gallery-two .gallery__item:nth-child(2n+1) {
		margin-right: 0;
	}
	.gallery-two .gallery__item:nth-child(2n) {
		margin-left: 0;
	}
}
@media only screen and (max-width: 580px) {
	.gallery-two .gallery__item {
		margin-top: 15px;
	}
}
.list-row {
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}
@media only screen and (max-width: 580px) {
	.list-row {
		margin-top: 0;
	}
}
.list-row__item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid rgba(132, 132, 132, 0.25);
	padding: 1.8rem 0;
}
@media only screen and (max-width: 580px) {
	.list-row__item {
		padding: 1.2rem 0;
	}
}
@media only screen and (max-width: 580px) {
	.list-row__item .title {
		font-size: 1rem;
	}
}
.list-row__col-num {
	color: rgba(196, 196, 196, 0.5);
	width: 5%;
}
@media only screen and (max-width: 1200px) {
	.list-row__col-num {
		width: 10%;
	}
}
@media only screen and (max-width: 580px) {
	.list-row__col-num {
		margin-right: 1.5rem;
		width: auto;
	}
}
.list-row__col-title {
	margin-bottom: 0;
	width: 95%;
}
@media only screen and (max-width: 1200px) {
	.list-row__col-title {
		width: 90%;
	}
}
.list-row__col-caption {
	color: #C4C4C4;
	width: 30%;
}
.video-container {
	height: 46vw;
	margin-top: 1rem;
	position: relative;
}
@media only screen and (max-width: 992px) {
	.video-container {
		height: 60vw;
	}
}
@media only screen and (max-width: 580px) {
	.video-container {
		height: 100vw;
		margin-bottom: 1.87rem;
	}
}
.container-fully .video-container {
	margin-left: -7.5rem;
	margin-right: -7.5rem;
}
@media only screen and (max-width: 768px) {
	.container-fully .video-container {
		margin-left: -3.125rem;
		margin-right: -3.125rem;
	}
}
@media only screen and (max-width: 580px) {
	.container-fully .video-container {
		margin-left: -15px;
		margin-right: -15px;
	}
}
.video-container .video__btn {
	background-color: #243251;
	box-shadow: 0 0 0 0px #243251;
	border: 0;
	border-radius: 50%;
	color: #fff;
	font-size: .75rem;
	font-weight: 600;
	height: 8.5rem;
	letter-spacing: .3rem;
	margin: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	text-transform: uppercase;
	width: 8.5rem;
	opacity: 1;
	transform: translate(-50%, -50%);
	transition: all .3s ease-in-out;
	z-index: 2;
}
@media only screen and (max-width: 768px) {
	.video-container .video__btn {
		height: 6.5384615385rem;
		width: 6.5384615385rem;
		letter-spacing: .2rem;
	}
}
@media only screen and (max-width: 580px) {
	.video-container .video__btn {
		height: 5.3125rem;
		width: 5.3125rem;
	}
}
.video-container .video__btn:hover {
	background-color: #243251;
	box-shadow: 0 0 0 10px #243251;
	cursor: pointer;
}
.video-container .video__btn:focus {
	outline: 0;
}
.video-container .video__poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 1;
	visibility: visible;
	transition: .3s ease-in-out;
	transition-duration: 0.5s;
}
.video-container .video__poster::before {
	content: '';
	background: rgba(25, 25, 27, 0.2);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .3s ease-in-out;
	width: 100%;
	z-index: 1;
}
.video-container .video__poster:hover::before {
	background: rgba(25, 25, 27, 0);
}
.js-video.is-active .video__poster {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.video-background {
	position: absolute;
	left: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
	z-index: -1;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.note {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: none;
	padding: 1.0rem 3.125rem;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80%;
	z-index: 10;
}
@media only screen and (max-width: 1200px) {
	.note {
		width: 100%;
		text-align: center;
		mix-blend-mode: difference;
	}
}
@media only screen and (max-width: 992px) {
	.note {
		width: 100%;
		text-align: center;
		mix-blend-mode: difference;
	}
}
@media only screen and (max-width: 576px) {
	.note {
		width: 100%;
		padding-left: 15px;
		text-align: center;
		mix-blend-mode: difference;
	}
}
.note::before {
	content: '';
	background: none;
	height: 100%;
	position: absolute;
	top: 0;
	right: -4rem;
	transform: skewX(25deg);
	width: 100%;
	z-index: -1;
}
.note__item .title {
	font-size: 1.2rem;
	margin-bottom: 1rem;
}
.note__item .description {
	font-size: 20px;
	line-height: 35px;
	letter-spacing: 1px;
	margin-bottom: 0;
	text-decoration: none;
	font-family: GothamPro;
	text-transform: uppercase;
	z-index: 999999999;
	color: #fff;
	mix-blend-mode: normal;
}
@media only screen and (max-width: 1200px) {
	.note__item .description {
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 1px;
		margin-bottom: 175px;
		width: 100%;
		text-decoration: none;
		font-family: GothamPro;
		text-transform: uppercase;
		z-index: 999999999;
		color: #fff;
		mix-blend-mode: difference;
	}
}
@media only screen and (max-width: 992px) {
	.note__item .description {
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 1px;
		margin-bottom: 175px;
		width: 100%;
		text-decoration: none;
		font-family: GothamPro;
		text-transform: uppercase;
		z-index: 999999999;
		color: #fff;
		mix-blend-mode: difference;
	}
}
@media only screen and (max-width: 580px) {
	.note__item .description {
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 1px;
		margin-bottom: 160px;
		width: 100%;
		text-decoration: none;
		font-family: GothamPro;
		text-transform: uppercase;
		z-index: 999999999;
		color: #fff;
		mix-blend-mode: difference;
	}
}
.link_hover:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.6s;
}
.link_hover:hover:after {
	transform-origin: bottom left;
	transform: scaleX(1);
}
.link_hover1:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #243251;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.6s;
}
.link_hover1:hover:after {
	transform-origin: bottom left;
	transform: scaleX(1);
}
.note_c {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: none;
	padding: 3.5rem 3.125rem;
	position: absolute;
	bottom: 0;
	right: 0px;
	width: 50%;
	z-index: 10;
}
.note_c::before {
	content: '';
	background: none;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0rem;
	transform: skewX(25deg);
	width: 100%;
	z-index: -1;
}
@media only screen and (max-width: 1200px) {
	.note_c {
		width: 50%;
	}
}
@media only screen and (max-width: 580px) {
	.note_c {
		display: none;
	}
}
.note__item_c .description {
	margin-bottom: 0;
}
.note_n {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: none;
	padding: 3.5rem 3.125rem;
	position: absolute;
	bottom: 0;
	right: 0px;
	width: 70%;
	z-index: 10;
}
.note_n::before {
	content: '';
	background: none;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0rem;
	transform: skewX(25deg);
	width: 100%;
	z-index: -1;
}
@media only screen and (max-width: 1200px) {
	.note_n {
		width: 30%;
	}
}
@media only screen and (max-width: 580px) {
	.note_n {
		display: none;
	}
}
.note__item_n .description {
	margin-bottom: 0;
}
.services {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	margin-top: 2rem;
}
@media only screen and (max-width: 992px) {
	.services {
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 580px) {
	.services {
		margin-top: .5rem;
	}
}
.services__item {
	background-color: #848484;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: flex-end;
	height: 50vw;
	max-height: 740px;
	overflow: hidden;
	position: relative;
	padding: 3rem 4rem;
	width: 100%;
}
.services__item:hover .services__item-bg {
	transform: scale(1.08);
}
@media only screen and (max-width: 1500px) {
	.services__item {
		padding: 2rem 3rem;
	}
}
@media only screen and (max-width: 1200px) {
	.services__item {
		padding: 2rem;
	}
}
@media only screen and (max-width: 992px) {
	.services__item {
		height: 60vw;
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	.services__item {
		height: 80vw;
		width: 100%;
	}
}
@media only screen and (max-width: 580px) {
	.services__item {
		padding: 1.5rem 1rem;
		height: 100vw;
	}
}
.services__item-bg {
	background-size: cover;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(1);
	transform-origin: center;
	transition: all .4s ease-in-out;
	width: 100%;
}
.services__item {
	filter: grayscale(1);
}
.services__item:hover {
	filter: grayscale(0);
}
.services__item-details {
	position: relative;
	z-index: 2;
	font-family: GothamPro;
}
.services__item-details p {
	font-family: GothamPro;
}
.services__item-details .title {
	margin-bottom: 1rem;
}
.services__item-details .description {
	color: #fff;
	margin-bottom: 1px;
}
/* -----------------------------------------------------------------
    - Slider
----------------------------------------------------------------- */

.slider {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	height: 100vh;
	position: relative;
	z-index: 0;
	-webkit-overflow-scrolling: touch;
}
.slider__item {
	width: 100%;
}
.slider .slider__caption {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}
.slider .slider__caption .slider__content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	margin-left: 10vw;
	margin-right: 10vw;
	margin-top: 5vw;
}
@media only screen and (max-width: 992px) {
	.slider .slider__caption .slider__content {
		margin-left: 10vw;
	}
}
@media only screen and (max-width: 580px) {
	.slider .slider__caption .slider__content {
		margin-left: 5vw;
		margin-right: 5vw;
		text-align: center;
	}
}
.slider .slider__caption .title--display-1 {
	color: #fff;
	margin-bottom: 1rem;
}
@media only screen and (max-width: 580px) {
	.slider .slider__caption .title--separation::before {
		right: 0;
		left: 0;
		margin: auto;
	}
}
.slider .slider__caption .description {
	font-size: 1.125rem;
	margin-bottom: 0;
	margin-top: .8rem;
	width: 60%;
}
@media only screen and (max-width: 1200px) {
	.slider .slider__caption .description {
		width: 80%;
	}
}
@media only screen and (max-width: 992px) {
	.slider .slider__caption .description {
		font-size: 1rem;
		width: 100%;
	}
}
@media only screen and (min-width: 1500px) {
	.slider .slider__caption .description {
		width: 40%;
	}
}
.slider__image {
	height: 100%;
	overflow: hidden;
	position: relative;
}
@media only screen and (max-width: 992px) {
	.slider__image {
		width: 100%;
		order: 1;
	}
}
.slider__control {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	position: absolute;
	right: 3.125rem;
	z-index: 1;
}
@media only screen and (max-width: 768px) {
	.slider__control {
		-webkit-align-items: flex-end;
		-ms-flex-align: flex-end;
		align-items: flex-end;
		right: 0;
		left: 0;
	}
}
.slider__control__control-horizon {
	height: 2px;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
}
.slider-pagination-progressbar {
	background: rgba(255, 255, 255, 0.4);
	position: relative;
	width: 2px;
	height: 30%;
}
@media only screen and (max-width: 768px) {
	.slider-pagination-progressbar {
		width: 100%;
		height: 3px;
	}
}
.slider-pagination-progressbar-horizon {
	background: rgba(255, 255, 255, 0.2);
	max-width: calc(1140px - 30px);
	margin-left: auto;
	margin-right: auto;
	height: 2px;
	width: 100%;
}
@media only screen and (max-width: 1200px) {
	.slider-pagination-progressbar-horizon {
		max-width: calc(960px - 30px);
	}
}
@media only screen and (max-width: 992px) {
	.slider-pagination-progressbar-horizon {
		max-width: calc(720px - 30px);
	}
}
@media only screen and (max-width: 768px) {
	.slider-pagination-progressbar-horizon {
		max-width: calc(100% - 30px);
	}
}
.slider-pagination-fraction {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: .2rem;
	height: 43%;
	margin-bottom: auto;
	margin-top: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2rem;
	z-index: 1;
}
@media only screen and (max-width: 768px) {
	.slider-pagination-fraction {
		display: none;
	}
}
.slider-pagination-fraction div {
	transform: rotate(-90deg);
}
.slider-navigation {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	position: absolute;
	bottom: 3.125rem;
	left: 3.125rem;
	width: 5.5rem;
	z-index: 2;
}
@media only screen and (max-width: 580px) {
	.slider-navigation {
		display: none;
	}
}
.slider-navigation__vertical {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 5rem;
	width: auto;
}
.slider-prev, .slider-next {
	border: 0;
	background-color: transparent;
	line-height: 0;
	height: 1.54rem;
	width: .93rem;
	transition: opacity .4s ease-in-out;
}
.slider-prev:hover path, .slider-next:hover path {
	fill: #fff;
}
.slider-prev:focus, .slider-next:focus {
	outline: none;
}
@media only screen and (max-width: 580px) {
	.slider .social {
		right: 0;
		left: 0;
		text-align: center;
	}
}
.anim-line {
	opacity: 0;
	transform: translate3d(0, 100%, 0);
	transition: opacity, transform .3s ease-in-out;
}
.carousel {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: flex-end;
	padding-left: 7.5rem;
}
@media only screen and (max-width: 768px) {
	.carousel {
		padding: 8rem 1.5rem 1.5rem;
	}
}
@media only screen and (max-width: 580px) {
	.carousel {
		padding: 6rem 15px 15px;
	}
}
.carousel-container {
	height: 70%;
}
@media only screen and (max-width: 768px) {
	.carousel-container {
		height: 100%;
	}
}
@media only screen and (max-width: 768px) {
	.carousel .slider-navigation {
		display: none;
	}
}
.item-caption {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: flex-end;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%);
	padding: 2rem;
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	text-align: left;
	transition: opacity .3s ease-in-out;
	z-index: 1;
}
@media only screen and (max-width: 768px) {
	.item-caption {
		opacity: 1;
	}
}
@media only screen and (max-width: 580px) {
	.item-caption {
		padding: 1rem;
	}
}
.item-caption>* {
	opacity: 1;
	transform: translate3d(0, 100%, 0);
	transition: all .4s ease-in-out;
}
@media only screen and (max-width: 768px) {
	.item-caption>* {
		transform: translate3d(0, 0, 0);
	}
}
.item-caption .title {
	margin-bottom: 1rem;
}
.onHover:hover .item-caption {
	opacity: 1;
}
.onHover:hover .item-caption>* {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
.swiper-container {
	position: relative;
	width: 100%;
}
.swiper-container .swiper-slide {
	overflow: hidden;
}
.swiper-container .swiper-slide a {
	text-decoration: none;
}
.swiper-container .swiper-slide__link {
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 2;
}
.swiper-container .swiper-slide .cover-slider {
	background-size: cover;
	background-position: center center;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.swiper-container .swiper-slide .scaleCover {
	width: 100%;
	height: 100vh;
	transform: scale(1.1);
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.swiper-container .swiper-slide-active .slider__content a>*, .swiper-container .swiper-slide-duplicate-active .slider__content a>* {
	opacity: 1;
	transform: translate3d(0, 0%, 0);
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(1), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(1) {
	transition-delay: 0s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(2), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(2) {
	transition-delay: 0.2s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(3), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(3) {
	transition-delay: 0.4s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(4), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(4) {
	transition-delay: 0.6s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(5), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(5) {
	transition-delay: 0.8s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(6), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(6) {
	transition-delay: 1s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(7), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(7) {
	transition-delay: 1.2s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(8), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(8) {
	transition-delay: 1.4s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(9), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(9) {
	transition-delay: 1.6s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(10), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(10) {
	transition-delay: 1.8s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(11), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(11) {
	transition-delay: 2s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(12), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(12) {
	transition-delay: 2.2s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(13), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(13) {
	transition-delay: 2.4s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(14), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(14) {
	transition-delay: 2.6s;
}
.swiper-container .swiper-slide-active .slider__content a>*:nth-child(15), .swiper-container .swiper-slide-duplicate-active .slider__content a>*:nth-child(15) {
	transition-delay: 2.8s;
}
.swiper-container .swiper-slide-active .scaleCover, .swiper-container .swiper-slide-duplicate-active .scaleCover {
	transform: scale(1);
}
.swiper-button-disabled {
	opacity: .5;
}
.swiper-pagination-progressbar-fill {
	background: #fff !important;
}
/* -----------------------------------------------------------------
    - Portfolio
----------------------------------------------------------------- */

.no-touch .content-grid:hover .content-grid__link {
	filter: grayscale(1);
}
.project-masonry, .news-masonry {
	pointer-events: none;
}
.content-grid {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	filter: grayscale(1);
}
.content-grid:hover {
	filter: grayscale(0);
}
.content-grid__item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 1rem;
	margin-bottom: 3%;
	width: 28%;
}
@media only screen and (max-width: 1200px) {
	.content-grid__item {
		width: 42.5%;
	}
}
@media only screen and (max-width: 992px) {
	.content-grid__item {
		margin-bottom: 2.5rem;
		margin-left: auto;
		margin-right: auto;
		right: 0;
		left: 0;
		width: 70%;
	}
}
@media only screen and (max-width: 768px) {
	.content-grid__item {
		width: 80%;
	}
}
@media only screen and (max-width: 580px) {
	.content-grid__item {
		margin-bottom: 1.5rem;
		width: 100%;
	}
}
@media only screen and (min-width: 2000px) {
	.content-grid__item {
		margin-bottom: 2%;
		width: 19%;
	}
}
.content-grid__item-two {
	margin-top: 1rem;
	margin-bottom: 6%;
	width: 45%;
}
@media only screen and (max-width: 768px) {
	.content-grid__item-two {
		margin-bottom: 2.5rem;
		margin-left: auto;
		margin-right: auto;
		right: 0;
		left: 0;
		width: 80%;
	}
}
@media only screen and (max-width: 580px) {
	.content-grid__item-two {
		margin-bottom: 1.5rem;
		width: 100%;
	}
}
.content-grid__image-wrap {
	display: block;
	position: relative;
	width: 100%;
}
.content-grid .image-wrap-fit {
	padding-bottom: 140%;
}
.content-grid__image {
	display: block;
	background-color: #848484;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.content-grid__link {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	opacity: 1;
	pointer-events: all;
	transition: opacity .3s ease-in-out;
	text-decoration: none;
	width: 100%;
}
.content-grid__link:hover {
	text-decoration: none;
}
.no-touch .content-grid__link:hover {
	opacity: 1 !important;
	filter: grayscale(0) !important;
}
.content-grid__link:hover .content-grid__caption {
	transform: translate3d(0, 15px, 0);
}
.content-grid__link:hover .content-grid__description {
	color: #fff;
}
.content-grid__caption {
	margin-top: 2rem;
	transform: translate3d(0, 0%, 0);
	transition: transform .3s ease-in-out;
}
@media only screen and (max-width: 992px) {
	.content-grid__caption {
		margin-top: 1.5rem;
	}
}
.content-grid .title {
	margin-bottom: 1rem;
}
@media only screen and (max-width: 992px) {
	.content-grid .title {
		font-size: 1.5rem;
		margin-bottom: .6rem;
	}
}
.content-grid__name {
	margin-bottom: .4rem;
}
@media only screen and (max-width: 992px) {
	.content-grid__name {
		font-size: 1.5rem;
	}
}
@media only screen and (max-width: 992px) {
	.content-grid__name {
		font-size: 1.2rem;
	}
}
.content-grid__description, .content-grid__role {
	font-size: .9375rem;
	color: #fff;
	margin-bottom: 0;
	font-family: GothamPro;
	letter-spacing: 0px;
}
.content-grid__role {
	color: #848484;
}
.touch .content-grid__image-wrap, .touch .content-grid__link:hover .content-grid__image-wrap {
	animation: none;
}
.gutter-sizer {
	width: 8%;
}
@media only screen and (max-width: 1200px) {
	.gutter-sizer {
		width: 15%;
	}
}
@media only screen and (max-width: 768px) {
	.gutter-sizer {
		width: 0;
	}
}
.gutter-sizer-two {
	width: 10%;
}
@media only screen and (min-width: 769px) {
	.filter {
		display: inline-flex;
		flex-wrap: wrap;
		list-style: none;
		margin-bottom: 2rem;
		padding: 0;
	}
	.filter__item {
		font-size: 1.125rem;
		font-weight: 500;
		padding-right: 2rem;
	}
	.filter__item:first-child {
		display: none;
	}
	.filter__item:last-child {
		padding-right: 0;
	}
	.filter__item.active a {
		color: #fff;
	}
	.filter__link {
		color: #C4C4C4;
		padding: 0 4px;
		text-decoration: none;
		display: block;
		overflow: hidden;
		position: relative;
	}
	.filter__link:hover {
		text-decoration: none;
	}
}
.select .placeholder {
	display: none;
}
@media only screen and (max-width: 768px) {
	.select {
		border-bottom: 1px solid #C4C4C4;
		color: #fff;
		display: block;
		margin-bottom: 3rem;
		position: relative;
		vertical-align: middle;
		text-align: left;
		user-select: none;
		width: 100%;
		-webkit-touch-callout: none;
		z-index: 2;
	}
	.select .placeholder {
		position: relative;
		display: block;
		background-color: #243251;
		z-index: 1;
		padding: .5rem 0;
		cursor: pointer;
	}
	.select .placeholder:after {
		position: absolute;
		right: 2px;
		top: 50%;
		transform: translateY(-50%);
		font-family: 'fonticons';
		content: '\e805';
		z-index: 10;
	}
	.select.is-open .placeholder:after {
		content: '\e804';
	}
	.select.is-open ul {
		display: block;
	}
	.select ul {
		display: none;
		position: absolute;
		overflow: hidden;
		overflow-y: auto;
		width: 100%;
		background: #fff;
		box-shadow: 0 10px 60px rgba(25, 25, 27, 0.1);
		top: 100%;
		left: 0;
		padding: .6rem 0;
		z-index: 100;
		max-height: 600px;
	}
	.select ul li {
		display: block;
		text-align: left;
		padding: .2rem 1.2rem;
		color: #243251;
		cursor: pointer;
	}
	.select ul li:hover {
		background: rgba(25, 25, 27, 0.05);
	}
	.select ul li:first-child {
		display: none;
	}
	.select ul li a {
		color: #243251;
		text-decoration: none;
	}
}
@media only screen and (max-width: 580px) {
	.select {
		margin-bottom: .8rem;
	}
}
/* -----------------------------------------------------------------
    - Project Single
----------------------------------------------------------------- */

.content-caption {
	margin-top: 5rem;
}
@media only screen and (max-width: 992px) {
	.content-caption {
		margin-top: 4rem;
	}
}
@media only screen and (max-width: 580px) {
	.content-caption {
		margin-top: 2rem;
	}
}
.project-slider {
	height: 50vw;
	max-height: 700px;
	margin-top: 2rem;
}
.project-slider img {
	filter: grayscale(1);
	transition: all 250ms linear;
}
.project-slider img:hover {
	filter: grayscale(0);
	transition: all 250ms linear;
}
@media only screen and (max-width: 992px) {
	.project-slider {
		height: 60vw;
	}
}
@media only screen and (max-width: 580px) {
	.project-slider {
		height: 60vw;
		margin-top: .5rem;
		margin-bottom: 2rem;
	}
}
.project-slider-control-horizon {
	padding-bottom: 4rem;
	box-sizing: content-box;
}
@media only screen and (max-width: 768px) {
	.project-slider-control-horizon {
		padding-bottom: 2rem;
	}
}
.project-slider__item {
	margin-left: 5vw;
	margin-right: 5vw;
	width: calc(1140px - 30px);
}
@media only screen and (max-width: 1200px) {
	.project-slider__item {
		margin-left: 3.5vw;
		margin-right: 3.5vw;
		width: calc(960px - 30px);
	}
}
@media only screen and (max-width: 992px) {
	.project-slider__item {
		margin-left: 3.5vw;
		margin-right: 3.5vw;
		width: calc(720px - 30px);
	}
}
@media only screen and (max-width: 768px) {
	.project-slider__item {
		margin-left: 7.5px;
		margin-right: 7.5px;
		width: 100%;
	}
}
.project-footer {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	background-color: #151515;
	height: 50vh;
	margin-top: 5rem;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
}
@media only screen and (max-width: 992px) {
	.project-footer {
		margin-top: 3rem;
	}
}
@media only screen and (max-width: 580px) {
	.project-footer {
		margin-top: 1rem;
		height: 42vh;
	}
}
.project-footer::before {
	content: '';
	background-color: #28385a;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}
.project-footer:hover::before {
	animation: revealVerticalHover .8s ease-in-out both;
	height: 100%;
}
.project-footer__link p {
	margin-bottom: 0;
	font-family: OrchideaPro-Regular;
	text-transform: uppercase;
	font-size: 30px;
}
.project-footer__link:hover {
	color: #fff;
	text-decoration: none;
}
.project-footer__title {
	font-size: calc(3rem + 4vw);
	text-transform: uppercase;
	line-height: 1.2;
	margin-bottom: 0;
	color: transparent;
	-webkit-text-stroke-width: .1vw;
	-webkit-text-stroke-color: rgba(255, 255, 255, .25);
	font-family: GothamPro;
}
@media only screen and (max-width: 992px) {
	.project-footer__title {
		font-size: 5rem;
	}
}
@media only screen and (max-width: 580px) {
	.project-footer__title {
		font-size: 4rem;
	}
}
/* -----------------------------------------------------------------
    - News
----------------------------------------------------------------- */

.item-post-horizon {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 1rem;
	margin-bottom: 6rem;
	width: 100%;
}
@media only screen and (max-width: 992px) {
	.item-post-horizon {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 3rem;
	}
}
.item-post-horizon:hover .item-post-horizon__image-wrap::before {
	box-shadow: inset 0px 0px 0px 10px #243251;
}
@media only screen and (max-width: 992px) {
	.item-post-horizon:hover .item-post-horizon__image-wrap::before {
		box-shadow: none;
	}
}
.item-post-horizon__image-wrap {
	flex-basis: 50%;
	height: 350px;
	position: relative;
	width: 50%;
}
@media only screen and (max-width: 992px) {
	.item-post-horizon__image-wrap {
		flex-basis: 100%;
		height: 50vw;
		width: 100%;
	}
}
@media only screen and (max-width: 580px) {
	.item-post-horizon__image-wrap {
		height: 70vw;
	}
}
.item-post-horizon__image-wrap::before {
	content: '';
	box-shadow: inset 0px 0px 0px 0px #243251;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transition: box-shadow .2s ease-in-out;
}
.item-post-horizon__caption {
	flex-basis: 50%;
	padding-left: 5rem;
	width: 50%;
}
@media only screen and (max-width: 1200px) {
	.item-post-horizon__caption {
		padding-left: 3rem;
	}
}
@media only screen and (max-width: 992px) {
	.item-post-horizon__caption {
		flex-basis: 100%;
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		padding-top: 2.5rem;
		width: 100%;
	}
}
@media only screen and (max-width: 580px) {
	.item-post-horizon__caption {
		padding-left: 0;
		padding-right: 0;
		padding-top: 2rem;
	}
}
.item-post-horizon__description {
	color: #C4C4C4;
	font-size: .9375rem;
}
.item-post-horizon .btn-link {
	margin-top: .5rem;
}
@media only screen and (max-width: 580px) {
	.item-post-horizon .btn-link {
		margin-top: 0;
	}
}
.item-post-horizon:nth-child(2n) .item-post-horizon__image-wrap {
	order: 2;
}
@media only screen and (max-width: 992px) {
	.item-post-horizon:nth-child(2n) .item-post-horizon__image-wrap {
		order: 1;
	}
}
.item-post-horizon:nth-child(2n) .item-post-horizon__caption {
	order: 1;
	padding-left: 0;
	padding-right: 5rem;
}
@media only screen and (max-width: 1200px) {
	.item-post-horizon:nth-child(2n) .item-post-horizon__caption {
		padding-right: 3rem;
	}
}
@media only screen and (max-width: 992px) {
	.item-post-horizon:nth-child(2n) .item-post-horizon__caption {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		padding-top: 2.5rem;
	}
}
@media only screen and (max-width: 580px) {
	.item-post-horizon:nth-child(2n) .item-post-horizon__caption {
		padding-left: 0;
		padding-right: 0;
		padding-top: 2rem;
	}
}
.item-post-horizon:nth-child(2n) .title--separation::before {
	left: auto;
	right: -6vw;
}
@media only screen and (max-width: 992px) {
	.item-post-horizon:nth-child(2n) .title--separation::before {
		left: -6vw;
		right: auto;
	}
}
.post-details {
	color: #848484;
	font-size: .875rem;
	margin-bottom: .8rem;
	text-transform: uppercase;
}
@media only screen and (max-width: 992px) {
	.post-details {
		font-size: .75rem;
	}
}
.post-details a {
	color: #fff;
}
/* -----------------------------------------------------------------
    - Single post
----------------------------------------------------------------- */

.header-post .post-details {
	margin-top: 2rem;
}
@media only screen and (max-width: 580px) {
	.header-post .post-details {
		margin-top: 1rem;
	}
}
.header-post .video-container {
	height: 50vw;
	margin-top: 3.6rem;
}
@media only screen and (max-width: 992px) {
	.header-post .video-container {
		height: 60vw;
	}
}
@media only screen and (max-width: 580px) {
	.header-post .video-container {
		height: 100vw;
		margin-top: 2rem;
	}
}
.post-footer {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 6rem;
	margin-top: 3rem;
}
@media only screen and (max-width: 768px) {
	.post-footer {
		margin-bottom: 4rem;
	}
}
@media only screen and (max-width: 580px) {
	.post-footer {
		margin-top: 1rem;
		margin-bottom: 2.5rem;
	}
}
.post-footer__nav {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.post-footer .btn-link {
	color: #848484;
}
.post-footer .btn-link:hover {
	color: #fff;
}
.post-footer .btn-link:hover::before {
	background-color: #fff;
}
.post-footer .btn-link::before {
	background-color: #848484;
}
.post-footer .social {
	margin-top: -1.5rem;
}
@media only screen and (max-width: 768px) {
	.post-footer .social {
		top: 0;
		margin-top: 2rem;
	}
}
@media only screen and (max-width: 580px) {
	.post-footer .social {
		top: 0;
	}
	.post-footer .social a {
		font-size: 1rem;
	}
}
.avatar {
	border-radius: 50%;
	margin-right: 2rem;
	height: 64px;
	width: 64px;
}
@media only screen and (max-width: 580px) {
	.avatar {
		height: 40px;
		margin-right: 1.1rem;
		width: 40px;
	}
}
.comment-box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	padding-top: 2rem;
}
@media only screen and (max-width: 580px) {
	.comment-box {
		padding-top: 1rem;
	}
}
.comment-box__body {
	color: #C4C4C4;
	flex: 1;
}
.comment-box__details {
	font-size: 1rem;
	color: #848484;
	margin-bottom: 1rem;
}
.comment-box__details span {
	font-size: .875rem;
	font-weight: 500;
}
.comment-box__details a {
	text-decoration: none;
}
.comment-form {
	margin-top: 2rem;
	margin-bottom: 4rem;
}
@media only screen and (max-width: 580px) {
	.comment-form .btn {
		width: 100%;
	}
}
.scroll-line {
	background: #fff;
	height: 3px;
	position: fixed;
	top: 0;
	width: 0;
	z-index: 3;
}
/* -----------------------------------------------------------------
    - About
----------------------------------------------------------------- */

.mb08 {
	margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
	.mb08 {
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 992px) {
	.mb08 {
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 580px) {
	.mb08 {
		margin-bottom: 50px;
	}
}
.section-about {
	margin-top: 4.5rem;
	position: relative;
}
.brand-grid {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	flex-wrap: wrap;
}
.brand-grid__item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	justify-content: center;
	opacity: .5;
	width: 50%;
	filter: grayscale(1);
	transition: all 250ms linear;
	transition: transform 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.brand-grid__item:hover {
	filter: grayscale(0);
	transition: all 250ms linear;
	transition: transform 2s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 1;
}
@media only screen and (min-width: 580px) {
	.brand-grid__item {
		padding: 0 1rem;
	}
}
@media only screen and (min-width: 768px) {
	.brand-grid__item {
		width: 33.3333%;
	}
}
@media only screen and (min-width: 992px) {
	.brand-grid__item {
		width: 25%;
	}
}
@media only screen and (min-width: 1500px) {
	.brand-grid__item {
		width: 20%;
	}
}
.brand-grid__item img {
	height: 100%;
	width: 100%;
}
.brand-grid__item__2 {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	justify-content: center;
	opacity: .5;
	width: 50%;
	filter: grayscale(1);
	transition: all 250ms linear;
	transition: transform 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.brand-grid__item__2:hover {
	filter: grayscale(0);
	opacity: 1;
	transition: all 250ms linear;
	transition: transform 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (min-width: 580px) {
	.brand-grid__item__2 {
		padding: 0 1rem;
	}
}
@media only screen and (min-width: 768px) {
	.brand-grid__item__2 {
		width: 33.3333%;
	}
}
@media only screen and (min-width: 992px) {
	.brand-grid__item__2 {
		width: 25%;
	}
}
@media only screen and (min-width: 1500px) {
	.brand-grid__item__2 {
		width: 16%;
	}
}
.brand-grid__item__2 img {
	height: 100%;
	width: 100%;
}
/* -----------------------------------------------------------------
    - Footer
----------------------------------------------------------------- */

.footer {
	color: #848484;
	padding-top: 5rem;
	padding-bottom: 0px;
	position: relative;
	margin-top: 100px;
}
@media screen and (max-width: 580px) {
	.footer {
		margin-top: 3rem;
		padding: 2rem 0;
	}
}
.footer::before {
	content: '';
	background-color: rgba(255, 255, 255, 1.0);
	position: absolute;
	top: 0;
	left: -15px;
	height: 1px;
	width: 10vw;
}
@media screen and (max-width: 580px) {
	.footer::before {
		width: 20vw;
	}
}
.footer-fully {
	padding-left: 7.5rem;
	padding-right: 7.5rem;
}
@media only screen and (max-width: 768px) {
	.footer-fully {
		padding-left: 3.125rem;
		padding-right: 3.125rem;
	}
}
@media only screen and (max-width: 580px) {
	.footer-fully {
		padding-left: 15px;
		padding-right: 15px;
	}
}
.footer__contacts a {
	font-size: 20px;
	opacity: 1;
	line-height: 35px;
	letter-spacing: 1px;
	text-decoration: none;
	font-family: GothamPro;
	text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
	.footer__contacts a {
		font-size: 16px;
		line-height: 26px;
	}
}
@media only screen and (max-width: 992px) {
	.footer__contacts a {
		font-size: 20px;
		line-height: 30px;
	}
}
@media only screen and (max-width: 576px) {
	.footer__contacts a {
		font-size: 20px;
		line-height: 30px;
	}
}
.footer__contacts a:hover {
	opacity: 1;
}
.footer__contacts {
	font-size: 20px;
	opacity: 1;
	line-height: 35px;
	letter-spacing: 1px;
	text-decoration: none;
	font-family: GothamPro;
	text-transform: uppercase;
	color: #fff;
}
@media only screen and (max-width: 1200px) {
	.footer__contacts {
		font-size: 16px;
		line-height: 26px;
	}
}
@media only screen and (max-width: 992px) {
	.footer__contacts {
		font-size: 20px;
		line-height: 30px;
	}
}
@media only screen and (max-width: 576px) {
	.footer__contacts {
		font-size: 20px;
		line-height: 30px;
	}
}
.footer__contacts__h1 {
	font-size: 20px;
	opacity: 1;
	line-height: 35px;
	margin-bottom: 0px;
	margin-top: 85px;
	letter-spacing: 1px;
	text-decoration: none;
	font-family: GothamPro;
	text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
	.footer__contacts__h1 {
		font-size: 20px;
		line-height: 30px;
		margin-top: 55px;
		margin-bottom: -100px;
	}
}
@media only screen and (max-width: 992px) {
	.footer__contacts__h1 {
		font-size: 20px;
		line-height: 30px;
		margin-top: 55px;
		margin-bottom: -100px;
	}
}
@media only screen and (max-width: 576px) {
	.footer__contacts__h1 {
		font-size: 20px;
		line-height: 30px;
		margin-top: 55px;
		margin-bottom: -100px;
	}
}
.footer__contacts:hover {
	opacity: 1;
}
.footer__social a {
	font-size: 20px;
	line-height: 35px;
}
.cont__social a {
	font-size: 20px;
	line-height: 35px;
	padding-top: 0px;
}
@media only screen and (max-width: 580px) {
	.cont__social a {
		font-size: 20px;
		line-height: 35px;
		padding-top: 85px;
	}
}
.mt-238 {
	margin-top: 0px;
}
@media only screen and (max-width: 1200px) {
	.mt-238 {
		margin-top: -64px;
	}
}
@media only screen and (max-width: 992px) {
	.mt-238 {
		margin-top: 155px;
	}
}
@media only screen and (max-width: 580px) {
	.mt-238 {
		margin-top: 0px;
	}
}
.contacts__mobile {
	margin-top: 0px;
	margin-bottom: 0px;
}
@media only screen and (max-width: 580px) {
	.contacts__mobile {
		margin-top: 109px;
		margin-bottom: -100px;
	}
}
#map {
	margin-top: 0px;
}
@media only screen and (max-width: 1200px) {
	#map {
		margin-top: 64px;
	}
}
@media only screen and (max-width: 992px) {
	#map {
		margin-top: 64px;
	}
}
@media only screen and (max-width: 580px) {
	#map {
		margin-top: 64px;
	}
}
/* -----------------------------------------------------------------
    - Contact
----------------------------------------------------------------- */

.contact-form {
	margin-right: calc(7.5rem - 30px);
}
@media only screen and (max-width: 992px) {
	.contact-form {
		margin-top: 10rem;
		margin-right: 0;
	}
}
@media only screen and (max-width: 580px) {
	.contact-form {
		margin-top: 7rem;
	}
}
@media only screen and (max-width: 992px) {
	.contact-form {
		margin-top: 7rem;
	}
}
@media only screen and (max-width: 1200px) {
	.contact-form {
		margin-top: 7rem;
	}
}
@media only screen and (max-width: 580px) {
	.contact-form .btn {
		width: 100%;
	}
}
.map {
	background-color: #848484;
	height: 100vh;
	margin-right: -7.5rem;
	position: relative;
	top: 0;
	right: 0;
	direction: ltr;
}
@media only screen and (max-width: 992px) {
	.map {
		height: 50vh;
		margin-right: 0;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
}
@media only screen and (max-width: 580px) {
	.map {
		height: 340px;
		margin-top: 1.1rem;
		margin-bottom: 15px;
	}
}
.popover-map-title {
	color: #243251;
	font-size: 1.2rem;
	margin-top: .2rem;
	margin-bottom: .5rem;
}
.popover-map-caption {
	color: #243251;
	font-weight: 400;
}
#marker {
	background-image: url("../images/marker.png");
	background-size: cover;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
.mapboxgl-popup-content {
	color: #243251;
}
/* -----------------------------------------------------------------
    - Services
----------------------------------------------------------------- */

.service-item {
	margin-bottom: 4rem;
}
.service-item__icon {
	margin-bottom: 2rem;
	width: 5rem;
}
/* -----------------------------------------------------------------
    - 404
----------------------------------------------------------------- */

.parallax-container {
	overflow: hidden;
}
.error-page {
	height: 100vh;
}
.error-page .description {
	margin-bottom: 0;
}
.mask-object {
	filter: drop-shadow(0 20px 30px rgba(25, 25, 27, 0.1));
	margin-bottom: 2rem;
	width: 30vw;
	transition: all 0.8s cubic-bezier(0.2, 1, 0.8, 1);
}
@media only screen and (max-width: 992px) {
	.mask-object {
		width: 50vw;
	}
}
@media only screen and (max-width: 580px) {
	.mask-object {
		width: 80vw;
	}
}
/* -----------------------------------------------------------------
    - Other
----------------------------------------------------------------- */

.back-to-top {
	background-image: url(../images/arrow-scroll-to.svg);
	background-position: center;
	cursor: pointer;
	height: 36px;
	opacity: .5;
	position: fixed;
	right: 40px;
	bottom: 30px;
	width: 30px;
	transition: opacity .35s ease-out;
	z-index: 10;
	mix-blend-mode: difference;
}
.back-to-top:hover {
	opacity: 1;
}
@media only screen and (max-width: 580px) {
	.back-to-top {
		display: none !important;
	}
}
.cursor, .node {
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	border-radius: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: opacity .3s ease-in-out, transform 0.3s ease-in-out;
	z-index: 99999999;
	mix-blend-mode: difference;
}
.cursor {
	width: 0px;
	height: 0px;
	background-color: rgba(255, 255, 255, 1);
}
.node {
	width: 30px;
	height: 30px;
	border: 20px solid rgba(255, 255, 255, 1);
	mix-blend-mode: difference;
}
.node.expand {
	background-color: rgba(255, 255, 255, 1);
	border: 0;
	transform: translate(-50%, -50%) scale(2);
	mix-blend-mode: difference;
}
.node.drag::before, .node.drag::after {
	color: #fff;
	font-family: 'fonticons';
	font-size: .6rem;
	margin-top: -.6rem;
	position: absolute;
	top: 50%;
}
.node.drag::before {
	content: '\e801';
	left: -10px;
}
.node.drag::after {
	content: '\e803';
	right: -10px;
}
.cursorDrag {
	cursor: none !important;
}
.jarallax {
	position: relative;
	z-index: 0;
}
.jarallax>.jarallax-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.jarallax-wrap {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.jarallax-keep-img {
	position: relative;
	z-index: 0;
}
.jarallax-keep-img>.jarallax-img {
	position: relative;
	display: block;
	max-width: 100%;
	height: auto;
	z-index: -100;
}
.js-lines {
	overflow: hidden;
}
.js-lines div {
	overflow: hidden;
}
.js-words div div {
	opacity: 0;
}
.medium-zoom-overlay {
	background: #243251 !important;
	z-index: 1099;
}
.medium-zoom-image {
	z-index: 1099;
	cursor: pointer !important;
}
@keyframes revealHorizontalHover {
	0% {
		transform: translateX(-100%);
	}
	40% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(100%);
	}
}
@keyframes revealVerticalHover {
	0% {
		transform: translateY(100%) rotate(15deg) scale(2);
		transform-origin: top left;
	}
	40% {
		transform: translateY(0);
		perspective: 1000px;
	}
	100% {
		transform: translateY(-100%);
		perspective: 1000px;
	}
}
.reveal-box {
	backface-visibility: hidden;
	overflow: hidden;
	height: 100%;
	position: relative;
	width: 100%;
}
.reveal-overlay {
	background-color: #222c41;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}
.js-zooming.has-hovered {
	animation: projectAnimHover 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards running;
}
.js-zooming.not-hovered {
	animation: projectAnimBack 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards running;
}
@keyframes projectAnimHover {
	0% {
		transform: perspective(1500px) translateZ(0) rotateX(0) rotateY(0);
	}
	50% {
		transform: perspective(1500px) translateZ(30px) rotateX(6deg) rotateY(6deg);
	}
	100% {
		transform: perspective(1500px) translateZ(60px) rotateX(0) rotateY(0);
	}
}
@keyframes projectAnimBack {
	0% {
		transform: perspective(1500px) translateZ(60px) rotateX(0) rotateY(0);
	}
	50% {
		transform: perspective(1500px) translateZ(30px) rotateX(-6deg) rotateY(-6deg);
	}
	100% {
		transform: perspective(1500px) translateZ(0) rotateX(0) rotateY(0);
	}
}
/*# sourceMappingURL=style.css.map */

.progress-bar {
	background: linear-gradient(to right, #fff calc(100% * var(--scroll)), transparent 0);
	background-repeat: no-repeat;
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	right: 0;
	height: 5px;
	z-index: 9999;
	mix-blend-mode: difference;
}
/* .progress-bar {
  background: linear-gradient(to right, #f06 calc(100% * var(--scroll)), transparent 0);
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  height: 4px;
  z-index: 1;
} */

.article-content {
	max-width: 780px;
	margin: 0 auto;
	padding: 0 16px;
	font-family: "Playfair Display";
}
.article-content>.author {
	color: #4a4a4a;
	display: inline-block;
	margin-bottom: 64px;
}
.article-content>p {
	line-height: 1.7;
}
.article-content>h2 {
	margin: 32px 0;
}
::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}
.accordion dt {
	position: relative;
	cursor: pointer;
	padding: 40px 0px;
	margin-bottom: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	color: #999;
	font-family: 'Poppins', sans-serif;
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
}
.accordion dt.accordion-active {
	padding-bottom: 30px;
	border-top: 1px solid 1px solid rgba(255, 255, 255, 0.2);
}
.accordion dt.accordion-active {
	color: #fff;
	border-top: 1px solid rgba(255, 255, 255, 1);
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
}
.accordion dt:hover {
	color: #000;
	border-top: 1px solid 1px solid rgba(255, 255, 255, 0.2);
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
}
.accordion dt:hover {
	color: #fff;
	border-top: 1px solid rgba(255, 255, 255, 1);
}
.accordion dt {
	font-size: 24px;
}
.accordion dt span {
	max-width: 30%;
	position: relative;
	overflow: hidden;
	display: block;
}
.accordion .accordion-content {
	padding-bottom: 40px;
	margin-bottom: 0;
	line-height: 28px;
	margin-top: -65px;
	padding-left: 30%;
	padding-right: 80px;
}
.accordion {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	overflow: hidden;
}
.accordion {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.acc-icon-wrap {
	width: 80px;
	height: 80px;
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	float: none;
	position: absolute;
	right: -25px;
	top: 20px;
}
.acc-button-icon {
	height: 40px;
	width: 40px;
	color: #000;
	text-align: center;
	line-height: 30px;
	font-size: 22px;
}
.acc-button-icon {
	color: #fff;
}
.acc-button-icon {
	height: 40px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	transition: transform 0.2s ease 0s;
	-webkit-transition: transform 0.2s ease 0s;
}
dt.accordion-active .acc-button-icon {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.accordion dt span {
	max-width: none;
}
.accordion .accordion-content {
	padding-bottom: 40px;
	margin-bottom: 0;
	line-height: 28px;
	margin-top: 0;
	padding-left: 0;
	padding-right: 0;
}
.pt {
	padding-top: 100px;
}
.accordion span {
	font-family: OrchideaPro-Regular;
	color: rgba(255, 255, 255, 1);
	text-transform: uppercase;
	font-weight: 400;
}
@media only screen and (max-width: 576px) {
	.accordion span {
		font-size: 16px;
	}
}
.accordion-content {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 576px) {
	.accordion-content {
		font-size: 16px;
	}
}
.accordion-content span {
	color: rgba(255, 255, 255, 1);
	font-family: GothamPro;
	text-transform: none;
}
.rgbShiftSlider {
	z-index: 1;
}
.note {
	z-index: 999999;
}
.rotate-text {
	position: fixed;
	text-transform: uppercase;
	margin-top: 516px;
	line-height: .8;
	font-size: 25vw;
	width: 100vw;
	pointer-events: none;
	z-index: -999;
	left: 0;
	color: #fff;
	opacity: 0.40;
	font-family: GothamPro-Bold;
	color: transparent;
	-webkit-text-stroke-width: .1vw;
	-webkit-text-stroke-color: rgba(255, 255, 255, .25);
	mix-blend-mode: difference;
}
@media only screen and (max-width: 576px) {
	.rotate-text {
		display: none;
	}
}
.diff {
	mix-blend-mode: difference;
}
.rotate {
	position: relative;
	z-index: 1;
	mix-blend-mode: difference;
}
.inner-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #161616;
}
@media (max-width: 991px) {
	.inner-wrap {
		position: relative;
		display: block;
		width: 560px;
		height: 560px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}
}
@media (max-width: 767px) {
	.inner-wrap {
		width: 560px;
		height: 560px;
	}
}
@media (max-width: 479px) {
	.inner-wrap {
		width: 100vw;
		height: calc(100vw * (12.6/16));
	}
}
@media (max-width: 1500px) {
	.title--display-1 {
		margin-top: -125px;
	}
}
.schedule-tab {
	height: 140px;
	display: flex;
}
.schedule-tab a {
	width: 33.333%;
	display: flex;
	background-color: rgba(0, 0, 0, 0.1);
	justify-content: center;
	flex-direction: column;
	position: relative;
	text-decoration: none;
}
.tab-1 a {
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.tab-2 a {
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tab-3 a {
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tab-4 a {
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tab-1 a:last-child {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.tab-2 a:last-child {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.tab-3 a:last-child {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.tab-4 a:last-child {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.schedule-tab__item p {
	transition: all 0.3s ease;
	font-size: 21px;
	font-family: GothamPro;
	font-weight: 400;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 6px;
	padding-bottom: 0px;
	text-align: left;
	text-decoration: none;
	color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
	.schedule-tab__item p {
		transition: all 0.3s ease;
		font-size: 16px;
		font-family: GothamPro;
		font-weight: 400;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 6px;
		padding-bottom: 0px;
		text-align: left;
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
	}
}
@media (max-width: 992px) {
	.schedule-tab__item p {
		transition: all 0.3s ease;
		font-size: 16px;
		font-family: GothamPro;
		font-weight: 400;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 6px;
		padding-bottom: 0px;
		text-align: left;
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
	}
}
.schedule-tab a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #1e273b;
	z-index: -1;
	/* IE 9 */
	/* Safari 3-8 */
	transform: scaleY(0);
	transform-origin: 50% 100%;
	transition-property: transform;
	transition: 300ms ease-out;
}
.schedule-tab a:hover::before {
	/* IE 9 */
	/* Safari 3-8 */
	transform: scaleY(1);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.schedule-tab a:hover p {
	color: #ffffff;
}
.schedule-tab .tab-active {
	background-color: #1e273b;
}
@media (max-width: 576px) {
	.description p {
		font-family: GothamPro;
		text-align: left;
		font-size: 17px;
	}
	.description_2 p {
		font-family: OrchideaPro-Regular;
		text-align: left;
		font-size: 17px;
		;
		line-height: 28px;
		font-weight: 300;
		text-transform: uppercase;
		color: #fff;
		z-index: 9999999;
	}
	.schedule-tab {
		height: 100%;
		display: block;
	}
	.schedule-tab a {
		width: 100%;
		background-color: rgba(0, 0, 0, 0.1);
		justify-content: center;
		flex-direction: column;
		position: relative;
		text-decoration: none;
	}
	.tab-1 a {
		border-left: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-right: 1px solid rgba(255, 255, 255, 0.1);
		border-top: 0px solid rgba(255, 255, 255, 0.1);
	}
	.tab-2 a {
		border-left: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-right: 1px solid rgba(255, 255, 255, 0.1);
	}
	.tab-3 a {
		border-left: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-right: 1px solid rgba(255, 255, 255, 0.1);
	}
	.tab-4 a {
		border-left: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-right: 1px solid rgba(255, 255, 255, 0.1);
	}
	.tab-1 a:first-child {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
}
.mt-1 {
	margin-top: 13px;
}
.os {
	font-family: GothamPro;
}
.text-carousel p {
	font-family: GothamPro;
	text-align: left;
	font-size: 20px;
	font-weight: 400;
	opacity: 1;
}
@media only screen and (max-width: 576px) {
	.text-carousel p {
		font-family: GothamPro;
		text-align: left;
		font-size: 16px;
		font-weight: 400;
		opacity: 1;
	}
}
.company {
	font-family: OrchideaPro-Regular;
	font-size: 35px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
}
@media only screen and (max-width: 576px) {
	.company {
		font-family: OrchideaPro-Regular;
		font-size: 25px;
		font-weight: 400;
		text-transform: uppercase;
		color: #fff;
	}
}
.user-review {
	font-family: GothamPro;
	font-size: 20px;
	font-weight: 400;
	font-style: italic;
	color: #fff;
}
@media only screen and (max-width: 576px) {
	.user-review {
		font-family: GothamPro;
		font-size: 16px;
		font-weight: 400;
		color: #fff;
	}
}
.owl-prev {
	text-decoration: none;
	position: relative;
}
.owl-prev span {
	text-indent: 0;
	margin-left: -90px;
	display: none;
	font-family: 'Geometria-Medium', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #000;
}
.white-tooltip .owl-prev span {
	color: #fff;
}
.owl-prev:hover span {
	display: block;
	position: fixed;
	overflow: hidden;
}
.slider .owl-next {
	text-indent: -9999px;
	position: absolute;
	top: 0;
	pointer-events: auto;
	opacity: 1;
	right: 0;
	cursor: pointer;
	height: 100%;
	width: 50%;
	margin-top: 0;
}
.owl-next {
	text-decoration: none;
	position: relative;
}
.owl-next span {
	text-indent: 0;
	display: none;
	font-family: 'Geometria-Medium', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #000;
}
.white-tooltip .owl-next span {
	color: #fff;
}
.owl-next:hover span {
	display: block;
	position: fixed;
	overflow: hidden;
}
.text-carousel .owl-nav {
	margin-top: 30px;
}
.text-carousel .owl-prev, .text-carousel .owl-next {
	display: inline-block;
	width: 80px;
	height: 80px;
	margin-left: -23px;
	margin-right: 0px;
	margin-top: -12px;
}
.prev-testimonial, .next-testimonial {
	width: 34px;
	height: 34px;
	border-radius: 34px;
	box-sizing: border-box;
	border: 2px solid rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -17px;
	margin-left: -17px;
	cursor: pointer;
}
@media only screen and (max-width: 576px) {
	.prev-testimonial, .next-testimonial {
		margin-left: -37px;
	}
}
.prev-testimonial, .next-testimonial {
	border: 2px solid rgba(255, 255, 255, 0.2);
}
.prev-testimonial:hover {
	border: 2px solid rgba(255, 255, 255, 1);
	transition: all 250ms linear;
}
.next-testimonial:hover {
	border: 2px solid rgba(255, 255, 255, 1);
	transition: all 250ms linear;
}
.text-carousel .owl-nav i {
	line-height: 80px;
	text-align: center;
	font-size: 10px;
	color: #000;
}
.text-carousel .owl-nav i {
	color: #fff;
}
@media only screen and (max-width: 1024px) {
	.text-carousel {
		max-width: 500px;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 479px) {
	.text-carousel {
		max-width: 100%;
	}
	.text-carousel .owl-prev, .text-carousel .owl-next {
		margin: 0;
	}
}
.text-carousel .owl-nav i {
	line-height: 80px;
	text-align: center;
	font-size: 10px;
	color: #000;
	margin-left: 36px;
	margin-top: 1px;
}
@media only screen and (max-width: 576px) {
	.text-carousel .owl-nav i {
		margin-left: 16px;
	}
}
.text-carousel .owl-nav i {
	color: #fff;
}
/*--------------------------------------------------
	Owl Carousel
---------------------------------------------------*/

.owl-carousel, .owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}
.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
	display: block;
	width: 100%
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display: none
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
	display: block
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}
.owl-carousel.owl-hidden {
	opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab
}
.owl-carousel.owl-rtl {
	direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
	float: right
}
.owl-carousel .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
	z-index: 0
}
.owl-carousel .owl-animated-out {
	z-index: 1
}
.owl-carousel .fadeOut {
	animation-name: fadeOut
}
@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}
.owl-height {
	transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}
.letter-wrap:hover {
	text-decoration: none;
}
.letter-wrap {
	display: inline-block;
	position: relative;
}
.letter-wrap * {
	pointer-events: none;
}
.letter-wrap__word {
	display: inline-flex;
	position: relative;
	overflow: hidden;
}
.letter-wrap__char {
	display: inline-block;
	position: relative;
}
.letter-wrap__char-inner {
	display: inline-block;
}
.letter-wrap__char-inner:after {
	content: attr(data-letter);
	position: absolute;
	top: 100%;
	left: 0;
}
.prev-next-separator-main {
	-webkit-transform: translateY(-30%);
	background-color: #fff;
	content: "";
	display: inline-block;
	height: 14px;
	transform: translateY(-30%);
	width: 1px;
	margin-left: 13px;
	margin-bottom: 4px;
	margin-top: 12px;
	margin-right: 13px;
	mix-blend-mode: difference;
	opacity: 0.5;
}
.prev-next-separator {
	-webkit-transform: translateY(-30%);
	background-color: #fff;
	content: "";
	display: inline-block;
	height: 1px;
	transform: translateY(-30%);
	width: 75px;
	margin-top: 27px;
	margin-bottom: -11px;
	opacity: 1;
}
@media only screen and (max-width: 576px) {
	.prev-next-separator {
		margin-top: -31px;
		margin-bottom: -25px;
	}
}
.prev-next-separator--hist {
	-webkit-transform: translateY(-30%);
	background-color: #fff;
	content: "";
	display: inline-block;
	height: 14px;
	transform: translateY(-30%);
	width: 1px;
	margin-left: 23px;
	margin-bottom: 4px;
	margin-top: 31px;
	margin-right: 23px;
	mix-blend-mode: difference;
	opacity: 0.5;
}
.prev-next-separator--nav {
	-webkit-transform: translateY(-30%);
	background-color: #fff;
	opacity: 0.5;
	content: "";
	display: inline-block;
	height: 12px;
	transform: translateY(-30%);
	width: 1px;
	margin-left: 13px;
	margin-bottom: -4px;
	margin-top: 12px;
	margin-right: 13px;
	mix-blend-mode: difference;
}
@media only screen and (max-width: 576px) {
	.prev-next-separator--nav {
		-webkit-transform: translateY(-30%);
		background-color: #fff;
		opacity: 0.5;
		content: "";
		display: inline-block;
		height: 12px;
		transform: translateY(-30%);
		width: 1px;
		margin-left: 0px;
		margin-bottom: -4px;
		margin-top: 12px;
		margin-right: 0px;
		mix-blend-mode: difference;
	}
}
.prev-next-separator--small {
	-webkit-transform: translateY(-30%);
	background-color: #fff;
	content: "";
	display: inline-block;
	height: 14px;
	transform: translateY(-30%);
	width: 1px;
	margin-left: 7px;
	margin-bottom: -4px;
	margin-top: 12px;
	margin-right: 7px;
	mix-blend-mode: difference;
}
.logo--footer {
	width: 75px;
	height: auto;
}
@media only screen and (max-width: 576px) {
	.logo--footer {
		display: none;
	}
}
.alignleft {
	float: left;
	margin: 0px 40px 30px 0;
	border: 0px solid #000;
}
.alignleft--social {
	float: left;
	padding-top: 30px;
	margin: 50px 86px 0 0px;
}
@media only screen and (max-width: 576px) {
	.alignleft--social {
		float: left;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding-top: 0px;
	}
}
.al {
	text-align: right;
	right: 52px;
	margin-top: -65px;
}
@media only screen and (max-width: 576px) {
	.al {
		text-align: right;
		right: 15px;
		margin-top: 0px;
	}
}
.inner-wrap {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
	                                 supported by Chrome, Opera and Firefox */
}
@media only screen and (min-width: 155px) {}
@media only screen and (min-width: 320px) {}
@media only screen and (min-width: 480px) {}
@media only screen and (min-width: 555px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (min-width: 769px) {}
@media only screen and (min-width: 993px) {}
@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 1600px) {}
@media only screen and (min-width: 1800px) {}
@media only screen and (min-width: 2000px) {}
.count-area-content {
	margin-top: 30px;
}
.count-digit {
	color: #fff;
	font-size: 60px;
	font-family: OrchideaPro-Regular;
	letter-spacing: 1px;
	margin-top: -30px;
	margin-bottom: -20px;
}
.count-digit::before {
	content: "> ";
}
@media only screen and (max-width: 580px) {
	.count-digit {
		font-size: 45px;
		padding-bottom: 10px;
	}
	.count-digit::before {
		content: "> ";
	}
}
@media only screen and (max-width: 1200px) {
	.count-digit {
		font-size: 35px;
		padding-bottom: 10px;
	}
	.count-digit::before {
		content: "> ";
	}
}
@media only screen and (max-width: 992px) {
	.count-digit {
		font-size: 35px;
		padding-bottom: 10px;
	}
	.count-digit::before {
		content: "> ";
	}
}
.count-digit::before {
	content: "> ";
}
.count-title {
	font-size: 16px;
	font-family: GothamPro;
	text-transform: uppercase;
	margin-bottom: 44px;
	margin-top: 15px;
	opacity: 1;
}
.c5 p {
	opacity: 1;
}
.pr {
	font-size: 25px;
}
@media only screen and (max-width: 1200px) {
	.pr {
		font-size: 20px;
		margin-left: 0px;
	}
}
@media only screen and (max-width: 992px) {
	.pr {
		font-size: 20px;
		margin-left: 0px;
	}
}
@media only screen and (max-width: 576px) {
	.pr {
		font-size: 20px;
		margin-left: 0px;
	}
}
.el {
	padding: 35px 35px;
	float: left;
	margin-top: 1px;
}
@media only screen and (max-width: 1200px) {
	.el {
		padding: 15px 15px;
		float: left;
		margin-top: 1px;
	}
}
@media only screen and (max-width: 992px) {
	.el {
		padding: 15px 15px;
		float: left;
		margin-top: 1px;
	}
}
@media only screen and (max-width: 576px) {
	.el {
		padding: 15px 15px;
		float: left;
		margin-top: 1px;
	}
}
.c5 {
	width: 33%;
}
@media only screen and (max-width: 1500px) {
	.c5 {
		width: 33%;
	}
}
@media only screen and (max-width: 1200px) {
	.c5 {
		width: 33%;
	}
}
@media only screen and (max-width: 992px) {
	.c5 {
		width: 33%;
	}
}
@media only screen and (max-width: 576px) {
	.c5 {
		width: 100%;
	}
}
img {
	z-index: 999999999;
}
.slick-slide {
	outline: 0
}
.team-area {
	padding-top: 113px;
	padding-bottom: 110px;
	z-index: 99999;
}
.team-area .section-title .title {
	padding: 0;
	line-height: 33px
}
.team-area .single-team {
	position: relative
}
.team-area .single-team img {
	width: 100%;
	z-index: 99999;
}
.team-area .single-team .team-overlay {
	position: absolute;
	left: 0;
	top: 0;
	background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(7, 6, 50, 0) 100%);
	background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(7, 6, 50, 0) 100%);
	background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(7, 6, 50, 0) 100%);
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}
.team-area .single-team .team-overlay ul {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, -50%);
	white-space: nowrap
}
.team-area .single-team .team-overlay ul li {
	display: inline-block
}
.team-area .single-team .team-overlay ul li a {
	height: 40px;
	width: 40px;
	color: #fff;
	background: #fff;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	font-size: 16px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	margin: 0 7px;
	transform: scaleY(0)
}
.team-area .single-team:hover .team-overlay ul li a {
	transform: scaleY(1)
}
.team-area .single-team:hover .team-overlay {
	opacity: 1;
}
.team-area .team-active .slick-arrow {
	position: absolute;
	top: -45px;
	right: 0;
	height: 34px;
	width: 34px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	text-align: center;
	line-height: 31px;
	cursor: pointer;
	font-size: 10px;
	color: #000;
	transition: .5s;
	font-family: GothamPro-Bold;
}
.team-area .team-active .slick-arrow:hover {
	border: 2px solid rgba(0, 0, 0, 1)
}
.team-area .team-active .slick-arrow.prev {
	right: 72px
}
.team-area .team-active .slick-arrow.next {
	right: 15px
}
.team-area .office-active .slick-arrow {
	position: absolute;
	top: -45px;
	right: 0;
	height: 34px;
	width: 34px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	text-align: center;
	line-height: 31px;
	cursor: pointer;
	font-size: 10px;
	color: #000;
	transition: .5s;
	font-family: GothamPro-Bold;
	;
	outline: none;
}
.team-area .office-active .slick-arrow:hover {
	border: 2px solid rgba(0, 0, 0, 1);
	outline: none;
}
.team-area .office-active .slick-arrow.prev {
	right: 72px;
	outline: none;
}
.team-area .office-active .slick-arrow.next {
	right: 15px;
	outline: none;
}
.team-area .logos-active .slick-arrow {
	position: absolute;
	top: -45px;
	right: 0;
	height: 34px;
	width: 34px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	text-align: center;
	line-height: 31px;
	cursor: pointer;
	font-size: 10px;
	color: #000;
	transition: .5s;
	font-family: GothamPro-Bold;
	;
	outline: none;
}
.team-area .logos-active .slick-arrow:hover {
	border: 2px solid rgba(0, 0, 0, 1);
	outline: none;
}
.team-area .logos-active .slick-arrow.prev {
	right: 72px;
	outline: none;
}
.team-area .logos-active .slick-arrow.next {
	right: 15px;
	outline: none;
}
.team-area .team-info .title {
	font-size: 24px;
	font-weight: 600;
	color: #000;
	padding-top: 22px;
	padding-bottom: 7px
}
@media(max-width:767px) {
	.team-area .team-info .title {
		font-size: 20px
	}
}
.team-area .team-info span {
	font-size: 18px;
	font-family: GothamPro, sans-serif
}
@media(max-width:767px) {
	.team-area .team-info span {
		font-size: 16px
	}
}
.team-area.team-page {
	padding-bottom: 115px
}
.img-wrapper {
	overflow: hidden;
}
.single-team img:hover {
	transform: scale(1.0);
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	filter: grayscale(0);
	transition: all 250ms linear;
}
.single-team img {
	filter: grayscale(1);
	transition: all 250ms linear;
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.logos-active img:hover {
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	filter: grayscale(0);
	transition: all 250ms linear;
}
.logos-active img {
	filter: grayscale(1);
	transition: all 250ms linear;
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.wb img:hover {
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	filter: grayscale(0);
	transition: all 250ms linear;
}
.wb img {
	filter: grayscale(1);
	transition: all 250ms linear;
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.wb1 img:hover {
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	filter: grayscale(0);
	transition: all 250ms linear;
}
.wb1 img {
	filter: grayscale(1);
	transition: all 250ms linear;
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	margin-bottom: 30px;
}
@media (min-width:992px) {
	.col-md-6 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px
	}
}
@media (min-width:768px) {
	.col-md-6 {
		float: left
	}
	.col-md-6 {
		width: 50%
	}
}
@media (min-width:992px) {
	.col-md-6 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px
	}
}
@media (min-width:992px) {
	.col-md-6 {
		float: left
	}
	.col-md-6 {
		width: 50%
	}
}
.white3 {
	background-color: #fff;
}
.white {
	background-color: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
}
@media only screen and (max-width: 576px) {
	.white {
		background-color: #fff;
		padding-top: 74px;
		padding-bottom: 78px;
	}
}
.white4 {
	background-color: #fff;
	padding-top: 100px;
	padding-bottom: 50px;
}
@media only screen and (max-width: 576px) {
	.white4 {
		background-color: #fff;
		padding-top: 74px;
		padding-bottom: 32px;
	}
}
.white2 {
	background-color: #fff;
	padding-top: 88px;
	padding-bottom: 31px;
}
@media only screen and (max-width: 576px) {
	.white2 {
		padding-top: 74px;
		padding-bottom: 0px;
	}
}
.white1 {
	background-color: #eee;
	padding-top: 0px;
	padding-bottom: 0px;
}
@media only screen and (max-width: 576px) {
	.white1 {
		padding-top: 0px;
	}
}
.white2-1 {
	background-color: #eee;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 100px;
}
@media only screen and (max-width: 576px) {
	.white2-1 {
		padding-top: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
	}
}
.color {
	color: #243251;
}
.color1 {
	color: #243251;
	font-family: GothamPro;
}
.color1 span {
	font-family: GothamPro-Bold;
}
.color3 {
	color: #fff;
	font-family: GothamPro-Bold;
}
.content-grid__caption.date {
	color: #fff;
	font-weight: 400;
	font-family: GothamPro-Bold;
	font-size: .9375rem;
}
.pb-5 {
	margin-top: 32px;
}
.pb-101 {
	padding-bottom: 45px;
}
@media only screen and (max-width: 576px) {
	.pb-101 {
		padding-bottom: 31px;
	}
}
.pb-201 {
	padding-bottom: 200px;
}
@media only screen and (max-width: 1200px) {
	.pb-201 {
		padding-bottom: 90px;
	}
}
@media only screen and (max-width: 992px) {
	.pb-201 {
		padding-bottom: 90px;
	}
}
@media only screen and (max-width: 576px) {
	.pb-201 {
		padding-bottom: 0px;
	}
}
.pt-101 {
	padding-top: 100px;
}
@media only screen and (max-width: 576px) {
	.pt-101 {
		padding-top: 74px;
	}
}
.pt-102 {
	margin-top: 0px;
}
@media only screen and (max-width: 576px) {
	.pt-102 {
		padding-top: 86px;
	}
}
.pt-24 {
	margin-top: 24px;
}
@media only screen and (max-width: 576px) {
	.pt-24 {
		margin-top: 0px;
	}
}
.pt-9 {
	margin-top: 24px;
}
@media only screen and (max-width: 576px) {
	.pt-9 {
		margin-top: 0px;
	}
}
}
.pt-104 {
	margin-top: -80px;
}
@media only screen and (max-width: 576px) {
	.pt-104 {
		margin-top: 0px;
		padding-top: 15px;
	}
}
.pt-105 {
	margin-top: 0px;
}
@media only screen and (max-width: 576px) {
	.pt-105 {
		margin-top: -122px;
	}
}
.pt-106 {
	margin-top: 0px;
}
@media only screen and (max-width: 576px) {
	.pt-106 {
		margin-top: 74px;
	}
}
.pt-102-2 {
	margin-top: -38px;
}
@media only screen and (max-width: 576px) {
	.pt-102-2 {
		padding-top: 0px;
	}
}
.pt-102-3 {
	margin-top: 46px;
}
@media only screen and (max-width: 576px) {
	.pt-102-3 {
		padding-top: 0px;
	}
}

.mt88 {
	margin-top: 100px;
}
@media only screen and (max-width: 576px) {
	.mt88 {
		margin-top: 74px;
	}
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}
@media only screen and (max-width: 576px) {
	.row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 0px;
		margin-left: 0px
	}
}
#fullText {
	width: 100%;
	z-index: 2;
	display: inline-block;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 47px;
	margin-top: 24px;
}
@media only screen and (max-width: 1200px) {
	#fullText {
		font-size: 16px;
		line-height: 26px;
	}
}
@media only screen and (max-width: 992px) {
	#fullText {
		font-size: 16px;
		line-height: 26px;
	}
}
@media only screen and (max-width: 767px) {
	#fullText {
		font-size: 16px;
		line-height: 26px;
	}
}
@media only screen and (max-width: 576px) {
	#fullText {
		font-size: 16px;
		line-height: 26px;
	}
}
#fullText span {
	font-family: GothamPro-Bold;
}
.description p span {
	font-family: GothamPro-Bold;
}
#turn-device {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	font-family: OrchideaPro-Regular;
	font-size: 25px;
	text-transform: none;
	letter-spacing: 0px;
	z-index: 99999999999;
}
#turn-device {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #243251
}
@media (max-width:900px) and (max-height:420px) {
	#turn-device {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}
@media (min-device-width:834px) and (max-device-width:834px) and (orientation:portrait), (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) {
	#turn-device {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}
.videoWrapper {
	position: relative;
	width: 100%;
	height: 0;
	background-color: #000;
}
.videoWrapper43 {
	padding-top: 75%;
}
.videoWrapper169 {
	padding-top: 56%;
}
.videoIframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}
.videoPoster {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: 0;
	outline: none;
	background-position: 50% 50%;
	background-size: 100% 100%;
	background-size: cover;
	text-indent: -999em;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: opacity 800ms, height 0s;
	-moz-transition: opacity 800ms, height 0s;
	transition: opacity 800ms, height 0s;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
	filter: grayscale(1);
	transition: all 250ms linear;
}
.videoPoster:hover {
	filter: grayscale(0);
	transition: all 250ms linear;
}
.videoWrapperActive .videoPoster {
	opacity: 0;
	height: 0;
	-webkit-transition-delay: 0s, 800ms;
	-moz-transition-delay: 0s, 800ms;
	transition-delay: 0s, 800ms;
}

/* Чиста fade-анімація для основного тексту (тільки через прозорість) */
.foreword {
    opacity: 0;
    animation: forewordFadeIn 2.6s ease forwards;
    animation-delay: 650ms;
}

@keyframes forewordFadeIn {
    to {
        opacity: 1;
    }
}


/* ====================== ФІКС ЛАГІВ БЕГУЩОЇ СТРОКИ В FIREFOX ====================== */
.rotate-text {
    will-change: transform;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* Замінюємо дорогий mix-blend-mode на легшу opacity */
    mix-blend-mode: normal !important;
    opacity: 0.28 !important;
}

/* Додатково для Firefox (дуже допомагає) */
@-moz-document url-prefix() {
    .rotate-text {
        font-size: 22vw !important;           /* трохи зменшили — сильно впливає на швидкість */
        opacity: 0.32 !important;
        -webkit-text-stroke-width: 0.08vw !important;
    }
}