/*!
 * Copyright 2021 business service camen Authors (https://bscit.ch/)
 */
 body {
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

#top {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 0px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #5db066;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
}

#top:hover {
  background-color: #5db066;
}

.hr-divider {
  margin: 1.5rem 0; /* Space out the Bootstrap <hr> more */
}

/* margin top */
.mt-64 {
    margin-top: 4rem !important;
}

.border-azure {
    border-color: #c2dbfe !important;
}

/* character spacing */
@media (max-width:619px){
.ls { 
  letter-spacing: 4px;
  font-family:Comfortaa;
}
}

@media (min-width:620px){
.text-ls { 
  letter-spacing: 5px;
  font-family:Comfortaa;
}
}

/*Tooltip*/
.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
  background-color: #000080;
  /*box-shadow: 0px 0px 4px black;*/
  opacity: 1 !important;
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #000080 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
 border-left-color: #000080 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
 border-bottom-color: #000080 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
 border-top-color: #000080 !important;
}

/*carousel height*/
.carousel-inner-mh {
  min-height: 350px !important;
}

.carousel-item-mh {
  max-height: 300px !important;
}

.carousel-fade .carousel-inner .item {
  transition-duration: 4s;
  transition-timing-function:linear;
}

/* custom brand */
.bg-brand {
	background-image:url(../brand/web-logo_links-top.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;
	}
.text-brand {
	line-height:1.2;
	letter-spacing: 3px;
	}
@media screen and (max-width: 599px){
.header-title {
	max-height: 50px !important;
	position: relative;top: 50%;
	}
}
@media screen and (max-width: 900px) and (min-width: 600px){
.header-title {
	height: 175px;
	position: relative;top: 50%;
	padding-left: 3rem;
	}
}
.header-title {
	height: 175px;
	position: relative;top: 50%;
	}
.header-brand {
	height: 175px;
	min-width: 318px;
	}

/* custom storage */
@media screen and (min-width: 600px) {
.storage-smart {
	display: none; 
	}
}

@media screen and (max-width: 599px) {
.storage-desk {
	display: none; 
	}
}

/* storage smartphone */
@media screen and (max-width: 599px) {
.h-uh10, .h-uh11, .h-uh12, .h-uh20, .h-uh21, .h-uh22, .h-uh23, .h-uh30, .h-uh31, .h-uh40, .h-uh41, .h-uh50, .h-uh51 {min-height: 70px;}
}

/* storage text centered */
.textcenter {position: relative;text-align: center;/*color: white;*/}
.text-centered {position: relative;top: 50%;}
.centered {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/* storage tablets */
@media screen and (min-width: 600px) and (max-width: 991px) {
.h-uh10, .h-uh11, .h-uh12 {min-height: 200px;}
.h-uh20 {min-height: 140px;}
.h-uh21 {min-height: 96px;}
.h-uh22 {min-height: 236px;}
.h-uh23 {min-height: 280px;}
.h-uh30 {min-height: 140px;}
.h-uh31 {min-height: 377px;}
.h-uh40 {min-height: 140px;}
.h-uh41 {min-height: 96px;}
.h-uh50, .h-uh51 {min-height: 280px;}
}

/* storage desk large */
@media screen and (min-width: 992px) and (max-width: 1199px) {
.h-uh10, .h-uh11, .h-uh12 {min-height: 257px;}
.h-uh20 {min-height: 170px;}
.h-uh21 {min-height: 126px;}
.h-uh22 {min-height: 266px;}
.h-uh23 {min-height: 310px;}
.h-uh30 {min-height: 170px;}
.h-uh31 {min-height: 407px;}
.h-uh40 {min-height: 170px;}
.h-uh41 {min-height: 126px;}
.h-uh50, .h-uh51 {min-height: 376px;}
}

/* storage desk xl large */
@media screen and (min-width: 1200px) {
.h-uh10, .h-uh11, .h-uh12 {min-height: 257px;}
.h-uh20 {min-height: 170px;}
.h-uh21 {min-height: 126px;}
.h-uh22 {min-height: 266px;}
.h-uh23 {min-height: 310px;}
.h-uh30 {min-height: 170px;}
.h-uh31 {min-height: 407px;}
.h-uh40 {min-height: 170px;}
.h-uh41 {min-height: 126px;}
.h-uh50, .h-uh51 {min-height: 450px;}
}