/* Index Only */
.IndexBanner { border: auto; position: relative; background-color: #ccc; }
.IndexLinkGroup { padding: 0; }
.IndexBanner-Link { position: relative; overflow: hidden; }
/**/
@media (min-width:1200px) {
.IndexBanner-Link .mob-in { display: none; }
.IndexBanner-Link .mob-up { display: inherit; }
.IndexIntroImg { background-image: url('../../../assets/banner/intro-banner-L.jpg'); background-repeat: no-repeat; background-position: bottom left; background-size: cover; }
}
@media (min-width:768px) and (max-width:1199.98px) {
.IndexBanner-Link .mob-in { display: none; }
.IndexBanner-Link .mob-up { display: inherit; }
.IndexIntroImg { background-image: url('../../../assets/banner/intro-banner-M.jpg'); background-repeat: no-repeat; background-position: center right; background-size: cover; }
}
@media (min-width:0px) and (max-width:767.98px) {
.IndexBanner-Link .mob-in { display: inherit; }
.IndexBanner-Link .mob-up { display: none; }
.IndexIntroImg { background-image: url('../../../assets/banner/intro-banner-M.jpg'); background-repeat: no-repeat; background-position: bottom right; background-size: cover; height: 14rem; }
.IndexBanner-Link {  padding-left: 0px!important; white-space: nowrap!important;}
}

@media (min-width:0px) and (max-width:500px){
	.IndexIntroImg { background-image: url('../../../assets/banner/intro-banner-S.jpg'); }
}
@media (min-width:0px) and (max-width:500px){
	.IndexIntroImg { background-image: url('../../../assets/banner/intro-banner-S.jpg'); }
}
@media (min-width:0px) and (max-width:420px){
	.IndexIntroImg { background-image: url('../../../assets/banner/intro-banner-XS.jpg'); }
}

/**/
.Link-lagoon { transition: all 0.3s ease; background-image: url('../../../assets/banner/Link-lagoon-bg-M.jpg'); background-repeat: no-repeat; background-position: center right; background-size: cover; }
.Link-lagoon .Link-Icon { background-image: url('../../../assets/banner/Link-lagoon-Icon.svg'); background-repeat: no-repeat; background-position: center bottom; background-size: contain; margin: 0 0 0 16px}
.Link-lagoon .Link-Text { text-align: right; }
/**/
.Link-goldtan { transition: all 0.3s ease; background-image: url('../../../assets/banner/Link-goldtan-bg-M.jpg'); background-repeat: no-repeat; background-position: center right; background-size: cover; }
.Link-goldtan .Link-Icon { background-image: url('../../../assets/banner/Link-goldtan-Icon.svg'); background-repeat: no-repeat; background-position: center bottom; background-size: contain; margin: 0 16px 0 0 }
.Link-goldtan .Link-Text { text-align: left; }
/**/
.Link-trinidad { transition: all 0.3s ease; background-image: url('../../../assets/banner/Link-trinidad-bg-M.jpg'); background-repeat: no-repeat; background-position: center right; background-size: cover; }
.Link-trinidad .Link-Icon { background-image: url('../../../assets/banner/Link-trinidad-Icon.svg'); background-repeat: no-repeat; background-position: center bottom; background-size: contain; margin: 0 0 0 16px }
.Link-trinidad .Link-Text { text-align: right; }
.Link-lagoon:hover { background-color: inherit; transition: all 0.3s ease; }
.Link-goldtan:hover { background-color: inherit; transition: all 0.3s ease; }
.Link-trinidad:hover { background-color: inherit; transition: all 0.3s ease; }

/* OLD */
.IndexBanner-Note { background-color: RGBA(255, 255, 255, 0.9); border-radius: 30rem; display: inline-block; margin-bottom: .5rem; min-width: 17.5rem; padding: .5rem 1rem; margin-left: 4rem; text-align: center; }
.Index-NoteOn { color: #c25335; border: .125rem solid #c25335; }
.Index-NoteOff { color: #808080; border: 0rem solid #808080; }
@media (min-width:768px) {
.IndexBanner-Pole { height: 4.125rem; }
.IndexBanner-NoteOut { position: absolute; bottom: .5rem; }
.IndexBanner-List { border: auto; }
.IndexBanner-List li { display: block }
.IndexBanner-Link { padding: 0rem 2rem 0rem 4vw;  }
.IndexBanner-Link:hover { padding: 0rem 2rem 0rem 3vw; }
.IndexBanner-Link .row .col{ }
.IndexBanner-Link b { font-size: calc(20px + 0.5vw) !important; line-height: 1; font-weight: 300;color: #fff; }
.IndexBanner-Link b span { font-size: calc(16px + .2vw); line-height: 1; display: block;color: #fff; }
.Link-Icon { height: calc(85px + .3vw); width: calc((85px + .3vw) * 1); vertical-align: middle; }
.Link-Text { height: calc(85px + .3vw); vertical-align: middle; display: block; padding-top: calc((85px + .4vw) * 0.35); }
}
@media (min-width:0px) and (max-width:767.98px) {
.IndexBanner-Pole { height: 4.125rem; }


.IndexBanner-NoteOut { position: absolute; bottom: 6rem; }
.IndexBanner-List { border: auto; }
.IndexBanner-List li { float: left; width: calc(100% / 3); text-align: right }
.IndexBanner-Link .row .col-auto{width: 100%!important  }
.IndexBanner-Link { padding-top: 0; padding-bottom: 0;  padding-right: 0; }
.IndexBanner-Link:hover { padding-top: 0; padding-bottom: 0;  padding-right: 0; padding-left: 1rem!important;}
.IndexBanner-Link b { font-size: calc(20px + 0.5vw) !important; line-height: 1; font-weight: 300;color: #fff;  }
.IndexBanner-Link b span { font-size: calc(16px + .2vw); line-height: 1; display: block; color: #fff; }
.Link-Icon { height: calc(60px + .8vw); width: calc((60px + .8vw) * 1.2); vertical-align: middle; margin: 12px 4px 0 4px !important }
.Link-Text { height: auto; vertical-align: middle; display: block; padding-top: calc((56px + .4vw) * 0.2); margin: 0 4px 0 0px !important}
.Link-Cell{ margin: 0 auto !important }
.Link-goldtan .Link-Text { text-align: right;}
.Link-lagoon{  background-image: url('../../../assets/banner/Link-lagoon-bg-S.jpg');  }
.Link-trinidad{ background-image: url('../../../assets/banner/Link-trinidad-bg-S.jpg');  }
.Link-goldtan{ background-image: url('../../../assets/banner/Link-goldtan-bg-S.jpg'); }
}

@media (min-width:0px) and (max-width:600px){
.Link-Icon{ display: none!important }
.Link-Text{ padding-top: calc((56px + .4vw) * 0.3); padding-bottom: calc((56px + .4vw) * 0.2); }
.Link-Cell{ margin: 0 12px 0 auto !important }
}
@media (min-width:0px) and (max-width:1399.98px){
.IndexBanner-Note { min-width: 100%; margin-left: 0.5rem; }
}