
.sc-PageHeaderSlider.bd-shortcode.split
{   overflow:visible;

  display:block; 
  position:relative;
  width:100%;
  border:0px solid red;
  aspect-ratio:16 / 10;
}

.bd-PageHeadSlider
{ position:absolute;
  width:100%;
  border:0px solid red;
  margin-bottom:50px;
  background:#000;
  min-height:600px;
  max-height:1800px; 
  

  margin-bottom:0px;
  overflow:visible;
  
}


.bd-slide-index
{ border:0px solid red; 
  margin-top:0;
  top:-10vw;
  z-index:12;
  top:-20vw;
}


@media (max-width:1200px) {
  .sc-PageHeaderSlider.bd-shortcode.split
  {   overflow:visible;

    aspect-ratio:20 / 14;
  }


  .bd-slide-index
  { 
    top:-12vw;
   
  }



}



@media (max-width:992px) {
  .sc-PageHeaderSlider.bd-shortcode.split
  {   overflow:visible;

    aspect-ratio:20 / 20;
  }
.bd-slide-index
  { 
    top:-6vw;
   
  }

}



@media (max-width:640px) {
  .sc-PageHeaderSlider.bd-shortcode.split
  {   overflow:visible;

    aspect-ratio:20 / 24;
  }

  .bd-slide-index
  { 
    top:-22vw;

  }
}


.tsg-blackbox .wp-block-group__inner-container>p

{ padding: 0 0;
  
}


.bd-PageHeadSlider .slide-element{

  aspect-ratio:16 / 12;
  display:none;
}



.bd-PageHeadSlider .slide-element:first-of-type{
  display:block;
}


.bd-PageHeadSlider *
{ 
}

.HeaderSliderSiema>div
{  
  height:100%;
  min-height:100%;
  overflow:hidden;
}

.HeaderSliderSiema>div>div
{ 
  height:100%;
  min-height:100%;
  overflow:hidden;
}





.bd-PageHeadSlider  .bd-sl-index
{  border-radius: 50%;
  float: none;
  width: 12px;
  height: 12px;
  margin: 8px;
  display: inline-block;
  border: 1px solid rgba(255,255,255,0.3);
  background: rgba(0,0,0,0.5);
  cursor: pointer;


}
.bd-PageHeadSlider  .bd-sl-index:hover
{  
  border: solid 1px #b5b4ae;
  background: #8fb6ad;
  opacity:1


}

.bd-PageHeadSlider  .bd-sl-index.selected:hover,
.bd-PageHeadSlider  .bd-sl-index.selected
{ border: solid 1px #b5b4ae;
  background:#8fb6ad;
  opacity:1
}


.bd-PageHeadSlider .slide-content-wrapper
{ padding-top:14vw; 
  margin:0 auto; 
  max-width:1600px;
  float:left;
  margin-top:8vw;
  width:100%;

}






.bd-PageHeadSlider .slide-content-wrapper
{ padding-top:14vw; 
  margin:0 auto; 
  max-width:1600px;
  width:100%;
  float:none;
  z-index: 12;

}


@media (max-width:1180px) {
  .bd-PageHeadSlider .slide-content-wrapper
  { padding-top:12vw;
    max-width:500px;
    width:100%;
    margin-top:8vw;
    margin: 0 auto; 
    position: relative; 
    max-width:100vw; 
    float:left;
    z-index: 12;
  }


    .bd-PageHeadSlider .dom-image-bgf
  { /*opacity:0.6;*/
    max-width:100vw;
  }
  

}


@media (max-width:992px) {

  .bd-PageHeadSlider .dom-image-bgf
  { /*opacity:0.6;*/
    max-width:100vw;
  }

  .bd-PageHeadSlider .slide-content-wrapper
  { padding-top:100px; 
    margin:0 0;
    left:0px;
    max-width:90vw;
    text-align:left;

    z-index: 12;
  }


  .bd-PageHeadSlider h1
  { font-size:48px;
    line-height:54px;

  }


  .bd-PageHeadSlider .slide-element{
    min-height:600px;
    max-height:800px; 
    aspect-ratio:1 / 1;
    width: 100vw;
    display:none;
  }



}






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

.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) 20%,rgba(0,0,0, 1) 100%);
  background-image:  -moz-linear-gradient(rgba(0,0,0, 0) 0%,rgba(0,0,0, 0) 20%,rgba(0,0,0, 1) 100%);
  background-image:  -o-linear-gradient(rgba(0,0,0, 0) 0%,rgba(0,0,0, 0) 20%,rgba(0,0,0, 1) 100%);
  background-image:  -ms-linear-gradient(rgba(0,0,0, 0) 0%,rgba(0,0,0, 0) 20%,rgba(0,0,0, 1) 100%);
  background-image:  linear-gradient(rgba(0,0,0, 0) 10%,rgba(0,0,0, 0) 20%,rgba(0,0,0, 1) 100%);

  z-index: 10;
  top: 0;
}
.bd-rgradient
{ display:block;
  position : absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}
.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.0) 0%,rgba(0,0,0, 0.2) 20%,rgba(0,0,0, 0.5) 100%);
  background-image:  -moz-radial-gradient(ellipse at center, rgba(0,0,0, 0.0) 0%,rgba(0,0,0.2, 0) 20%,rgba(0,0,0, 0.5) 100%);
  background-image:  -o-radial-gradient(ellipse at center, rgba(0,0,0, 0.0) 0%,rgba(0,0,0, 0.2) 20%,rgba(0,0,0, 0.5) 100%);
  background-image:  -ms-radial-gradient(ellipse at center, rgba(0,0,0, 0.0) 0%,rgba(0,0,0, 0.2) 20%,rgba(0,0,0, 0.5) 100%);
  background-image:  radial-gradient(ellipse at center, rgba(0,0,0, 0.0) 0%,rgba(0,0,0, 0.2) 20%,rgba(0,0,0, 0.5) 100%);

  z-index: 10;
  top: 0;
}
