.bd-breadcrumb
{ max-width: calc(1600px - 40px);
  width: calc(100%);
  margin-left: auto;
  margin-right: auto;
  position: relative;

  text-transform: uppercase;
  border:0px solid red;
  padding: 0 20px 0 20px;
}

.bd-breadcrumb, 
.bd-breadcrumb * ,
.bd-breadcrumb span 

{ white-space: nowrap;
  border:0px solid red;
  text-transform:uppercasE;
  text-decoration:none;

}


.v-ImageOnlyNoBreadCrumb{
  position:absolute; 
  overflow:visible;
  width:100%; 
  height:auto; 
  aspect-ratio:16 / 9; 
 

  
}

/***********************************************************************************************/
/* TSG_PageHeaderX   */
/***********************************************************************************************/
.TSG_PageHeaderX
{
}

/***********************************************************************************************/
/* H5APP_PageHeaderX   */
/***********************************************************************************************/

.c-PageHeaderImage.v-ImageOnly
{ position:absolute;
  border:0px solid red;
  width:100%;
}


.H5APP_PageHeaderX
{ width:calc(100%);
  position: relative;
  height:auto;
  padding:0px;
  margin-bottom:5px;
 
  min-height:40px;
  aspect-ratio:1980 / 1208; 
  min-height:400px;
  max-height:1200px;
  overflow:hidden;
}

.H5APP_PageHeaderX.header-slim
{ 
  aspect-ratio:1980 / 600; 
 
}






@media (max-width: 1024px){

  .H5APP_PageHeaderX
  { width:calc(100%);

    aspect-ratio:1980 / 2000; 

  }


}




.H5APP_PageHeaderX .content
{ overflow:hidden;
  margin-top:4vw;
  text-align:center;
}




@media (max-width: 1024px){

  .H5APP_PageHeaderX .content
  { padding:0 20%;
    padding-top:100px;
  }


}


.H5APP_PageHeaderX .blend
{ 
  transition:all 0.2s;
  background:rgba(0,0,0,0.2);
}


.H5APP_PageHeaderX h1
{ font-size: 10vw;
  line-height: 10vw;
  width: 80%;
  position:relative;
  padding-bottom: 20px;
  margin:0 auto 1vw auto ;
  max-width:1300px;
  width:100%;
  text-align:center;
}




@media (min-width: 1200px){

  .H5APP_PageHeaderX h1
  { font-size: 120px;
    line-height: 120px;
 
  }


}

.H5APP_PageHeaderX h2
{ padding-bottom: 20px;
}

.H5APP_PageHeaderX h3
{     color: #efeee8;
  padding-bottom: 20px;
  margin:0 0 2vw 0;
  color:gray; 

}

@media (max-width: 1024px){
  .H5APP_PageHeaderX h1
  { font-size: 8vw;
    line-height: 8vw;
    margin:0 0 1vw 0 ;
  }

  .H5APP_PageHeaderX h2
  { font-size: 3vw;
    line-height: 3vw;
  }

  .H5APP_PageHeaderX h3
  {  font-size: 3vw;
    line-height: 3vw;
    margin:0 0 1vw 0 ;

  }


}


.H5APP_PageHeaderX:hover .blend
{
}

.H5APP_PageHeaderX .bd-gradient
{ display:block;
  position : absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}
.H5APP_PageHeaderX .bd-gradient:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(rgba(0,0,0, 0) 0%,rgba(0,0,0, 0) 80%,rgba(0,0,0, 1) 100%);
  background-image:  -moz-linear-gradient(rgba(0,0,0, 0) 0%,rgba(0,0,0, 0) 80%,rgba(0,0,0, 1) 100%);
  background-image:  -o-linear-gradient(rgba(0,0,0, 0) 0%,rgba(0,0,0, 0) 80%,rgba(0,0,0, 1) 100%);
  background-image:  -ms-linear-gradient(rgba(0,0,0, 0) 0%,rgba(0,0,0, 0) 80%,rgba(0,0,0, 1) 100%);
  background-image:  linear-gradient(rgba(0,0,0, 0) 10%,rgba(0,0,0, 0) 80%,rgba(0,0,0, 1) 100%);

 /* z-index: 10;*/
  top: 0;
}

.H5APP_PageHeaderX .bd-rgradient
{ display:block;
  position : absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}

.H5APP_PageHeaderX .bd-rgradient:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: -webkit-radial-gradient(ellipse at center, rgba(0,0,0, 0.2) 0%,rgba(0,0,0, 0.2) 60%,rgba(0,0,0, 1) 100%);
  background-image:  -moz-radial-gradient(ellipse at center, rgba(0,0,0, 0.2) 0%,rgba(0,0,0.2, 0) 60%,rgba(0,0,0, 1) 100%);
  background-image:  -o-radial-gradient(ellipse at center, rgba(0,0,0, 0.2) 0%,rgba(0,0,0, 0.2) 60%,rgba(0,0,0, 1) 100%);
  background-image:  -ms-radial-gradient(ellipse at center, rgba(0,0,0, 0.2) 0%,rgba(0,0,0, 0.2) 60%,rgba(0,0,0, 1) 100%);
  background-image:  radial-gradient(ellipse at center, rgba(0,0,0, 0.2) 0%,rgba(0,0,0, 0.2) 60%,rgba(0,0,0, 1) 100%);

/*  z-index: 10;*/
  top: 0;
}