body {
font: 400 1.2rem Dosis, Arial ;
line-height:2.0rem;
color:#000000;
overflow-x: auto;
}
.themecolor{
  background-color: #ffffff;
}
hr{
  color:#000000;
}
p {
line-height:2.1rem;
}
li {
line-height:2.0rem;
}
h2 {
font-size: 1.5rem;
text-transform: uppercase;
color: #303030;
font-weight: 600;
margin-bottom: 20px;
margin-top: 20px;
}
h3 {
font-size: 1.375rem;
line-height: 1.375rem;
color: #303030;
font-weight: 400;
margin-bottom: 20px;
margin-top: 20px;
}
h4 {
font-size: 1.1875rem;
line-height: 1.375rem;
color: #303030;
font-weight: 400;
margin-bottom: 20px;
margin-top: 20px;
}
.container-fluid {
padding: 20px;
}
.menu{
padding:0 0;
} 
.bg-grey {
background-color:rgba(102, 45, 145, 0.1);
}
.bg-violet {
background-color: #662d91;
color: #ffffff;
}
.bg-turkoosi {
background-color: #00ACA8;
color: #ffffff;
}
.bg-harmaa {
background-color: #444444;
color: #ffffff;
}
.logo-small {
color: #662d91;
font-size: 3.125rem;
}
.logo {
color: #662d91;
background-color: #ffffff;
font-size: 12.5rem;
}
.card.card-body {
border: none;
border-radius: 0;
}
.card.card-body img {
margin-bottom: 10px;
}
.card {
text-align: center;
border: 1px solid #662d91; 
border-radius:0 !important;
transition: box-shadow 0.5s;
}
.card:hover {
box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}
.card-footer .btn:hover {
border: 1px solid #ffffff;
background-color: #ffffff !important;
color: #662d91;
}
.btn:hover {
border: 1px solid #00ACA8;
background-color: #00ACA8 !important;
color: #ffffff;
}
.card-heading {
color: #ffffff !important;
background-color: #662d91 !important;
padding: 10px;
border-bottom: 1px solid transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.card-heading h1 {
font-size: 1.5rem;
font-weight: bold;
}
.card-footer {
background-color: #ffffff !important;
}
.card-footer h3 {
font-size: 2rem;
}
footer{
 font-size:1.2rem; 
}
.card-footer h4 {
color: #aaa;
font-size: 1.125rem;
}
.card-footer .btn {
margin: 15px 0;
background-color: #662d91;
color: #ffffff;
}
.btn {
margin: 30px 0;
background-color:#662d91;
color: #ffffff;
min-height: 44px;
}
.btn-fingenious {
margin: 30px 0;
background-color:#143891;
color: #ffffff;
}
.btn-fingenious:hover{
margin: 30px 0;
background-color:#ffffff;
color: #143891;
border: solid 1px #143891;
}  
footer .glyphicon {
font-size: 1.25rem;
margin-bottom: 20px;
color: #662d91;
}
.slideanim {
visibility:hidden;
}
.slide {
animation-name: slide;
-webkit-animation-name: slide;
animation-duration: 1s;
-webkit-animation-duration: 1s;
visibility: visible;
}
@keyframes slide {
0% {
  opacity: 0;
  transform: translateY(70%);
} 
100% {
  opacity: 1;
  transform: translateY(0%);
}
}
@-webkit-keyframes slide {
0% {
  opacity: 0;
  -webkit-transform: translateY(70%);
} 
100% {
  opacity: 1;
  -webkit-transform: translateY(0%);
}
}
.card-heading2 {
color: #ffffff !important;
background-color: #662d91 !important;
padding-top: 1px;
border-bottom: 1px solid transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.card-heading2 h1 {
font-size: 1.8rem;
font-weight: bold;
}  
#buttonrow{
z-index: -1;
}
.card-heading2:hover {
color: #ffffff !important;
background-color: #00ACA8 !important;
padding-top: 1px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
text-decoration:none;
}
h1:hover {
text-decoration:none;
}
.tma-table{
  xfont-size:0.6666666666666666em
}
.jumbotron2 {
background: url('https://www.auria.fi/biopankki/img/2018-07-21_veriputket_1920x500.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron3 {
background: url('https://www.auria.fi/biopankki/img/2018-07-17_suostumus_2_1920x500.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron4 {
background: url('https://www.auria.fi/biopankki/img/2018-07-21_ffpe3_1920x500.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron5 {
background: url('https://www.auria.fi/biopankki/img/blog.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron6 {
  background: url('https://www.auria.fi/biopankki/img/wallpaper_Biopankki_010.webp') top center / cover no-repeat fixed;
  background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron7-webp {
background: url('https://www.auria.fi/img/jumbotron5.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron7 {
  background: url('https://www.auria.fi/img/jumbotron5.webp') top center / cover no-repeat fixed;
  background-size: auto;
  height:500px;
  position: relative;
  background-color:#ffffff ;
  color: #662d91;
  font-family: Dosis, Arial;
  z-index: 100;
  }
.jumbotron8 {
background: url('https://www.auria.fi/biopankki/img/laboratory3.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron9 {
background: url('https://www.auria.fi/biopankki/img/lapsi_rakennuspalikat_ilman tekstia2.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron10 {
background: url('https://www.auria.fi/biopankki/img/2018-07-21_ffpe_valmistus_1920x500.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron11 {
background: url('https://www.auria.fi/biopankki/img/wallpaper_Biopankki_026.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron12 {
background: url('https://www.auria.fi/biopankki/img/stetoskooppi.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron14 {
background: url('https://www.auria.fi/biopankki/img/2023-02-02_word_cloud_r.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron15 {
background: url('https://www.auria.fi/biopankki/img/some.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron16 {
background: url('https://www.auria.fi/biopankki/img/2018-07-18_tiedonanto_1920x500_mv.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron17 {
background: url('https://www.auria.fi/biopankki/img/save-the-date.webp') top center / cover no-repeat fixed;
background-size: auto;
height:900px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron18 {
background: url('https://www.auria.fi/biopankki/img/juhlavaki.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron19 {
background: url('https://www.auria.fi/biopankki/img/lila_puhuu.webp') top center / cover no-repeat fixed; 
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
} 
.jumbotron20 {
background: url('https://www.auria.fi/biopankki/img/kuva9.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}  
.jumbotron21 {
background: url('https://www.auria.fi/biopankki/img/fingenious_white_tranparent_cover.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron33 {
background: url('https://www.auria.fi/biopankki/img/kakku.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron44 {
background:url('https://www.auria.fi/biopankki/img/2018-07-21_ffpe_valmistus_1920x500.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron47 {
background: url('https://www.auria.fi/biopankki/img/kyssarit.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron66 {
background: url('https://www.auria.fi/biopankki/img/kirjahylly.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron72 {
background: url('https://www.auria.fi/biopankki/img/tietoturva2.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#000 ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron83 {
background: url('https://www.auria.fi/biopankki/img/handshake.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative ;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
  .jumbotron92 {
background: url('https://www.auria.fi/biopankki/img/peukut.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}      
.jumbotron98 {
background: url('https://www.auria.fi/biopankki/img/downloable-forms.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron666 {
background: url('https://www.auria.fi/biopankki/img/covid-19.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron2020 {
background: url('https://www.auria.fi/img/jumbotron_search.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron-medisiina-d {
background: url('https://www.auria.fi/biopankki/img/medisiina-d.webp') top center / cover no-repeat fixed;
background-size: auto;
height:500px;
position: relative;
background-color:#ffffff ;
color: #662d91;
font-family: Dosis, Arial;
z-index: 100;
}
.jumbotron-fingenious {
background: url('https://www.auria.fi/biopankki/img/Fingenious_Kuvituskuva_Yhdistelmakuva_dna_jarvi.webp') top center / cover no-repeat fixed;
background-size: auto;
height:700px;
position: relative;
background-color:#ffffff;
font-family: Dosis, Arial;
z-index: 100;
}
.card-heading3 {
color: #ffffff !important;
background-color: #ffffff !important;
padding-top: 1px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.card-heading3:hover {
color: #ffffff !important;
background-color: #ffffff !important;
padding-top: 1px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
text-decoration:none;
}
    
a:hover, a:active {
color: #ffffff !important;
background-color: #104f92 !important;
text-decoration:underline;
font-size: 1.2rem;
}
a.white{
color: #ffffff !important;
text-decoration:underline;
font-size: 1.2rem;
font-weight: bold;
}
a.white:hover, a.white:active {
  color: #ffffff !important;
  background-color: #104f92 !important;
  text-decoration:underline;
  font-size: 1.2rem;
  font-weight: bold;
}
.searchform{
margin-top:-25px;
margin-bottom:-25px
} 

.grey{
  color:#666666
}
.nav-item{
  margin-left: 10px;
  min-width: 44px; 
  min-height: 44px;
  white-space: nowrap;
}
.navbar {
  margin-bottom: 0;
  background-color: #ffffff;
  color:#662d91;
  z-index: 9999;
  border: 0;
  font-size: 1.0rem !important;
  line-height: 1.42857143 !important;
  letter-spacing: 3px;
  border-radius: 0;
  font-family: Dosis, Arial;
  font-weight:bold;
  text-decoration:none;
}
.navbar-brand {
  color: #662d91 !important;
  font-size: 1.2rem;
  margin-top:0px;
  text-decoration:none;
} 
.navbar li a, .navbar {
  color: #662d91 !important;
  line-height: 1.42857143 !important;
  background-color: #ffffff;
  font-size: 1.0rem !important;
  font-weight:bold;
  text-decoration:none;
} 
.navbar-nav li a:hover, .navbar-nav li.active2 a {
  color: #ffffff !important;
  background-color: #662d91 !important;
  text-decoration:none;
  padding-left:20px;
  font-size: 1.0rem !important;
  white-space: nowrap;
}
.scroll {
  white-space: nowrap;
  overflow-x: auto; 
  -webkit-overflow-scrolling: touch;
}
.navbar-default .navbar-toggle {
  border-color: transparent;
  color: #662d91 !important;
  margin-left:10px;
  text-decoration:none;
  font-size: 1.0rem !important;

}
.dropdown-toggle{
  min-width: 44px; 
  min-height: 44px;
  vertical-align: middle;
  font-size: 1.2rem !important;
}
.dropdown-item {
  color: #662d91 !important;
  background-color: #ffffff !important;
  vertical-align: middle;
  text-decoration: none;
}
.dropdown-item.active, .dropdown-item:active {
  color: #ffffff !important;
  background-color: #662d91 !important;
  vertical-align: middle;
  text-decoration: none;
}
a {
  color: #104f92;
  font-size:1.125rem;
  font-weight: bold;
  text-decoration: underline;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
.nav-link{
  color: #662d91 !important;
  background-color: #ffffff !important;
  text-decoration: none;
   min-width: 44px; 
  min-height: 44px;
  white-space: nowrap;
}
.nav-link:active{
  color: #ffffff !important;
  background-color: #662d91 !important;
  text-decoration: none;
   min-width: 44px; 
  min-height: 44px;
  white-space: nowrap;
}
.nav-link:hover {
  color: #ffffff !important;
  background-color: #104f92 !important;
  text-decoration: none;
   min-width: 44px; 
  min-height: 44px;
  white-space: nowrap;
}
.nav-pills .nav-link.active {
color: #ffffff !important;
background-color: #662d91 !important;
white-space: nowrap;
}

.otsikonkokoinen {
font-size: 1.375rem;
line-height: 1.5em;
color: #303030;
font-weight: 400;
margin-bottom: 30px;
}
  .pyoristetty-div {
    width: 100%;
    padding: 20px;
    border: 1px solid #662d91; /* Reunaviivan paksuus, tyyppi ja väri */
    border-radius: 15px; /* Kulmien pyöristyssäde */
  }
#buttonrowdiv1{
  min-height:520px;
}

.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}
h2.lila{
  font-family: Dosis;
  text-align: center;
  line-height: 1.8;

}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:60px;
height:0;
overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:60;
left:100px;
width:80%;
height:80%;
}
a.skip-main {
  left:-999px;
  position:absolute;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
  font: 400 1rem Dosis, Arial ;
  color: #662d91;
  background-color:#ffffff;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow:auto;
  margin: 10px 35%;
  padding:5px;
  border-radius: 15px;
  border:4px solid #662d91;
  text-align:center;
  font-size:1.2em;
  font-weight: bolder;
  z-index:999;
}	
.badge{
    margin-bottom: 25px
}
.tutkija{
  margin-bottom: 25px
}
a:hover, a:active {
  color: #ffffff !important;
  background-color: #104f92 !important;
  text-decoration:underline;
  }
  a.white:hover, a.white:active {
  color: #ffffff !important;
  background-color: #104f92 !important;
  text-decoration:none;
  }
  .white, .white:hover, .white:focus
{
color: #ffffff;
}
.carousel-inner{
  margin-top:auto;
  margin-bottom:auto;
  min-height: 300px;
}
.box {
  color: #ffffff !important;
  background-color: #662d91 !important;
  padding: 5px;
  border: 5px solid #f3ebf9;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  height: fit-content;
  text-align:center;
  font-weight: bold;
  cursor: pointer;
  }
  .box_otsikko {
  font-size: 1.5rem;
  }  
  .box:hover {
  color: #ffffff !important;
  background-color: #00ACA8 !important;
  padding-top: 5px;
  border: 5px solid #f3ebf9;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  text-decoration:none;
  height: fit-content;
  text-align:center;
  font-weight: bold;
  cursor: pointer;
  }
  
@media (min-width: 1024px){
  .navbar-expand-custom {
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
  }
  .navbar-expand-custom .navbar-nav {
      flex-direction: row;
      white-space: nowrap;
  }
  .navbar-expand-custom .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem;
      white-space: nowrap;
  }
  .navbar-expand-custom .navbar-collapse {
      display: flex!important;
  }
  .navbar-expand-custom .navbar-toggler {
      display: none;
  }
}