@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;700;800&display=swap');

 * {
     padding: 0;
     margin: 0;
     box-sizing: border-box;
     font-family: 'Dosis', sans-serif;
 }

 body {
     display: grid;
     grid-template-rows: 10vh 80vh 10vh;
     min-height: 100vh;
     background-color: white;
 }

 .navbar {
     display: flex;
     justify-content: space-between;
     padding: 0px 50px 0px 62px;
     background-color: white;
     align-items: center;
     box-shadow: 0 0 1rem rgba(0, 0, 0, .1);
     z-index: 1;
 }

 .logo {
     width: 50px;
 }

 .logo img {
     width: 100%;
 }

 .nav_links {
     display: flex;
     align-items: center;
     gap: 20px;
 }

 ul {
     list-style: none;
 }

 .navlink {
     color: black;
     transition: .3s;
     cursor: pointer;
     font-weight: 500;
     border-bottom: 2px solid transparent;
     padding-bottom: 5px;
     margin-left: 15px;
     text-transform: uppercase;
     font-size: .8rem;

 }


 #video {
     height: 100%;
     object-fit: cover;
     object-position: center;
     width: 100vw;
 }

 .search {
     width: 20px;
 }

 .search img {
     width: 100%;
     cursor: pointer;
 }

 .material-symbols-outlined {
     transition: .3s;
     color: black;
     cursor: pointer;
     font-weight: lighter;
 }

 .material-symbols-outlined:hover {
     color: #ddb0b7;
 }


 .hover_element {
     position: relative;
     padding: 25px 0;
     cursor: pointer;

 }

 .hover_element:hover .navlink {
     color: #ddb0b7;
     border-bottom: 2px solid #ddb0b7;
 }

 .footer {

     display: flex;
     justify-content: space-between;
     padding: 25px 50px 25px 62px;
     background-color: white;
     align-items: center;
     box-shadow: 0 0 1rem rgba(0, 0, 0, .1);

 }

 .footer .rights {
     color: #a0a0a0;
     font-size: .8rem;
     text-decoration: none;
     transition: .3s;
 }

 .footer ul {
     display: flex;
     align-items: center;
     gap: 15px;
 }

 .footer ul a {
     color: #a0a0a0;
     text-decoration: none;
     transition: .3s;
     font-size: .8rem;
     text-transform: uppercase;
 }

 .footer a:hover {
     color: #ddb0b7;
 }


 .eltdf-side-menu-slide-from-right.eltdf-right-side-menu-opened .eltdf-side-menu {
     right: 0;
     visibility: visible;
 }

 .eltdf-side-menu {
     background-color: #212121;
 }

 .eltdf-side-menu {
     position: fixed;
     top: 0;
     right: -405px;
     width: 405px;
     height: 100%;
     min-height: 100%;
     padding: 66px 55px 36px 45px;
     background-color: #212121;
     text-align: left;
     overflow: hidden;
     overflow-y: hidden;
     visibility: hidden;
     z-index: 9999;
     -webkit-backface-visibility: hidden;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
     -o-transition: all .6s cubic-bezier(.77, 0, .175, 1);
     transition: all .6s cubic-bezier(.77, 0, .175, 1);
 }

 .eltdf-side-menu .eltdf-close-side-menu-holder {
     position: absolute;
     top: 30px;
     right: 32px;
     z-index: 1000;
 }

 .eltdf-side-menu a.eltdf-close-side-menu {
     color: #808285;
 }

 .eltdf-side-menu a.eltdf-close-side-menu {
     display: block;
     color: #fff;
     font-size: 30px;
     z-index: 1000;
 }

 .eltdf-side-menu a.eltdf-close-side-menu span {
     display: block;
     line-height: inherit;
 }

 h4 {
     color: #999;
     margin-bottom: 14px;
     text-transform: uppercase;
     font-weight: 300;
 }

 .search_container {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100vh;
     overflow: hidden;
     display: none;
     justify-content: center;
     align-items: center;
     z-index: 3;
     background-color: white;
 }

 .search_input {
     position: relative;
     width: 60%;
 }

 .search_input input {
     padding: 20px 0;
     border: none;
     border-bottom: 1px solid #aaa;
     outline: none;
     width: 90%;
     font-size: 20px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: .3em;
     color: #aaa;
 }

 .search_input span {
     position: absolute;
     top: 20px;
     right: 70px;
     color: #aaa;
 }

 .navbar_mobile {
     display: none;
     justify-content: space-between;
     padding: 0px 50px 0px 62px;
     background-color: white;
     align-items: center;
     box-shadow: 0 0 1rem rgba(0, 0, 0, .1);
     z-index: 1;
     padding: 20px;
     position: relative;
 }

 .mobile {
     position: absolute;
     top: 100%;
     background: white;
     width: 100vw;
     left: 0;
     padding: 20px;
     display: none;
 }

 .mobile_link {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 10px;
     cursor: pointer;
     font-size: .8rem;
     text-transform: capitalize;
     border-bottom: 1px solid rgba(0, 0, 0, .1);
     transition: .3s;
 }

 .mobile_link:hover {
     color: #ddb0b7;
 }

 #contact_us {
     position: fixed;
     background-color: white;
     left: 0;
     top: 0;
     width: 100vw;
     height: 100vh;
     background-color: white;
     z-index: 9;
     display: none;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     overflow: auto;
     gap: 20px;
 }

 #contact_us form {
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 #contact_us form input,
 form textarea {
     padding: 10px;
     border: none;
     border-bottom: 1px solid #aaa;
     outline: none;
     width: 100%;
     font-size: 20px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: .3em;
     color: #aaa;
 }

 #contact_us form button {
     background-color: white;
     border: none;
     border-bottom: 1px solid #aaa;
     background-color: white;
     font-size: 20px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: .3em;
     padding: 10px;
     cursor: pointer;
     transition: .3s;
 }

 #contact_us form button:hover {
     background-color: whitesmoke;
 }

 #close_contact {
     color: black;
     width: 40px;
     height: 40px;
     background: whitesmoke;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 100%;
     position: absolute;
     top: 10px;
     right: 10px;
     cursor: pointer;
     transition: .3s;
 }

 #close_contact:hover {
     box-shadow: 0 0 1rem rgba(0, 0, 0, .1);
 }

 @media (max-width: 762px) {
     .navbar {
         display: none;
     }

     .navbar_mobile {
         display: flex;
     }

     .footer {
         flex-direction: column;
         gap: 20px;
         flex-wrap: wrap;
     }
 }

 .error {
     color: red;
     font-size: 10px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: .3em;
     display: none;
 }

 .loader {
     border: 5px solid;
     width: 80px;
     height: 80px;
     border-radius: 100%;
     border-bottom: 5px solid transparent;
     border-top: 5px solid transparent;
 }

 @keyframes load {
     from {
         transform: rotate(0deg);
     }

     to {
         transform: rotate(360deg);
     }
 }