/***********************************************************************************************/
/* H5APP_ChildPagesX   */
/***********************************************************************************************/

.H5APP_ChildPagesX
{ width:calc(100%);
  position: relative;
  height:auto;
  background:transparent;
  padding:0px;
  margin-bottom:5px;

}

.H5APP_ChildPagesX .grid-wrapper
{ display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  grid-auto-rows: minmax(50px, auto);
}


@media (max-width: 1080px){

  .H5APP_ChildPagesX .grid-wrapper
  { display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(50px, auto);
  }
}


@media (max-width: 640px){
  .H5APP_ChildPagesX .grid-wrapper
  { display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(50px, auto);
  }

}

.H5APP_ChildPagesX .grid-item-wrapper
{ 
  background-color:#222222;

  background-size:cover;
  background-position:center;
  overflow:hidden;
}

.H5APP_ChildPagesX .grid-item-wrapper div.content
{ position:absolute;
  width:100%;
  height:100%%;
  font-size:16px;
  bottom:0px;
  left:0px;
  padding:20px;
  z-index:10;
  overflow:hidden;

}


@media (max-width: 1080px){


  .H5APP_ChildPagesX .grid-item-wrapper div.content
  {
    padding:10px;

  }


}


@media (max-width: 640px){


  .H5APP_ChildPagesX .grid-item-wrapper div.content
  { 
    padding:5px;
  

  }



}




.H5APP_ChildPagesX .grid-item-wrapper a.link
{ position: relative;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  color: #efeee8;
}

.H5APP_ChildPagesX .grid-item-wrapper a.link .icon-arrow-right
{font-size:12px;
}

.H5APP_ChildPagesX .grid-item-wrapper.gray div.content
{ background:#222222;
}


.H5APP_ChildPagesX .grid-item-wrapper h1
{ font-size:30px;
  line-height:30px;
  color:#efeee8;
}
.H5APP_ChildPagesX .grid-item-wrapper p
{ font-size:16px;
  line-height:18px;
  color:#efeee8;
}



@media (max-width: 1080px){


  .H5APP_ChildPagesX .grid-item-wrapper h1
  { font-size:30px;
    line-height:30px;
    color:#efeee8;
  }
  .H5APP_ChildPagesX .grid-item-wrapper p
  { font-size:16px;
    line-height:18px;
    color:#efeee8;
  }
}


@media (max-width: 640px){

  .H5APP_ChildPagesX .grid-item-wrapper h1
  { font-size:16px;
    line-height:16px;
    color:#efeee8;
  }
  .H5APP_ChildPagesX .grid-item-wrapper p
  { font-size:16px;
    line-height:18px;
    color:#efeee8;
  }

}



.H5APP_ChildPagesX .grid-item-wrapper .blend
{ opacity:0.8;
  transition:all 0.2s;
  background:rgba(0,0,0,0.2)
}
.H5APP_ChildPagesX .grid-item-wrapper:hover .blend
{ opacity:0.6;
}
.H5APP_ChildPagesX .bd-gradient
{ display:block;
  position : absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}
.H5APP_ChildPagesX .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_ChildPagesX .bd-rgradient
{ display:block;
  position : absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}
.H5APP_ChildPagesX .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;
}