/**/
html{
  font-size: 16pt;
  font-weight: 300;
}
/* body {
	font-family: 'Futura';
} */

h1, h2, h3, h4, h5, h6, small{
  font-weight: 300;  
}
main h1,
main h2,
main h3,
main h4,
main h5,
main .card-title{
  color: #a0a0a0;
}
h1{
  font-size: 1.9rem;
}
h2{
  font-size: 1.5rem;
}
h3{
  font-size: 1.25rem;
}
h4{
  font-size: 1rem;
}
h1 small{
  font-size: 66%;
}
strong{
  color: #101010;
}

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
main, .modal{
  color: #808080;
  font-weight: 300;
}

/**/
header > .container-fluid{
  padding-left: 0;
  padding-right: 0;
}
header .topbar,
header .inner-page-nav,
header .banner-image,
header .topbar-nav{
	display: flex;
}

/**/
header .topbar {
	justify-content: center;
	align-items: stretch;
	flex-direction: column;
}
header .topbar > .about {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
  	color: #a0a0a0;
}
header.corporate .topbar > .about {
	flex-direction: column;
}
header .topbar > .brand a{
    background-image: url(/resource/svg/Logo+vector);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    height: 13vh;
    display: block;
  	margin-top: 0.5em;
  	margin-bottom: 0.5em;
}
header .topbar > .about p{
  	margin: 0;
}


/**/


header .banner-image{
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
/* header .banner-image{
  align-items: center;
} */
header .banner-image{
  text-shadow: 0 0 10px #000;
}
.banner-image{
  height: 100vh;
}
.banner-image.fixed{
  height: 80vh;
}
.banner-image.shrink{
  height: 80vh;
  transition: height 0.75s ease-out;
}
.banner-image.shrunk{
  height: 80vh;
}
header .banner-image{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}









@media (max-aspect-ratio: 1/1) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7742/banner_default_s_756.jpg/banner_default_s_756.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7742/banner_default_s_756.jpg/banner_default_s_756.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7742/banner_default_s_756.jpg/banner_default_s_756.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}

@media (max-aspect-ratio: 1/1) and (min-width: 421px) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7745/banner_default_s_1024.jpg/banner_default_s_1024.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7745/banner_default_s_1024.jpg/banner_default_s_1024.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7745/banner_default_s_1024.jpg/banner_default_s_1024.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}

@media (max-aspect-ratio: 1/1) and (min-width: 801px) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7740/banner_default_s_1440.jpg/banner_default_s_1440.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7740/banner_default_s_1440.jpg/banner_default_s_1440.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7740/banner_default_s_1440.jpg/banner_default_s_1440.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}

@media (max-aspect-ratio: 1/1) and (min-width: 1025px) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7746/banner_default_s_1844.jpg/banner_default_s_1844.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7746/banner_default_s_1844.jpg/banner_default_s_1844.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7746/banner_default_s_1844.jpg/banner_default_s_1844.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}

@media (min-aspect-ratio: 1/1) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7744/banner_default_l_736.jpg/banner_default_l_736.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7744/banner_default_l_736.jpg/banner_default_l_736.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7744/banner_default_l_736.jpg/banner_default_l_736.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}

@media (min-aspect-ratio: 1/1) and (min-width: 741px) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7739/banner_default_l_1024.jpg/banner_default_l_1024.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7739/banner_default_l_1024.jpg/banner_default_l_1024.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7739/banner_default_l_1024.jpg/banner_default_l_1024.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}

@media (min-aspect-ratio: 1/1) and (min-width: 1025px) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7743/banner_default_l_1366.jpg/banner_default_l_1366.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7743/banner_default_l_1366.jpg/banner_default_l_1366.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7743/banner_default_l_1366.jpg/banner_default_l_1366.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}

@media (min-aspect-ratio: 1/1) and (min-width: 1367px) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7738/banner_default_l_2560.jpg/banner_default_l_2560.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7738/banner_default_l_2560.jpg/banner_default_l_2560.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7738/banner_default_l_2560.jpg/banner_default_l_2560.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}



/*  */
header .inner-page-nav{
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 5vh;
}
header .inner-page-nav{
  background-color: rgba(0,0,0,0.2);
  font-size: 115%;
  font-weight: 300;
}
#default header .inner-page-nav{
  margin-top: 14vh;
}


/*  */
main a,
header a,
footer a,
.modal-body a{
  color: #a0a0a0;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
header a{
  color: #fff;
}
footer p a{
  font-weight: bold;
}
header .icon a{
  border-bottom: 0px none;
}
main a,
.modal-body a{
  font-weight: bold;
}
main a:active,
main a:hover,
main a:focus,
header a:active,
header a:hover,
header a:focus,
footer a:active,
footer a:hover,
footer a:focus,
.modal-body a:active,
.modal-body a:hover,
.modal-body a:focus{
  color: #a0a0a0;
  text-decoration: none;
  border-bottom: 1px solid #a0a0a0;
}
header a:active,
header a:hover,
header a:focus{
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}
header .icon a:active,
header .icon a:hover,
header .icon a:focus{
  border-bottom: 0px none;
}
header .banner-image.fixed h2 a{
  color: #fff;
  border-bottom: 0px none;
}

header .inner-page-nav a{
  color: #fff;
  padding: 0 1em;
  border-bottom: 4px solid transparent;
}
header .inner-page-nav a.active,
header .inner-page-nav a:active,
header .inner-page-nav a:hover,
header .inner-page-nav a:focus,
header .inner-page-nav a.active{
/*   background-color: rgba(160,160,160,0.4);
    background-color: rgba(0,0,0,0.2);
  border-bottom: 4px solid #a0a0a0; */
  color: #ccc;
  background-color: transparent;
  border-bottom: 4px solid #fff;
}
header .topbar > div.brand a{
  border-bottom: 0 solid transparent;
}
/**/


 



.icon-parent{
  display: flex;
  justify-content: center;
  margin: 0;
  padding-left: 0;
  font-size: 12pt;
}
.icon-parent li.icon{
  /*width: 92px;*/
  list-style: none;
  margin: 0 5px;
}
.icon-parent li.icon a{
  display: block;
  text-align: center;
  background-image: url(/resource/svg/Icon+sprite);
  background-repeat: no-repeat;
  background-size: 270px;
  padding-top: 92px;
}






.icon-parent li.icon.map a{
  background-position: center -1169px;
}
.icon-parent li.icon.map a:active,
.icon-parent li.icon.map a:hover{
  /* 5 */
  background-position: center -1439px;
}












<!---->
header .icon-parent .icon a{
	text-indent: -20000px;
  	height: 0;
 }
/**/
footer .icon-parent{
  flex-wrap: wrap;
}
footer .icon-parent .icon{
  /*flex-basis: 50%;*/
  margin: 0 0 0.25em;
}
footer .icon-parent .icon a{
  background-image: url(/resource/svg/Icon+sprite);
}
footer .brand{
    background-image: url(/resource/svg/Logo+vector);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 12vh;
    margin: 0 auto 2em;
}
footer{
  background-color: rgba(160,160,160,0.1);
  color: #a0a0a0;
  padding-top: 2em;
  padding-bottom: 3em;
}
footer li{
  list-style: none;
}
footer .rubrik {
	text-align: center;
	font-size: 0.75rem;
}
footer .rubrik p {
	margin-bottom: 0;
}

/**/
.main-timeline {
  position: relative;
  font-size: 14pt;
}

.main-timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #939597;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

.timeline {
  position: relative;
  background-color: inherit;
  width: 50%;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: #939597;
  border: 5px solid #f5df4d;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

.left {
  padding: 0px 40px 20px 0px;
  left: 0;
}

.right {
  padding: 0px 0px 20px 40px;
  left: 50%;
}

.left::before {
  content: " ";
  position: absolute;
  top: 18px;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

.right::before {
  content: " ";
  position: absolute;
  top: 18px;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

.right::after {
  left: -12px;
}

.timeline .card {
  padding: 0px 30px;
  position: relative;
  border-radius: 6px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
@media screen and (max-width: 600px) {
  .main-timeline::after {
    left: 31px;
  }
  
  .timeline .card{
    padding: 0px;
    font-size: 12pt;
  }
  .timeline .card .card-body h3 {
	font-size: 1rem;
  }
  .timeline {
    width: 100%;
    padding-left: 70px;
    padding-right: 0px;
  }
  
  .timeline::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  .left::after, .right::after {
    left: 18px;
  }
  
  .left::before {
    right: auto;
  }

  .right {
    left: 0%;
  }
}

/**/
.carousel-indicators.dark [data-bs-target]{
	height: 5px;
	background-color: #000;
}
.carousel-indicators.dark.top {
	bottom: auto;
	top: 0;
}

/**/
.custom-tooltip {
  --bs-tooltip-bg: var(--bs-secondary);
  --bs-tooltip-color: var(--bs-white);
}

/**/
.card-collection .card-body{
  
}
.card-collection .card-body h4{
  font-size: 0.9rem;
}
.card-collection .card-body p{
  margin-bottom: 0;
}

.card-tab{
    text-align: right;
    font-size: 80%;
    padding-right: 1em;
    font-style: italic;
}

/**/
[data-loading] {
  display: none;
}
/**/

/* @media (min-width: 568px) and (min-aspect-ratio: 1/1){ */
@media (min-aspect-ratio: 1/1){
  header .banner-image{
    justify-content: flex-end;
  }
  header .inner-page-nav{
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 3vh;
  }
}
@media (min-width: 768px){
  header .inner-page-nav{
    font-size: 165%;
  }
  #default header .carousel-indicators {
	bottom: 30vh;
  }
}
@media(min-width: 1200px){
  header .inner-page-nav{
    font-size: 155%;
  }
}
@media (min-width: 568px) and (min-aspect-ratio: 1/1){
  header .inner-page-title{
    font-size: 150%;
    margin-bottom: 0;
  }
  header .inner-page-nav{
    font-size: 120%;
  }
}

@media (min-width: 812px) and (min-aspect-ratio: 1/1){
  header .inner-page-nav{
    font-size: 140%;
  }
  #default header .carousel-indicators {
	bottom: 22vh;
  }
}
@media (min-width: 992px) and (min-aspect-ratio: 1/1){
  header .inner-page-nav{
    font-size: 120%;
  }
  header .inner-page-nav{
    margin-top: 16vh;
  }
  #default header .inner-page-nav{
    margin-top: 24vh;
  }
}
@media (min-width: 1112px) and (min-aspect-ratio: 1/1){
  header .inner-page-nav{
    font-size: 130%;
  }
}




/**/

@media (min-width: 768px) and (min-height: 768px){
  header .inner-page-title{
    font-size: 3.5rem;
  }

  header .carousel-caption h1{
    font-size: 4rem;
  }
  header .carousel-caption h2{
    font-size: 3rem;
  }
  header .banner-image .btn-light {
    font-size: 1.7rem;
  }
  main h1{
    font-size: 2.7rem;
  }
  main h2{
    font-size: 2rem;
  }
}
@media(min-width: 992px){
  main h2.card-title{
    font-size: 1.3rem;
  }
    footer .icon-parent .icon{
  	/*flex-basis: 40%;*/
  }
}
@media(min-width: 1200px){

  main h2.card-title{
    font-size: 1.7rem;
  }
  header .carousel-caption h1{
    font-size: 5rem;
  }
  header .carousel-caption h2{
    font-size: 4rem;
  }
}
/**/
@media (min-width: 768px) and (min-height: 768px){

  
  
  
  
  
  footer .icon-parent{
    margin: 0 0 1em;
  }

  .icon-parent li.icon{
    /*width: 92px;*/
  }
  .icon-parent li.icon a{
    background-size: 270px;
    padding-top: 92px;
  }
  
  
  
  
  
  
  .icon-parent li.icon.map a{
    background-position: center -1169px;
  }
  .icon-parent li.icon.map a:active,
  .icon-parent li.icon.map a:hover{
    background-position: center -1439px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
}
@media (min-width: 992px) and (min-aspect-ratio: 16/9){
  
  
  
  

  .icon-parent li.icon{
    /*width: 92px;*/
  }
  .icon-parent li.icon a{
    background-size: 270px;
    padding-top: 92px;
  }
  
  
  
  
  
  
  .icon-parent li.icon.map a{
    background-position: center -1169px;
  }
  .icon-parent li.icon.map a:active,
  .icon-parent li.icon.map a:hover{
    background-position: center -1439px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
}