/*

Theme Name: Divi Child

Theme URI: https://diviextended.com/

Version: 1.0

Description: Child Theme of Divi

Author: Divi Extended

Template: Divi

*/

@import url("../Divi/style.css");

body {
   overflow: hidden;
}

::-webkit-scrollbar {
   width: 8px;
   height: 80px;
}

::-webkit-scrollbar-track {
   background: transparent;
}

::-webkit-scrollbar-thumb {
   background: #c2c2c2;
   border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
   background: #a0a0a0;
}

* {
   scrollbar-width: thin;
   scrollbar-color: #c2c2c2 transparent;
}

.bottom-floor {
   padding: 0 !important;
   margin: 0 !important;
}
.bottom-floor:after {
   content: "";
   width: 100%;
   height: 4.75%;
   background: #333333;
   -webkit-clip-path: polygon(4% 0, 100% 0%, 100% 100%, 0% 100%);
   clip-path: polygon(4% 0, 100% 0%, 100% 100%, 0% 100%);
   position: absolute;
   bottom: 0;
   z-index: 9;
}
.bottom-floor::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 4%;
   height: 100vh;
   z-index: 8;
   border-right: 0.6vw solid #333;
   -webkit-box-shadow: 1vw 0 2vw rgba(0, 0, 0, 0.3), inset 2vw 0 2vw rgba(0, 0, 0, 0.2);
   box-shadow: 1vw 0 2vw rgba(0, 0, 0, 0.3), inset 2vw 0 2vw rgba(0, 0, 0, 0.2);
}
.elevator-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.elevator-door {
   max-width: 74.5vw;
   width: 100% !important;
   height: 100%;
   border-bottom: none;
   margin-right: 27px !important;
   margin-bottom: 0 !important;
   position: relative;
   -webkit-box-shadow: inset 0 10px 10px rgba(0, 0, 0, 0.2);
   box-shadow: inset 0 10px 10px rgba(0, 0, 0, 0.2);
}
.elevator-door.active::after,
.elevator-door.active::before {
   width: 1.5%;
   letter-spacing: 1em;
   overflow: hidden;
}
.elevator-door.active::before {
   -webkit-box-shadow: inset 10px 0px 10px rgba(0, 0, 0, 0.3);
   box-shadow: inset 10px 0px 10px rgba(0, 0, 0, 0.3);
}
.elevator-door.active::after {
   -webkit-box-shadow: inset -10px 10px 10px rgba(0, 0, 0, 0.2);
   box-shadow: inset -10px 10px 10px rgba(0, 0, 0, 0.2);
}
.elevator-door::before {
   content: "DutS";
   width: 50%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 99;
   background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="1016" viewBox="0 0 20 1016"><defs><clipPath id="clip-path"><rect id="Rectangle_4230" data-name="Rectangle 4230" width="20" height="1016" transform="translate(572 853)" fill="rgba(51,51,51,0)"/></clipPath><filter id="Rectangle_4214" x="5.5" y="-7.5" width="18" height="1031" filterUnits="userSpaceOnUse"><feOffset dx="-3" input="SourceAlpha"/><feGaussianBlur stdDeviation="2.5" result="blur"/><feFlood flood-opacity="0.651"/><feComposite operator="in" in2="blur"/><feComposite in="SourceGraphic"/></filter></defs><g id="Mask_Group_3" data-name="Mask Group 3" transform="translate(-572 -853)" clip-path="url(%23clip-path)"><g transform="matrix(1, 0, 0, 1, 572, 853)" filter="url(%23Rectangle_4214)"><rect id="Rectangle_4214-2" data-name="Rectangle 4214" width="3" height="1016" transform="translate(16)" fill="%23333"/></g><rect id="Rectangle_4231" data-name="Rectangle 4231" width="1" height="1016" transform="translate(591 853)" fill="%23f3e6cf"/></g></svg>'),
      -o-linear-gradient(left, #f0e3ce 0%, #c8ad87 50%, #f3e6cf 100%);
   background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="1016" viewBox="0 0 20 1016"><defs><clipPath id="clip-path"><rect id="Rectangle_4230" data-name="Rectangle 4230" width="20" height="1016" transform="translate(572 853)" fill="rgba(51,51,51,0)"/></clipPath><filter id="Rectangle_4214" x="5.5" y="-7.5" width="18" height="1031" filterUnits="userSpaceOnUse"><feOffset dx="-3" input="SourceAlpha"/><feGaussianBlur stdDeviation="2.5" result="blur"/><feFlood flood-opacity="0.651"/><feComposite operator="in" in2="blur"/><feComposite in="SourceGraphic"/></filter></defs><g id="Mask_Group_3" data-name="Mask Group 3" transform="translate(-572 -853)" clip-path="url(%23clip-path)"><g transform="matrix(1, 0, 0, 1, 572, 853)" filter="url(%23Rectangle_4214)"><rect id="Rectangle_4214-2" data-name="Rectangle 4214" width="3" height="1016" transform="translate(16)" fill="%23333"/></g><rect id="Rectangle_4231" data-name="Rectangle 4231" width="1" height="1016" transform="translate(591 853)" fill="%23f3e6cf"/></g></svg>'),
      -webkit-gradient(linear, left top, right top, from(#f0e3ce), color-stop(50%, #c8ad87), to(#f3e6cf));
   background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="1016" viewBox="0 0 20 1016"><defs><clipPath id="clip-path"><rect id="Rectangle_4230" data-name="Rectangle 4230" width="20" height="1016" transform="translate(572 853)" fill="rgba(51,51,51,0)"/></clipPath><filter id="Rectangle_4214" x="5.5" y="-7.5" width="18" height="1031" filterUnits="userSpaceOnUse"><feOffset dx="-3" input="SourceAlpha"/><feGaussianBlur stdDeviation="2.5" result="blur"/><feFlood flood-opacity="0.651"/><feComposite operator="in" in2="blur"/><feComposite in="SourceGraphic"/></filter></defs><g id="Mask_Group_3" data-name="Mask Group 3" transform="translate(-572 -853)" clip-path="url(%23clip-path)"><g transform="matrix(1, 0, 0, 1, 572, 853)" filter="url(%23Rectangle_4214)"><rect id="Rectangle_4214-2" data-name="Rectangle 4214" width="3" height="1016" transform="translate(16)" fill="%23333"/></g><rect id="Rectangle_4231" data-name="Rectangle 4231" width="1" height="1016" transform="translate(591 853)" fill="%23f3e6cf"/></g></svg>'),
      linear-gradient(90deg, #f0e3ce 0%, #c8ad87 50%, #f3e6cf 100%);
   background-repeat: repeat-y;
   background-position: right;
   font-family: "Roboto Slab";
   font-weight: bold;
   font-size: 6.25rem;
   letter-spacing: 0.25em;
   color: #333333;
   -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3), inset 10px 10px 10px rgba(0, 0, 0, 0.2);
   box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3), inset 10px 10px 10px rgba(0, 0, 0, 0.2);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: end;
   text-transform: uppercase;
   -webkit-transition: width 1.2s ease-in-out, letter-spacing 0.8s ease-in-out, -webkit-box-shadow 0.8s ease-in-out;
   transition: width 1.2s ease-in-out, letter-spacing 0.8s ease-in-out, -webkit-box-shadow 0.8s ease-in-out;
   -o-transition: width 1.2s ease-in-out, letter-spacing 0.8s ease-in-out, box-shadow 0.8s ease-in-out;
   transition: width 1.2s ease-in-out, letter-spacing 0.8s ease-in-out, box-shadow 0.8s ease-in-out;
   transition: width 1.2s ease-in-out, letter-spacing 0.8s ease-in-out, box-shadow 0.8s ease-in-out, -webkit-box-shadow 0.8s ease-in-out;
   overflow: hidden;
}

.elevator-door::after {
   content: "chke";
   width: 50%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 99;
   background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="1016" viewBox="0 0 20 1016"><defs><clipPath id="clip-path"><rect id="Rectangle_4228" data-name="Rectangle 4228" width="20" height="1016" transform="translate(647 853)" fill="rgba(51,51,51,0)"/></clipPath><filter id="Rectangle_4224" x="-3.5" y="-7.5" width="18" height="1031" filterUnits="userSpaceOnUse"><feOffset dx="3" input="SourceAlpha"/><feGaussianBlur stdDeviation="2.5" result="blur"/><feFlood flood-opacity="0.651"/><feComposite operator="in" in2="blur"/><feComposite in="SourceGraphic"/></filter></defs><g id="Mask_Group_2" data-name="Mask Group 2" transform="translate(-647 -853)" clip-path="url(%23clip-path)"><g transform="matrix(1, 0, 0, 1, 647, 853)" filter="url(%23Rectangle_4224)"><rect id="Rectangle_4224-2" data-name="Rectangle 4224" width="3" height="1016" transform="translate(1)" fill="%23333"/></g><rect id="Rectangle_4229" data-name="Rectangle 4229" width="1" height="1016" transform="translate(647 853)" fill="%23f3e6cf"/></g></svg>'),
      -o-linear-gradient(left, #f0e3ce 0%, #c8ad87 50%, #f3e6cf 100%);
   background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="1016" viewBox="0 0 20 1016"><defs><clipPath id="clip-path"><rect id="Rectangle_4228" data-name="Rectangle 4228" width="20" height="1016" transform="translate(647 853)" fill="rgba(51,51,51,0)"/></clipPath><filter id="Rectangle_4224" x="-3.5" y="-7.5" width="18" height="1031" filterUnits="userSpaceOnUse"><feOffset dx="3" input="SourceAlpha"/><feGaussianBlur stdDeviation="2.5" result="blur"/><feFlood flood-opacity="0.651"/><feComposite operator="in" in2="blur"/><feComposite in="SourceGraphic"/></filter></defs><g id="Mask_Group_2" data-name="Mask Group 2" transform="translate(-647 -853)" clip-path="url(%23clip-path)"><g transform="matrix(1, 0, 0, 1, 647, 853)" filter="url(%23Rectangle_4224)"><rect id="Rectangle_4224-2" data-name="Rectangle 4224" width="3" height="1016" transform="translate(1)" fill="%23333"/></g><rect id="Rectangle_4229" data-name="Rectangle 4229" width="1" height="1016" transform="translate(647 853)" fill="%23f3e6cf"/></g></svg>'),
      -webkit-gradient(linear, left top, right top, from(#f0e3ce), color-stop(50%, #c8ad87), to(#f3e6cf));
   background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="1016" viewBox="0 0 20 1016"><defs><clipPath id="clip-path"><rect id="Rectangle_4228" data-name="Rectangle 4228" width="20" height="1016" transform="translate(647 853)" fill="rgba(51,51,51,0)"/></clipPath><filter id="Rectangle_4224" x="-3.5" y="-7.5" width="18" height="1031" filterUnits="userSpaceOnUse"><feOffset dx="3" input="SourceAlpha"/><feGaussianBlur stdDeviation="2.5" result="blur"/><feFlood flood-opacity="0.651"/><feComposite operator="in" in2="blur"/><feComposite in="SourceGraphic"/></filter></defs><g id="Mask_Group_2" data-name="Mask Group 2" transform="translate(-647 -853)" clip-path="url(%23clip-path)"><g transform="matrix(1, 0, 0, 1, 647, 853)" filter="url(%23Rectangle_4224)"><rect id="Rectangle_4224-2" data-name="Rectangle 4224" width="3" height="1016" transform="translate(1)" fill="%23333"/></g><rect id="Rectangle_4229" data-name="Rectangle 4229" width="1" height="1016" transform="translate(647 853)" fill="%23f3e6cf"/></g></svg>'),
      linear-gradient(90deg, #f0e3ce 0%, #c8ad87 50%, #f3e6cf 100%);
   background-repeat: repeat-y;
   background-position: left;
   font-family: "Roboto Slab";
   font-weight: bold;
   font-size: 6.25rem;
   letter-spacing: 0.25em;
   color: #333333;
   -webkit-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.3), inset -10px 10px 10px rgba(0, 0, 0, 0.2);
   box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.3), inset -10px 10px 10px rgba(0, 0, 0, 0.2);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: start;
   text-transform: uppercase;
   text-indent: 20px;
   -webkit-transition: width 1.2s ease-in-out, letter-spacing 0.8s ease-in-out;
   -o-transition: width 1.2s ease-in-out, letter-spacing 0.8s ease-in-out;
   transition: width 1.2s ease-in-out, letter-spacing 0.8s ease-in-out;
   overflow: hidden;
}
.elevator-button-container {
   width: 13.5vw !important;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 20px 1fr;
   grid-template-columns: 1fr 1fr;
   gap: 35px 20px;
}
.elevator-button > div {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}
.elevator-button > div > h1 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 60px;
   height: 60px;
   background-color: #333333;
   border-radius: 100%;
   padding: 0 !important;
   -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
   border: 1px solid #ffffff;
   margin-bottom: 8px;
   -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
   -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
   transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.elevator-button.active > div > h1 {
   background-color: #ffffff;
   border: 1px solid #333333;
   color: #333333 !important;
   -webkit-transition: background-color 0.3s ease-in-out;
   -o-transition: background-color 0.3s ease-in-out;
   transition: background-color 0.3s ease-in-out;
}
.elevator-button > div > p {
   line-height: 1.5;
   text-align: center;
}
.elevator-button > div > h1:hover {
   background-color: #ffffff;
   border: 1px solid #333333;
   color: #333333 !important;
}
.elevator-close-button,
.elevator-open-button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 0 !important;
   margin: 0 !important;
}
.elevator-open-button {
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: end;
}
.elevator-close-button {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: start;
}
.elevator-door p {
   padding-bottom: 12px;
}
.floor_content {
   overflow-y: scroll;
   height: 100%;
}

.floor_content h3:not(:first-child) {
   padding-bottom: 12px !important;
   padding-top: 30px;
}

ul.custom-list {
   list-style: none;
   padding: 0;
   margin: 0;
}
ul.custom-list li {
   position: relative;
   padding-left: 20px;
   margin-bottom: 12px;
}
ul.custom-list li::before {
   content: "";
   position: absolute;
   left: 0;
   top: 8px;
   width: 11px;
   height: 11px;
   background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11.077" height="10.733" viewBox="0 0 11.077 10.733"><path id="Path_6061" data-name="Path 6061" d="M16.222,2.763c1.268-.628,1.9-.942,2.33-.657s.367.98.246,2.371l-.032.36a1.934,1.934,0,0,0,.01.772,1.839,1.839,0,0,0,.464.6l.244.256c.943.988,1.414,1.481,1.259,1.987s-.835.689-2.193,1.055L18.2,9.6a2.029,2.029,0,0,0-.733.277,2.057,2.057,0,0,0-.446.649l-.177.32c-.685,1.238-1.028,1.857-1.552,1.885s-.883-.554-1.6-1.719l-.186-.3a1.839,1.839,0,0,0-.463-.6,1.89,1.89,0,0,0-.739-.2l-.353-.058c-1.366-.222-2.049-.334-2.218-.822s.289-1.032,1.2-2.117l.237-.281a2.053,2.053,0,0,0,.447-.648,1.941,1.941,0,0,0-.011-.772l-.041-.356c-.159-1.376-.238-2.064.182-2.393s1.062-.083,2.345.41L14.422,3a1.9,1.9,0,0,0,.739.2,2.023,2.023,0,0,0,.733-.278Z" transform="translate(-9.694 -2)" fill="%23333"/></svg>')
      no-repeat center;
   background-size: contain;
}
.photo-gallery .et_post_gallery {
   display: -ms-grid;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 30px;
}
.photo-gallery .et_post_gallery .et_pb_grid_item {
   margin: 0;
   width: 100%;
}
.social-icons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 35px;
}

@media only screen and (max-device-width: 1600px) {
   .elevator-door {
      max-width: 75%;
   }
   .elevator-button-container {
      width: 25% !important;
   }
}
@media only screen and (max-device-width: 1440px) {
   .biography-two-column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 25px;
   }
   .biography-two-column > div {
      width: 100% !important;
   }
}
@media only screen and (max-device-width: 1200px) {
   .custom-button {
      font-size: 1rem;
   }
   .elevator-door::before,
   .elevator-door::after {
      font-size: 5rem;
      text-indent: 15px;
   }
}
@media only screen and (max-device-width: 1024px) {
   .elevator-button > div > h1 {
      width: 40px;
      height: 40px;
      font-size: 1.5rem;
   }
   .elevator-button > div > p {
      font-size: 0.75rem;
      line-height: 1.5;
      text-align: center;
   }
   .elevator-close-button svg,
   .elevator-open-button svg {
      max-width: 40px;
      max-height: 40px;
   }
   .photo-gallery .et_post_gallery{
    grid-template-columns: auto;
   }
}
@media only screen and (max-device-width: 980px) {
   .bottom-floor::before {
      display: none;
   }
   .bottom-floor:after {
      display: none;
   }
   .elevator-door {
      max-width: 100%;
      margin: 0 !important;
   }
   .elevator-door::before,
   .elevator-door::after {
      font-size: 26px;
      letter-spacing: 0.5em;
   }
   .elevator-door::after {
      text-indent: 10px;
   }
   .elevator-container {
   }
   .mobile-elevator-btn-icon {
      position: absolute;
      top: 15px;
      right: 15px;
      cursor: pointer;
   }
   div.elevator-container .elevator-button-container {
      position: absolute;
      right: 10px;
      top: 45px;
      padding: 15px 10px;
      display: inline-block !important;
      width: -webkit-fit-content !important;
      width: -moz-fit-content !important;
      width: fit-content !important;
      background-image: inherit;
      overflow: hidden;
      height: 250px;
      opacity: 1;
      -webkit-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out;
   }
   div.elevator-button-container.mobile-menu-hide {
      height: 0;
      opacity: 0;
      padding: 0 10px;
   }
   .elevator-button-container .elevator-button {
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content;
   }
   .elevator-button > div > h1 {
      width: 30px;
      height: 30px;
      font-size: 1rem;
   }
   .elevator-button > div > p {
      display: none;
   }
   .elevator-close-button svg,
   .elevator-open-button svg {
      max-width: 30px;
      max-height: 30px;
   }
   .social-icons {
      gap: 15px;
   }
   .photo-gallery img {
      width: 100%;
   }
}