body.modal-open .modal.show {
display: flex !important;
align-items: center; }
@media (max-width: 768px) {
body.modal-open .modal.show {
display: block !important; } }
.clz {
font-family: serif; }
.clz .navbar {
padding-top: 13px; }
.clz .nav-link {
color: #000 !important;
margin: 0 10px; }
.clz .nav-item:last-child .nav-link {
color: #357f87 !important; }
.clz .navbar-brand img {
width: 200px;
max-width: calc(100vw - 150px); }
.clz__content {
max-width: 100vw;
overflow: hidden;
border-radius: 30px;
position: relative; }
.clz__content-wrapper {
padding: 10px 50px 80px;
position: relative; }
.clz__logo {
position: absolute;
bottom: 30px;
left: 50px;
z-index: 10; }
.clz__logo img {
width: 200px; }
.clz__map {
width: 100%;
height: auto; }
.clz__map-scroller {
overflow-y: auto; }
.clz__swipe-instruction {
display: none; }
.clz__marker {
position: absolute;
width: 80px;
height: 80px;
transform: translate(-50%, -100%);
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
z-index: 10;
cursor: pointer;
transition: 0.5s ease; }
.clz__marker-text {
opacity: 0;
transition: 0.5s ease;
position: absolute;
bottom: calc(100% - 5px);
left: 50%;
transform: translateX(-50%);
font-weight: bold;
text-align: center;
color: #fff;
font-family: sans-serif;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
width: 150px; }
.clz__marker:hover {
transform: translate(-50%, -100%) scale(1.1);
transform-origin: bottom center; }
.clz__marker:hover .clz__marker-text {
opacity: 1;
bottom: calc(100% + 10px); }
.clz .modal {
padding: 0 !important; }
@media (min-width: 768px) {
.clz .modal-dialog {
max-width: 80vw;
width: 100%; } }
.clz .modal-content {
border: none;
border-radius: 30px; }
.clz .modal-body {
padding: 10px 50px 50px; }
.clz .modal-header {
border-bottom: 0;
font-size: 40px; }
.clz .modal .embed-responsive {
margin-top: 40px; }
.clz__top-title {
font-family: sans-serif;
margin-bottom: 10px; }
.clz__title {
margin-bottom: 20px;
font-weight: bold;
font-size: 35px;
background: linear-gradient(to right, #2e9c8c, #004791);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.clz__video-loading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 150px;
z-index: 0; }
.clz .embed-responsive-item {
z-index: 1; }
@media (max-width: 992px) {
.clz__content-wrapper {
padding: 10px 30px 50px; }
.clz__logo {
left: 30px;
bottom: 10px; }
.clz__map {
width: auto;
height: calc(100vh - 145px); }
.clz__swipe-instruction {
display: block;
position: absolute;
bottom: 50px;
width: 60%;
left: 50%;
transform: translateX(-50%);
pointer-events: none; } }
@media (max-width: 768px) {
.clz__title {
font-size: 28px; } }