body{margin:0 auto; padding:0; background-color:#F2F1F0; font-weight:300; font-size:14px; color:#474038; font-family:"proxima-nova",sans-serif;}
body.scrolled{padding:0 0 0 0;}
/*Scroll Bars*************************************************/
::-webkit-scrollbar {width:12px; height:0px;}
::-webkit-scrollbar-button {background-color:#eaeaea;}
::-webkit-scrollbar-thumb {background-color:#eaeaea;}
/*Common*****************************/
.common-box{position:relative; margin:0 auto; padding:0; width:100%; height:auto; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.common-wide{position:relative; margin:0 auto; padding:0; width:100%; height:auto; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.common-narrow{position:relative; margin:0 auto; padding:0; width:100%; height:auto; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
.comingsoon{position:absolute; top:40%; left:50%; transform:translateX(-50%); z-index:99999999; margin:0; padding:0; max-width:320px; height:auto; box-sizing:border-box;}
.comingsoon-img{display:block; margin:0 auto; max-width:320px; cursor:pointer; -webkit-tap-highlight-color:transparent;}
/*Login*************************************/
.login {min-height: 100vh; display: flex; align-items: center; justify-content: center;  padding: 40px 20px; box-sizing: border-box;}
.login-box {width: 100%; padding: 40px; position:absolute; top:30%; left:50%; transform:translateX(-50%); z-index:99999999; border-radius: 12px; text-align: center;}
.login-logo{position:relative; margin:0 auto 40px auto; padding:0; width:100%; height:auto; box-sizing:border-box;}
.login-logo-icon{position:relative; margin:0 auto; max-height:36px; -webkit-tap-highlight-color:transparent;}
.login-logger-frm{position:relative; margin:0 auto 10px auto; padding:8px 10px 6px 10px; width:100%; height:auto; border:1px solid #808080; outline:none; background:none; line-height:25px; font-family:"proxima-nova",sans-serif; font-weight:200; font-size:15px; color:#474038; box-sizing:border-box;}
input.login-button{position:relative; margin:0 auto; padding:5px 20px 2px 20px; text-align:center; width:100%; height:auto; cursor:pointer; outline:none; border:2px solid #808080; background-color:#808080; line-height:30px; font-family:"proxima-nova",sans-serif; font-weight:400; font-size:14px; color:#ffffff; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
input.login-button:hover{border:2px solid #48715B; background-color:#48715B; color:#FFFFFF;}

/*Main Index*************************************/
.main-top{position:relative; margin:0 0; padding:100px 0 0 0; text-align:center; width:100%; height:100vh; background-repeat:no-repeat; background-size:cover; background-position:center; box-sizing:border-box;}
.main-top-box{position:absolute; top:32%; left:5%; z-index:99; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; box-sizing:border-box;}
.main-top-info{position:relative; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; color:#f6f6f6; box-sizing:border-box;}
.main-top-img{position:relative; margin:0 auto 40px auto; padding:0; text-align:left; width:100%; height:auto; box-sizing:border-box;}
.main-top-logo{position:relative; margin:0 auto; max-height:70px; -webkit-tap-highlight-color:transparent;}
.main-top-welcome{position:relative; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; line-height:36px; font-family:"proxima-nova",sans-serif; font-weight:900; font-size:36px; box-sizing:border-box;}
.main-top-action{float:left;position:relative; margin:30px auto 0 auto; padding:0; width:100%; height:auto; box-sizing:border-box;}
.main-top-design{float:left;position:relative; margin:0 auto 10px auto; padding:0; text-align:center; width:100%; height:auto; background-repeat:no-repeat; background-size:cover; background-position:top; box-sizing:border-box;}
.main-top-border{float:left;position:relative; margin:0 auto 8px auto; padding:0; text-align:left; width:60%; height:10px; background-image:url(../img/png/icon-nav-line-w.png); background-position:top; box-sizing:border-box;}
.main-top-fun{float:left;position:relative; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; color:#f6f6f6; line-height:16px; font-family:"proxima-nova",sans-serif; font-weight:900; font-size:16px; background-repeat:no-repeat; background-size:cover; background-position:top; box-sizing:border-box;}
input.main-top-button{position:relative; margin:0 auto; padding:8px 26px 7px 26px; text-align:center; width:auto; height:auto; cursor:pointer; outline:none; border:2px solid #ffffff; background:transparent; line-height:30px; font-family:"proxima-nova",sans-serif; font-weight:700; font-size:14px; color:#ffffff; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
input.main-top-button:hover{background-color:#ffffff; color:#474038;}
.main-middle{position:relative; margin:100px auto 0 auto; padding:0 16px; text-align:center; width:100%; height:auto; box-sizing:border-box;}
.main-middle-heading{position:relative; margin:0 auto 6px auto; padding:0; text-align:center; width:100%; height:auto; line-height:30px; color:#474038; font-family:"proxima-nova",sans-serif; font-weight:900; font-size:26px; box-sizing:border-box;}
.main-middle-announce{position:relative; margin:0 auto; padding:0; text-align:center; width:100%; height:auto; line-height: 1.25; color:#474038; font-family:"proxima-nova",sans-serif; font-weight:300; font-size:16px; box-sizing:border-box;}
.main-features{position:relative; margin:0 auto; padding:80px 16px; text-align:center; width:100%; height:auto; border-bottom:1px solid #E6E3E1; box-sizing:border-box;}
.main-features-promote{position:relative; margin:30px auto 0 auto; padding:0 20px; text-align:center; width:100%; height:auto; box-sizing:border-box;}
.main-features-promote-unit{position:relative; margin:40px auto; padding:0; text-align:center; width:100%; height:auto; box-sizing:border-box;}
.main-features-promote-unit-img{position:relative; margin:0 auto; padding:0; text-align:center; width:100%; height:auto; box-sizing:border-box;}
.main-features-promote-unit-icon{position:relative; margin:0 auto; padding:0; max-width:90%; -webkit-tap-highlight-color:transparent;}
.main-features-promote-unit-announce{position:relative; margin:40px auto 0 auto; padding:0; text-align:center; width:100%; height:auto; line-height:20px; color:#474038; font-family:"proxima-nova",sans-serif; font-weight:700; font-size:20px; box-sizing:border-box;}
.main-features-promote-unit-info{position:relative; margin:6px auto 0 auto; padding:0; text-align:center; width:100%; height:auto; line-height:1.25; color:#474038; font-family:"proxima-nova",sans-serif; font-weight:300; font-size:16px; box-sizing:border-box;}
.main-bottom{position:relative; margin:0 auto; padding:0; text-align:center; width:100%; height:76%; background-repeat:no-repeat; background-size:cover; background-position:center; box-sizing:border-box;}

.main-header {display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #E6E3E1; background-color:#F2F1F0; transition: all 0.3s ease; width: 100%; max-width: 100%; overflow: hidden;}
.main-header.sticky {position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; max-width: 100vw;}
.main-header-logo {margin:20px; display: flex; align-items: center; font-size: 24px; font-weight: bold; color: #474038;}
.main-header-logo img {height: 30px; margin-right: 10px;}
.main-header-icon {margin:20px; display: flex; align-items: center; font-size: 24px; font-weight: bold; color: #474038;}
.main-header-icon img {height: 20px; margin-left: 10px;}

.main-drawer{display:none; position: fixed; top: 0; right: 0; background-color:#F2F1F0; width: 100%; min-height: 100vh; z-index: 1001; overflow: hidden;}
.main-drawer-box {display: flex;  margin:0 auto; padding:0; justify-content: space-between; align-items: center; transition: all 0.3s ease; width: 100%; overflow: hidden;}
.main-drawer-box-logo {margin:20px; display: flex; align-items: center; font-size: 24px; font-weight: bold; color: #474038; cursor:pointer;}
.main-drawer-box-logo img {height: 30px; margin-right: 10px;}
.main-drawer-box-icon {margin:20px; display: flex; align-items: center; font-size: 24px; font-weight: bold; color: #474038; cursor:pointer;}
.main-drawer-box-icon img {height: 20px; margin-left: 10px;}

.main-drawer-menu {display: flex; flex-direction: column; height: 100vh; border-top:1px solid #E6E3E1;}
.main-drawer-menu-section {width: 100vw; margin: auto; height: 100%;}
.main-drawer-menu-section-row {width: 100%; padding: 16px 20px; border-bottom:1px solid #E6E3E1; cursor: pointer; transition: background 0.2s; text-align: center; display: flex; align-items: center; gap: 16px;}
.main-drawer-menu-section-row:hover {background: #E6E3E1;}
.main-drawer-menu-section-row-icon-column {display: flex; justify-content: center;}
.main-drawer-menu-section-row-icon-column img {width: 24px; height: 24px; object-fit: contain; display: block;}
.main-drawer-menu-section-row-text-column {flex: 1; font-size: 18px; color: #474038; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}


.main-about {display: flex; flex-wrap: wrap; gap: 0px; width: 96%; margin: 0; padding:40px 40px 40px 40px; align-items: center; justify-content: center; min-height: 100vh; box-sizing: border-box;}
.main-about-image {flex: 1 1 320px; max-width: 100%;}
.main-about-image img {width: 100%; height: auto; display: block; border-radius: 16px; border: 6px solid #E6E3E1; object-fit: cover; margin: 0 0 30px 0;}
.main-about-text { flex: 1 1 400px; max-width: 100%; font-size: 16px; line-height: 1.25;}
.main-about-text .main-about-welcome {color: #DBA76B; font-size: 18px; font-weight:300; font-family:"komet", sans-serif; margin: 0 0 20px 0;}
.main-about-text h2 {margin: 0 0 1.5rem 0; font-size: 23px; font-weight:900; line-height: 1.15; color: #474038;}
.main-about-text p {font-size: 16px; font-weight:300; line-height: 1.25; color: #474038; margin: 0 0 30px 0;}


.main-video{position:relative; margin:0 auto; padding:80px 0; background-color: #E6E3E1; text-align:center; width:100%; height:auto; border-bottom:1px solid #E6E3E1; box-sizing:border-box;}
.main-video-header {margin-bottom: 30px;}
.main-video-watch {color: #DBA76B; font-size: 18px; font-weight:300; font-family:"komet", sans-serif;}
.main-video-tag {color:#474038; font-size: 13px; font-weight:900;}
.main-video-promote-top {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; position: relative; margin: 0 auto 30px auto; padding: 0 20px; width: 100%; height: auto; box-sizing: border-box;}
.main-video-promote-top > * {flex: 1 1 300px; max-width: calc(100%); min-width: calc(100%); height:auto;}
.main-video-promote-top-img{position:relative; margin:0 auto; padding:0; text-align:center; width:100%; height:auto; box-sizing:border-box;}
.main-video-promote-top {flex: 1 1 400px; max-width: 100%; font-size: 12px; line-height: 1.20;}
.main-video-promote-top h2 {margin:6px 0 4px 0; font-size: 16px; font-weight:200; line-height: 1; color: #474038; }
.main-video-promote-top p {font-size: 12px; font-weight:800; line-height: 1.20; color: #474038;  margin:0;}
.main-video-promote-top-link {text-decoration: none; color: inherit;}
.main-video-promote {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; position: relative; margin: 30px auto 0 auto; padding: 0 20px; width: 100%; height: auto; box-sizing: border-box;}
.main-video-promote > * {flex: 1 1 300px; max-width: calc(100%); min-width: calc(100%); height:auto;}
.main-video-promote-img{position:relative; margin:0 auto; padding:0; text-align:center; width:100%; height:auto; box-sizing:border-box;}
.main-video-promote {flex: 1 1 400px; max-width: 100%; font-size: 12px; line-height: 1.20;}
.main-video-promote h2 {margin:6px 0 4px 0; font-size: 16px; font-weight:200; line-height: 1; color: #474038; }
.main-video-promote p {font-size: 12px; font-weight:800; line-height: 1.20; color: #474038;  margin:0;}
.main-video-promote-link {text-decoration: none; color: inherit;}
.video-thumbnail-wrapper {position: relative; width: 100%; height: auto;}
.main-video-promote-top-link:hover .main-video-promote-top-img {filter: brightness(1);}
.main-video-promote-link:hover .main-video-promote-img {filter: brightness(1);}
.play-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(71, 64, 58, 0.55); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.1s ease; pointer-events: none;}
.main-video-promote-top-link:hover .play-overlay {opacity: 1;}
.main-video-promote-link:hover .play-overlay {opacity: 1;}
.play-icon {font-size: 20px; color: #E6E3E1; text-shadow: 0 0 15px rgba(0,0,0,0.7); opacity: 0.9;}




.main-bakery{position:relative; margin:0 auto; padding:80px 0; background-color: #E6E3E1; text-align:center; width:100vw; min-height: 70vh; display: flex; align-items: center; justify-content: center; background-repeat:no-repeat; background-size:cover; background-position:center; box-sizing:border-box;}
.main-bakery-box{position:absolute; top:18%; left:5%; z-index:99; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; box-sizing:border-box;}
.main-bakery-info{position:relative; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; color:#f6f6f6; box-sizing:border-box;}
.main-bakery-img{position:relative; margin:0 auto 40px auto; padding:0; text-align:left; width:100%; height:auto; box-sizing:border-box;}
.main-bakery-logo{position:relative; margin:0 auto; max-height:80px; -webkit-tap-highlight-color:transparent;}
.main-bakery-welcome{float:left; position:relative; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; line-height:36px; font-family:"proxima-nova",sans-serif; font-weight:900; font-size:36px; box-sizing:border-box;}
.main-bakery-action{float:left; position:relative; margin:30px auto 0 auto; justify-content: left; padding:0; width:100%; height:auto; box-sizing:border-box;}
.main-bakery-design{float:left; position:relative; margin:0 auto 10px auto; padding:0;  width:100%; height:auto; background-repeat:no-repeat; background-size:cover; background-position:top; box-sizing:border-box;}
.main-bakery-border{float:left; position:relative; margin:4px auto 4px auto; padding:0; text-align:left; width:50%; height:6px; background-image:url(../img/png/icon-nav-line-w.png); background-position:top; box-sizing:border-box;}
.main-bakery-fun{float:left; position:relative; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; color:#f6f6f6; line-height:16px; font-family:"proxima-nova",sans-serif; font-weight:400; font-size:16px; background-repeat:no-repeat; background-size:cover; background-position:top; box-sizing:border-box;}
input.main-bakery-button{position:relative; margin:0 auto; padding:8px 26px 7px 26px; text-align:center; width:auto; height:auto; cursor:pointer; outline:none; border:2px solid #F2F1F0; background:transparent; line-height:30px; font-family:"proxima-nova",sans-serif; font-weight:700; font-size:14px; color:#F2F1F0; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
input.main-bakery-button:hover{background-color:#F2F1F0; color:#474038;}
.main-top, .main-bakery, .main-garden {padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; width: 100vw !important; max-width: none !important; position: relative; left: 0; right: 0;}
.main-top-box, .main-bakery-box, .main-garden-box {padding: 0 0!important; width: 90% !important; max-width: 1400px !important; margin: 0 auto !important;}

.main-youtube{position:relative; margin:0 auto; padding:80px 0; background-color: #E6E3E1; text-align:center; width:100%; height:auto; border-bottom:1px solid #E6E3E1; box-sizing:border-box;}
.main-youtube-header {margin-bottom: 30px;}
.main-youtube-watch {color: #DBA76B; font-size: 18px; font-weight:300; font-family:"komet", sans-serif;}
.main-youtube-tag {color:#474038; font-size: 13px; font-weight:900;}
.main-youtube-promote {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto); gap: 16px 16px; width: 100%; max-width: 100%; margin: 30px auto; padding: 0 20px; box-sizing: border-box;}
.main-youtube-gallery-item {text-decoration: none; color: inherit;}
.main-youtube-gallery-thumb {position: relative; width: 100%; overflow: hidden;}
.main-youtube-gallery-thumb img {width: 100%; height: auto; object-fit: cover; display: block; border-radius: 10px; object-fit: cover;}
.main-youtube-gallery-item:hover .main-youtube-gallery-thumb img {filter: brightness(1);}
.main-youtube-gallery-overlay {position: absolute; inset: 0; background: rgba(71, 64, 58, 0.55); display: flex; align-items: center; justify-content: center; opacity: 0; border-radius: 10px; object-fit: cover; }
.main-youtube-gallery-item:hover .main-youtube-gallery-overlay {opacity: 1;}
.main-youtube-eye-icon {font-size: 20px; color: #E6E3E1; text-shadow: 0 0 15px rgba(0,0,0,0.7); opacity: 0.9;}

.main-garden{position:relative; margin:0 auto; padding:80px 0; background-color: #E6E3E1; text-align:center; width:100vw; min-height: 70vh; display: flex; align-items: center; justify-content: center; background-repeat:no-repeat; background-size:cover; background-position: bottom; box-sizing:border-box;}
.main-garden-box{position:absolute; top:18%; left:5%; z-index:99; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; box-sizing:border-box;}
.main-garden-info{position:relative; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; color:#f6f6f6; box-sizing:border-box;}
.main-garden-img{position:relative; margin:0 auto 40px auto; padding:0; text-align:left; width:100%; height:auto; box-sizing:border-box;}
.main-garden-logo{position:relative; margin:0 auto; max-height:80px; -webkit-tap-highlight-color:transparent;}
.main-garden-welcome{float:left; position:relative; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; line-height:36px; font-family:"proxima-nova",sans-serif; font-weight:900; font-size:36px; box-sizing:border-box;}
.main-garden-action{float:left; position:relative; margin:30px auto 0 auto; justify-content: left; padding:0; width:100%; height:auto; box-sizing:border-box;}
.main-garden-design{float:left; position:relative; margin:0 auto 10px auto; padding:0;  width:100%; height:auto; background-repeat:no-repeat; background-size:cover; background-position:top; box-sizing:border-box;}
.main-garden-border{float:left; position:relative; margin:4px auto 4px auto; padding:0; text-align:left; width:50%; height:6px; background-image:url(../img/png/icon-nav-line-w.png); background-position:top; box-sizing:border-box;}
.main-garden-fun{float:left; position:relative; margin:0 auto; padding:0; text-align:left; width:100%; height:auto; color:#f6f6f6; line-height:16px; font-family:"proxima-nova",sans-serif; font-weight:400; font-size:16px; background-repeat:no-repeat; background-size:cover; background-position:top; box-sizing:border-box;}
input.main-garden-button{position:relative; margin:0 auto; padding:8px 26px 7px 26px; text-align:center; width:auto; height:auto; cursor:pointer; outline:none; border:2px solid #F2F1F0; background:transparent; line-height:30px; font-family:"proxima-nova",sans-serif; font-weight:700; font-size:14px; color:#F2F1F0; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
input.main-garden-button:hover{background-color:#F2F1F0; color:#474038;}

.footer {background-color: #1F1C18; color: #ffffff; padding: 50px 20px; text-align: center; font-family: "proxima-nova", sans-serif;}
.footer-top {margin-bottom: 40px;}
.footer-logo {max-height: 60px;}
.footer-middle {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; flex-wrap: wrap; gap: 20px;}
.footer-copyright {font-size: 14px; font-weight:200; flex: 1; text-align: left;}
.footer-social {display: flex; gap: 20px; justify-content: flex-end; flex: 1;}
.footer-social-icon {height: 20px; width: auto;}
.footer-bottom {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; font-size: 14px; font-weight:200;}
.footer-links, .footer-legal {display: flex; gap: 20px;}
.footer-link {cursor: pointer; color: #ffffff; text-decoration: none;}
.footer-link:hover {text-decoration: underline;}
@media (max-width: 768px) {
  .footer-middle,
  .footer-bottom {flex-direction: column;}
  .footer-copyright,
  .footer-social,
  .footer-links,
  .footer-legal {justify-content: center; text-align: center; flex: none;}
}

/*Terms*******************************************************/
.terms-header{position:relative; margin:0 auto; padding:0; text-align:center; width:100%; height:auto; font-weight:100; font-size:22px; font-family:"proxima-nova",sans-serif; color:#474038; box-sizing:border-box;}
.terms-header-under{position:relative; margin:0 auto 20px auto; padding:0; text-align:center; width:100%; height:auto; font-weight:100; font-size:16px; font-family:"proxima-nova",sans-serif; color:#474038; box-sizing:border-box;}
.terms-about{position:relative; margin:20px 0; padding:0; text-align:center; width:100%; height:auto; box-sizing:border-box;}
.terms-about-subheader{position:relative; margin:0 auto; text-align:left; padding:0; width:100%; height:auto; font-family:"proxima-nova",sans-serif; font-weight:600; font-size:16px; color:#474038; box-sizing:border-box;}
.terms-about-section{position:relative; margin:0 auto 20px auto; text-align:left; padding:0; width:100%; height:auto; font-family:"proxima-nova",sans-serif; font-weight:200; font-size:14px; color:#474038; box-sizing:border-box;}
a.terms-termslink:link {color:#474038; text-decoration:underline; -webkit-tap-highlight-color:transparent;}
a.terms-termslink:visited {color:#474038; text-decoration:underline; -webkit-tap-highlight-color:transparent;}
a.terms-termslink:hover {color:#a0a0a0; text-decoration:underline; -webkit-tap-highlight-color:transparent;}
a.terms-termslink:active {color:#474038; text-decoration:underline; -webkit-tap-highlight-color:transparent;}

.main-upload{position:relative; margin:0 auto; width:100%; min-height: 22vh; display: flex; align-items: center; justify-content: center; background-repeat:repeat; background-size:auto; background-position:top; box-sizing:border-box;}

.dashboard { max-width:720px; margin:10px auto 40px auto; padding:30px 16px; background:#E6E3E1; border-radius:12px; font-family:"proxima-nova",sans-serif;}
h2 { text-align:center; margin-bottom:30px; color:#474038; font-size: 18px; font-weight:700; }
.form-group { margin-bottom:22px; }
label { display:block; margin-bottom:8px; font-size: 14px; font-weight:700; }
input, textarea, select { width:100%; padding:10px; font-size: 14px; border:1px solid #E6E3E1; background:#F2F1F0; border-radius:6px; box-sizing:border-box; font-family:"proxima-nova",sans-serif;}
textarea { resize:vertical; }
.form-row { display:flex; gap:20px; margin-bottom:22px; }
.form-group.half { flex:1; }
.upload-area { border:2px dashed #E6E3E1; border-radius:10px; padding:35px; font-size: 14px; text-align:center; cursor:pointer; background:#F2F1F0; transition:all 0.3s; }
.upload-area:hover { border-color:#E6E3E1; background:#F2F1F0; }
.submit-btn { width:100%; padding:14px; border:1px solid #F2F1F0; color:#474038; border-radius:6px; font-size:16px; font-weight: 900; cursor:pointer; }
.submit-btn:hover {background:#474038; color:#F2F1F0; }
.loading-overlay {position: fixed; inset: 0; background:rgba(71, 64, 56, 0.5); display: none; z-index: 9999;}

.loading-overlay.show {display: block;}

.spinner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 8px solid #F2F1F0; border-top: 8px solid #474038; border-radius: 50%; width: 60px; height: 60px; animation: spin 1s linear infinite;}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg);}

}
select option:checked, select option[selected] {font-weight: 200; background: #E6E3E1; color: #474038;}
select option:hover {background: #E6E3E1; color: #474038;}