@font-face {
    font-family: 'Avenir';
    font-weight: 400;
	src: url('../fonts/AvenirLTStd-Roman.otf') format("opentype");
}
@font-face {
    font-family: 'Avenir';
    font-weight: 300;
	src: url('../fonts/AvenirLTStd-Light.otf') format("opentype");
}
@font-face {
    font-family: 'Avenir';
    font-weight: 900;
	src: url('../fonts/AvenirLTStd-Black.otf') format("opentype");
}


@font-face {
    font-family: 'Ogg';
    font-weight: 400;
	src: url('../fonts/Ogg-Regular.otf') format("opentype");
    src: url('../fonts/Ogg-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Commuters-Sans';
    font-weight: 400;
	src: url('../fonts/CommutersSans-Regular.eot');
    src: url('../fonts/CommutersSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CommutersSans-Regular.woff') format('woff'),
         url('../fonts/CommutersSans-Regular.ttf') format('truetype');
}

.tm-header-overlay {
	background: linear-gradient(180deg, #424B56 0%, rgba(66, 75, 86, 0) 100%);
}
.uk-subnav > * {
	padding-left: 30px;
}
.margin-top-50 {
	margin-top: 50px;
}
.title-shift-left {
  margin-left: 120px;
}
.hp-video {
	margin-top: -60px !important;
	margin-right: 125px !important;
}
.hp-video-img-right {
	right: 43px;
	bottom: 360px;
}
.hp-video-img-left {
	bottom: -67px;
	right: 727px;
}
.hp-welcome {
	padding-bottom: 220px;
}
.hp-our-showrooms {
	padding-bottom: 20px;
}
.title-shift-left-large {
	margin-left: -280px;
}
.hp-become-a-part {
  padding-top: 125px;
  padding-bottom: 125px;
}
.hp-become-a-part > .uk-container > .uk-grid > div:nth-child(2) > div > .uk-tile {
	min-height: 660px;
}
.hp-become-text {
	margin-top: 65px !important;
}
.hp-become-part-of-the {
	margin-top: -20px !important;
	margin-bottom: 20px !important;
}
.hp-leasing-panel {
	width: 473px;
	height: 473px;
	background: #F8F4F1;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
}
.hp-leasing-panel .el-content {
	max-width: 329px;
	margin-left: auto;
	margin-right: auto;
}
.hp-leasing-panel .el-title {
	margin-top: 120px !important;
}
.hp-leasing-sec {
	position: relative;
	height: 616px;
}
.hp-leasing-sec:before {
	content: "";
	height: 759px;
	width: 494px;
	background: url(https://mlystaging.com/sfdc/wp-content/uploads/2022/09/leasing-bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	left: 0px;
	top: -100px;
}
.hp-events-col-left > * {
	max-width: 620px;
	margin-left: auto;
	padding-left: 40px;
}
.uk-slidenav > svg {
	display: none;
}
.uk-slidenav {
	width: 64px;
	height: 64px;
}
.uk-slidenav-previous {
	background: url(https://mlystaging.com/sfdc/wp-content/uploads/2022/09/slideshow-arrow-left-2.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.uk-slidenav-next {
	background: url(https://mlystaging.com/sfdc/wp-content/uploads/2022/09/slideshow-arrow-right.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.hp-henry-1 .el-image {
	width: 100%;
	height: 644px;
	object-fit: cover;
}
.hp-henry-2 .el-image, .hp-henry-3 .el-image {
	width: 100%;
	height: 250px;
	object-fit: cover;
}
.hp-henry-sec {
	padding-top: 165px;
}
.hp-henry-sec .el-meta {
	font-family: 'Commuters Sans';
	font-size: 11px;
	background: #E5DACF;
	padding: 3px 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	width: max-content;
	height: 21px;
	box-sizing: border-box;
	overflow: hidden;
	color: #000;
}
.hp-henry-sec .el-title {
	height: 42px;
	overflow: hidden;
}
.hp-primary-grid .el-image {
	width: 100%;
}
.hp-primary-grid-left > * {
  max-width: 640px;
  margin-left: auto;
  padding-left: 40px;
  padding-right: 110px;
}
.hp-primary-grid-right > * {
  max-width: 640px;
  margin-right: auto;
  padding-right: 40px;
	padding-left: 140px;
}
.footer-grid .el-image {
	width: 100%;
}

@media (max-width: 1200px) {
.hp-video {
	margin-top: 20px !important;
}
.hp-video-img-right {
  right: 0px;
  bottom: 360px;
}
.hp-video-img-left {
  bottom: -67px;
  right: 670px;
}
}

@media (max-width: 960px) {
.hp-video {
	margin-right: 0px !important;
}
.hp-video-img-right {
  right: -40px;
  bottom: 240px;
  width: 200px;
}
.hp-video-img-left {
  bottom: -67px;
  right: unset;
  left: -40px;
  text-align: left !important;
  width: 200px;
}
.hp-become-a-part > .uk-container > .uk-grid > div:nth-child(2) > div > .uk-tile {
  min-height: 440px;
}
.title-shift-left-large {
  margin-left: 80px;
}
.title-shift-left {
  margin-left: 40px;
}
.hp-leasing-sec {
	height: unset;
}
.hp-become-a-part > .uk-container > .uk-grid > div:first-child {
	margin-top: 40px;
}
.hp-events-col-left > * {
	padding-bottom: 40px;
}
.henry-title-top {
	top: -55px !important;
}
.henry-title-bottom {
	top: -30px !important;
}
.hp-leasing-sec > .uk-container > .uk-grid > div:nth-child(2) {
	margin-top: 200px;
}
.hp-henry-1 .el-image {
	height: 450px;
}
.hp-henry-2 .el-image, .hp-henry-3 .el-image {
  height: 450px;
}
.hp-primary-grid-left > * {
	padding-bottom: 40px;
}
.hp-primary-grid-right > * {
	padding-bottom: 40px;
}
}

@media (max-width: 640px) {
.uk-heading-2xlarge {
	font-size: 45px;
}
.title-shift-left-large {
  margin-left: 30px;
}
.hp-become-a-part {
  padding-top: 50px;
  padding-bottom: 125px;
}
.hp-become-text {
  margin-top: 0px !important;
}
.hp-leasing-panel {
	width: 350px;
	height: 350px;
}
.hp-leasing-panel .el-title {
  margin-top: 40px !important;
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
}
.hp-leasing-panel .el-content {
  max-width: 300px;
  margin-top: 20px !important;
}
.hp-leasing-sec > .uk-container > .uk-grid > div:nth-child(2) {
  margin-top: 320px;
}
.uk-slidenav {
  width: 32px;
  height: 64px;
}
.hp-primary-grid-left > * {
	padding-right: 15px;
	padding-left: 15px;
}
.hp-primary-grid-right > * {
	padding-right: 15px;
	padding-left: 15px;
}
.hp-events-col-left > * {
	padding-left: 15px;
	padding-right: 15px;
}
.hp-video-img-left {
	bottom: -20px;
	width: 100px;
}
.hp-video-img-right {
	bottom: 200px;
	width: 100px;
}
.hp-welcome {
  padding-bottom: 100px;
}
}




