html, body, h1, h2, h3, h4, h5 {font-family: "montserrat", sans-serif; }
html, body { min-height: 100vh; width: 100%; padding: 0; margin: 0; }
body { font-weight: 500; font-size: 18px; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; } 
footer { margin-top: auto; }    
.CR-menu, .CR-menu a { font-family: "quicksand", sans-serif; text-decoration: none; font-weight: 200; font-size: 16px;}  
.CR-margin{margin:32px!important}.CR-margin-top{margin-top:32px!important}.CR-margin-bottom{margin-bottom:32px!important}
.CR-margin-left{margin-left:32px!important}.CR-margin-right{margin-right:32px!important}
.CR-padding{padding:32px!important}.CR-padding-top{padding-top:32px!important}.CR-padding-bottom{padding-bottom:32px!important}
.CR-padding-left{padding-left:32px!important}.CR-padding-right{padding-right:32px!important}
#JYDtextDiv {}
#JYDhalfDiv{height: 720px;}
.CR-animate { animation-duration: 0.5s; animation-name: animate-fade; animation-delay: 0.5s; animation-fill-mode: backwards; }
@keyframes animate-fade { 0% { opacity: 0; } 100% { opacity: 1; } }    
@media only screen and (max-width: 1440px) {
.CR-map { width: 100%; height: 350px; margin-top: 90px; }    
.CR-mapoverpay { position: absolute; width: 100% !important; height: 350px; top: 90px; padding: 100px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(21px); -webkit-backdrop-filter: blur(21px); } 
.CR-button { align-items: center; background-color: initial; background-image: linear-gradient(#59D862, #368A3C); border-radius: 2px; border-width: 0; box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05); box-sizing: border-box; color: #fff; cursor: pointer; display: inline-flex flex-direction: column; font-size: 18px; height: 52px; justify-content: center; line-height: 1; margin: 0; outline: none; overflow: hidden; padding: 0 18px; text-align: center; text-decoration: none; transform: translate3d(0, 0, 0); transition: all 150ms; vertical-align: baseline; white-space: nowrap; user-select: none; -webkit-user-select: none; touch-action: manipulation; } }      
@media only screen and (min-width: 1441px) {
.CR-map { width: 100%; height: 400px; margin-top: 90px; }    
.CR-mapoverpay { position: absolute; width: 100% !important; height: 400px; top: 90px; padding: 100px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(21px); -webkit-backdrop-filter: blur(21px); } 
.CR-button { align-items: center; background-color: initial; background-image: linear-gradient(#59D862, #368A3C); border-radius: 2px; border-width: 0; box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05); box-sizing: border-box; color: #fff; cursor: pointer; display: inline-flex; flex-direction: column; font-size: 18px; height: 52px; justify-content: center; line-height: 1; margin: 0; outline: none; overflow: hidden; padding: 0 32px; text-align: center; text-decoration: none; transform: translate3d(0, 0, 0); transition: all 150ms; vertical-align: baseline; white-space: nowrap; user-select: none; -webkit-user-select: none; touch-action: manipulation; } }      
.CR-modal { font-family: "montserrat", sans-serif; font-weight: 300; font-size: 16px; }
.CR-animate-left {position:relative; animation:CRanimateleft 0.4s } 
@keyframes CRanimateleft {from{left:0px;opacity:1} to{left:-600px;opacity:1}}  
.CR-animate-fading{animation:fading 1s infinite} @keyframes fading{0%{opacity:20%}50%{opacity:1}100%{opacity:20%}}    
.CR-menubutton:hover { background-color: darkseagreen; }  
.CR-pointer { cursor: pointer; }
.CR-dropdown { position: relative; }
.CR-dropdown-content { display: none; position: absolute; background-color: #fff; min-width: 130px; padding: 12px 16px; }
.CR-dropdown:hover .CR-dropdown-content { display: block; } 
#slider { margin: 30px auto; width: 100%; }
.CR-tooltip { position: relative; display: inline-block; cursor: pointer; }
.CR-tooltiptext { visibility: hidden; width: auto; background: url('JYD_CR_img/whitepx.png') repeat;  color: #000; text-align: center; padding: 20px; position: absolute; margin-top: 20px; z-index: 1; border-radius: 25px; }
.CR-tooltip:hover .CR-tooltiptext { visibility: visible; }
 /* Glassmorphism CSS */
.glass-element { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(21px); -webkit-backdrop-filter: blur(21px); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1); }
/* For better performance on mobile */
@supports (backdrop-filter: blur(1px)) { .glass-element { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(21px); } }   
.artistSlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
.CR-button { align-items: center; background-color: initial; background-image: linear-gradient(#59D862, #368A3C); border-radius: 2px; border-width: 0; box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05); box-sizing: border-box; color: #fff; cursor: pointer; display: inline-flex; flex-direction: column; font-size: 18px; height: 52px; justify-content: center; line-height: 1; margin: 0; outline: none; overflow: hidden; padding: 0 24px; text-align: center; text-decoration: none; transform: translate3d(0, 0, 0); transition: all 150ms; vertical-align: baseline; white-space: nowrap; user-select: none; -webkit-user-select: none; touch-action: manipulation; }
.CR-button:hover { box-shadow: rgba(0, 1, 0, .2) 0 2px 8px; opacity: .85; }
.CR-button:active { outline: 0; }
.CR-button:focus { box-shadow: rgba(0, 0, 0, .5) 0 0 0 3px; }
@media (max-width: 420px) { .CR-button { height: 48px; } }    
.mySlides { display: flex; justify-content: center; align-items: center;     max-height: 400px;    width: auto; overflow:hidden; }