@font-face {
    font-family: 'Helvetica-LT-Bold';
    src: url('../fonts/HelveticaLT-Bold.eot');
    src: url('../fonts/HelveticaLT-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaLT-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaLT-Bold.woff') format('woff'),
        url('../fonts/HelveticaLT-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body{background-color:#000000;}
img{max-width:100%}
a{outline:none;}
.ahj_container{padding-left:18%; padding-right:18%; position:absolute; left:0; right:0;}
header.clrHeader{padding:20px 25px; display:flex; position:relative; z-index:11; flex-wrap:wrap; align-items:center;}
header.clrHeader>.clrCol:first-child{width:20%;}
header.clrHeader .clrCol{width:55%;}
header.clrHeader>.clrCol:last-child{width:25%}
header.clrHeader a.logo_main{display:block; text-align:center;}

header.bioHeader{padding:20px 25px; display:flex; position:relative; z-index:11; flex-wrap:wrap; align-items:center;}
header.bioHeader>.clrCol{width:40%;}
header.bioHeader>.clrCol:first-child{width:60%}

.logo_icon img{width:85px;}
.logo_main img{width:500px;}
.mobileMenu{color:#FFFFFF; text-transform:uppercase; font-family:"Helvetica-LT-Bold", sans-serif; font-weight:400; font-size:26px; display:none;}
.mobileMenu:hover{color:#FFFFFF;}
ul.social_list{list-style-type:none; display:flex; gap:12px; justify-content: flex-end;}
ul.social_list li{padding-left:4px;}
ul.social_list li a{display:inline-block; position:relative;}
ul.social_list li img{width:32px; transition:.3s all;}
ul.social_list li img.social_iconHover{position:absolute; left:0; top:0;  z-index:1;  opacity:0;}
ul.social_list li a:hover img.social_iconHover{opacity:1;}
ul.social_list li a:hover img.social_icon{opacity:0;}

.index_homeBanner{position:absolute; top:0; left:0; right:0; /*bottom:0;*/ background-color:#28485e;}
.index_homeBanner img{width:100%; height:100%; object-fit: cover;}

.clrHome{position:relative; z-index:1;}

.clrBtn{position: absolute; padding-top: 100vh; height: 0; bottom: 0; z-index: 10;
    /*background-color: red;*/
    left: 50%;
    width: 100vh;
    transform: translateX(-50%);}
	
.ahj_bio_container{padding-left:7%; padding-right:7%; position: absolute; left: 0; right: 0;}	
.about_container{padding-left:7%; padding-right:7%;}
.abouts_content{display:flex; flex-wrap:wrap; gap:5%; margin-top:80px; margin-bottom:90px;}
.aboutImg{width:47.5%}
.aboutImg img{width:100%;}
.about_Content{width:47.5%; color:#f4bc41;}

.abouts_content h1{color:#f4bc41; text-transform:uppercase; font-size:70px; font-family:"Helvetica-LT-Bold", sans-serif; font-weight:400; letter-spacing:1px; margin:0; padding-bottom:25px; line-height:1;}
.abouts_content p{text-transform:uppercase; line-height:1.6; font-size:22px; font-family:"Helvetica-LT-Bold", sans-serif; letter-spacing:1px;}

/*.desktopBanner img{max-width:inherit;}*/
.desktopBanner{position:relative; z-index:2; text-align:center;}
.desktopBanner img{max-width:inherit; transform: scale(0.5); transform-origin: 0 0;}
.mapOuter{display:none; width:100% !important; height:auto !important;}
.mapWRp{overflow:hidden; height: 100vh;
    width: 636px; margin: 0 auto;}	
	
.bioBanner{position:absolute; left:0; right:0;}	
.bioBanner img{height:100vh; width:100%; object-fit:cover;} 	
.bio-dome{position:absolute; right:0; top:23%; z-index:2;}
.bio-dome img{width:26vw; min-width:150px;}

body.lyricsBody{background-image:url(../images/small_blocks.png), url(../images/small_blocks.png); background-color:#FFFFFF; background-repeat:repeat-y; background-position:left top, right top; background-size: 25px;}
.lyricsBanner{position:absolute; left:25px; right:25px;  background-size:25px; padding-left:50px; padding-right:50px; background-color:#FFFFFF; background-repeat:repeat-y; background-position:left top, right top; text-align:center;}
.lyricsBanner img{width:auto; height:auto;}


.tour_frame{position:absolute; left:0; right:0; top:25%; z-index:3;}
.tour_frameIner{max-width:700px; margin:0 auto;}
.videoTItle{position:absolute; left:0; right:0; top:100px; text-align:center; z-index:3;}
.videoTItle img{width:150px;}

.lyricsBannerInner{/*display:table; margin-left:auto; margin-right:auto;*/}
.lyricsBack{position:relative; text-align:left; padding-bottom:25px; padding-left:50px; padding-right:calc(7% - 39px);}
.lyricsBack a{color:#000000; font-size:18px; font-weight:500; text-decoration:none; letter-spacing:1px; display:flex; text-transform:uppercase; align-items:center; justify-content:center; width:118px; border:1px solid #000000; padding:6px; gap:3px; padding-left:0; margin-left:auto;}
.lyricsBack a:hover{border-color:#1e4375; color:#1e4375;}
.lyricsBack a:hover svg path{fill:#1e4375;}

@media screen and (min-width: 892px){ 
ul.social_list.mobileSocial{display:none;}
.MobileNav{display:none;}
.mobile_tourBanner, .mobile_homeBanner{display:none;}
}

@media screen and (min-width: 2101px){ 

}

@media screen and (min-width: 1401px) and (max-width: 1550px) { 
.logo_main img{width:420px;}
.videoTItle img{width:120px;}
}

@media screen and (min-width: 1301px) and (max-width: 1400px) { 
.logo_main img{width:380px;}
.ahj_container{padding-left:15%; padding-right:15%;}
.videoTItle img{width:115px;}
}

@media screen and (min-width: 1000px) and (max-width: 1300px) { 
.logo_main img{width:340px;}
.ahj_container{padding-left:12%; padding-right:12%;}
ul.social_list{gap:8px;}
.videoTItle img{width:105px;}
}

@media screen and (min-width: 892px) and (max-width: 1000px) { 
.logo_main img{width:330px;}
.ahj_container{padding-left:10%; padding-right:10%;}
ul.social_list{gap:8px;}
.videoTItle{top:92px;}
.videoTItle img{width:100px;}
}
@media screen and (max-width: 991px){ 
header.clrHeader{padding-top:10px;}
}

@media screen and (max-width: 891px){ 
.desktopBanner{display:none;}
.desktopBanner.home_banner{display:block;}

.mobile_tourBanner img.mbanner{min-height:450px; height: 100vh; object-fit: cover; width: 100%;}
.mobile_homeBanner img.mbanner{height: 100vh; object-fit: cover; width: 100%;}
.tour_frame{top:100px;}
.videoTItle{top:85px;}
.videoTItle img{width:105px;}
.ahj_container{padding-left:15px; padding-right:15px;}
header.clrHeader{padding:20px 10px;}
header.bioHeader{padding:20px 10px;}
.logo_main img{width:400px;}
.logo_icon img{width:70px;}
header.clrHeader .clrCol .social_list{display:none;}
header.bioHeader .clrCol .social_list{display:none;}
.mobileMenu{display:table; margin-left:auto; cursor:pointer; position:relative; width:56px; height:40px;}
.mobileMenu .mobileMenuCLoseText{position:absolute; right:0; opacity:0; letter-spacing:-1px;}
.mobileMenu.mMenuIsactive .mobileMenuText{display:none;}
.mobileMenu.mMenuIsactive .mobileMenuCLoseText{opacity:1;}

.lyrics_header .mobileMenu{color:#000000;}

.lyricsBack{padding-right:0; margin-right:-9px;}

ul.social_list.mobileSocial{display:flex; justify-content:center; position:fixed; left:0; right:0; bottom:20px; z-index:12; padding-left:10px; text-align:center;}
ul.social_list.mobileSocial li{flex:1;}
ul.social_list.mobileSocial li img.social_icon{}
body.navIconClick ul.social_list.mobileSocial li img.social_iconHover{opacity:1;}
body.navIconClick ul.social_list.mobileSocial li img.social_icon{opacity:0;}
.melodiesLogo{position:absolute; z-index:6; left:0; right:0; text-align:center; top:30%; bottom:0;}
.melodiesLogo img{width:180px; height:auto;}

.clrBtn{display:none;}

.MobileNav{background-color:rgb(0 0 0 / 79%); position:fixed; z-index:9; top:0; left: 0; right: 0; bottom: 0; display:flex; flex-direction:column; align-items:center; justify-content:center; opacity:0; transition:.2s all; display:none; padding-left:15px; padding-right:15px;}
.MobileNav.navIsOepn{opacity:1; display:flex;}
.MobileNav ul.mobmenu{list-style-type:none; padding:0; text-align:center;}
.MobileNav ul.mobmenu li{padding:5px 0;}
.MobileNav ul.mobmenu li a{color:#FFFFFF; font-size:30px; text-decoration:none; font-family:"Helvetica-LT-Bold", sans-serif; letter-spacing:2px; text-shadow:#000000 2px 2px 3px; text-transform:uppercase;}

.MobileNav ul.social_list{padding-top:30px; width:100%; padding-left:25px; padding-right:25px;}
.MobileNav ul.social_list li{flex:1; text-align:center;}
.MobileNav ul.social_list li img.social_icon{display:none;}
.MobileNav ul.social_list li img.social_iconHover{position:relative; opacity:1;}

body.lyricsBody{background-size:10px; left:10px; right:10px;}
.lyricsBanner{background-size:10px; padding:30px 10px 30px 10px;}
.ahj_bio_container{padding-left:15px; padding-right:15px;}

body.navIconClick .lyrics_header .mobileMenu,
body.lyrics_cat.navIconClick .mobileMenu.mMenuIsactive .mobileMenuCLoseText,
body.lyricsBody.navIconClick .mobileMenu.mMenuIsactive .mobileMenuCLoseText{color:#FFFFFF;}
body.lyrics_cat .MobileNav,
body.bio_body .MobileNav, body.lyricsBody .MobileNav{background-color:rgb(0 0 0 / 35%);}
}

@media screen and (max-width: 767px){ 
.lyricsBack{padding-left:25px;}
.lyricsBack a{width:76px; padding:3px; font-size:11px;}
.lyricsBack a svg{height:25px; width:15px;}
}

@media screen and (max-width: 650px){ 
header.clrHeader{flex-wrap:wrap; padding-left:0; padding-right:0;}
header.clrHeader .clrCol{flex:none; width:calc(100% - 190px)}
header.clrHeader>.clrCol:first-child{width:95px;}
header.clrHeader>.clrCol:last-child{width:95px;}

.logo_main img{width:300px;}
ul.social_list li img{width:24px;}
.mobileMenu{font-size:22px;}

.melodiesLogo img{width:150px;}

header.bioHeader>.clrCol:first-child{width:calc(100% - 100px);}
header.bioHeader>.clrCol:last-child{width:100px;}
header.bioHeader .logo_main img{width:350px;}
}

@media screen and (max-height: 550px){ 
.MobileNav ul.mobmenu{padding-top:65px;}
.MobileNav ul.mobmenu li{padding:2px 0;}
ul.social_list.mobileSocial{bottom:5px;}
}

@media screen and (min-height: 421px){ 
body.navIconClick{overflow:hidden;}
}
@media screen and (max-height: 420px){ 
.MobileNav ul.mobmenu li a{font-size:22px;}
.MobileNav ul.social_list{margin-bottom:0; padding-top:15px;}

.MobileNav{min-height:420px;}
.mobile_homeBanner img.img.mbanner{min-height:420px;}

.MobileNav{position:absolute;}

.bioBanner img{min-height:420px;}
.bio-dome{top:30%;}
}
@media screen and (min-width: 481px){ 
.logoMobile{display:none;}
}
@media screen and (max-width: 480px){
.logoLarge{display:none;}	 
header.clrHeader{flex-wrap:wrap; padding:20px 0px;}
header.clrHeader>.clrCol:nth-child(2){width:calc(100% - 140px);}
header.clrHeader>.clrCol:first-child{width:70px;}
header.clrHeader>.clrCol:last-child{width:70px;}
.logo_main img{width:170px;}
header.bioHeader .logo_main img{width:170px;}
.mobileMenu{width:48px; height:28px;}

.MobileNav ul.mobmenu li a{font-size:22px;}
.mobile_homeBanner img.mbanner{object-position: 30% 15%;}
.lyricsBanner{padding-top:60px;}
.videoTItle img{width:82px;}
}

@media screen and (max-width: 380px){
.logo_main img{width:130px;}	
.mobileMenu{font-size:18px;}
.logo_icon img{width:60px;}

}
@media screen and (min-width: 800px) {

.lyricsBanner.mobilevar {
    display: none;
}
    }

@media screen and (max-width: 800px) {

.lyricsBannerdesktop {
    display: none;
}
    }