/* gbj lisä oma */

/* Koko sivun tausta sävy "murrettu valkoinen" */
.bj-white-ta {
  background-color: #f9f9f9;
}

/* Kuvaruudukon marginaali alle 601px  */
.bj-vali {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

/* Takaisin ylös nappula, punainen väri #ff3700ff */
#nosto {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  font-size: 12px;
  border: none;
  outline: none;
  background-color: #b09a53fe;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 2px;
}

#nosto:hover {
  background-color: #ff0000be;
}

/* SULJE NAPPI*/

/* Takaisin ylös nappula, punainen väri #ff3700ff */
#nosto {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  font-size: 12px;
  border: none;
  outline: none;
  background-color: #b09a53fe;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 2px;
}

#nosto:hover {
  background-color: #ff0000be;
}

/* TUOTEVALIKKO LINKKI SULJE NAPPULA  */
.bj-nav-button-sulje {
  background-color: #b09a53fe;
  color: #fff;
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

/* TUOTEVALIKKO LINKKI SULJE NAPPULA hover efekti POISTETT font-weight:bold;*/

.bj-nav-button-sulje:hover {
  background-color: #ff0000be;
  color: #fff;
}

/* TUOTEVALIKKO LINKKI NAPPULA  */
.bj-nav-button {
  background-color: #b09a53fe;
  color: #fff;
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

/* TUOTEVALIKKO LINKKI NAPPULA hover efekti POISTETT font-weight:bold;*/

.bj-nav-button:hover {
  background-color: #fff;
  color: #b09a53fe;
}

/* MOBIILI TUOTEVALIKKO LINKKI NAPPULA  */
/* Expected declaration but found ';'.  Skipped to next declaration. gbjlisa.css:104:32 */
/* Expected declaration but found ';'.  Skipped to next declaration. gbjlisa.css:105:16 */
/* Expected declaration but found ';'.  Skipped to next declaration. gbjlisa.css:106:32 */
/*  Expected declaration but found ';'.  Skipped to next declaration. gbjlisa.css:107:16 */
.bj-nav-buttons{
  //background-color: #b09a53fe;
  //color: #fff;
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

/* TUOTEVALIKKO LINKKI NAPPULA hover efekti POISTETT font-weight:bold;*/
/* Expected declaration but found ';'.  Skipped to next declaration. gbjlisa.css:120:27 */
/* Expected declaration but found ';'.  Skipped to next declaration. gbjlisa.css:121:21 */
.bj-nav-buttons:hover {
  //background-color: #fff;
  //color: #b09a53fe;
}




/* TUOTEVALIKKO LINKKI NAPPULA LOPUU */

.bj-hr {
  border: 0;
  border-top: 2px solid #b09a53fe;
  margin: 20px 0;
}

/* TUOTEVALIKKO LINKKI NAPPULA hover VÄRI #d1b96bff*/
/* Error in parsing value for 'border'.  Declaration dropped. gbjlisa.css:140:11 */
.bj-button-nav:hover {
  color: #ffffff !important;
  background-color: #bdaa6dbd !important;
  border-color: #bdaa6dcb !important;
  border: -1px solid #fff !important;
}





/* Kuvaruudukon 4 rivin marginaali alle 601px  */
.bj-valit {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.bj-hover-opacity {
  cursor: pointer;
}

/* PYSTY PAKIT TUOTE-OSASSA 

.bj-pylvas{
  
  height: 100px;
  border-left: 2px solid #b09a53ff;
  padding-left:5px;
  margin-left:5px;
}

#myhr {
  transform: rotateZ(90deg);
  
}
   LOPPUU            */

.bj-kartta {
  cursor: pointer;
}

.bj-wide arrows {
  letter-spacing: 40px;
}

.bj-kulta,
.bj-hover-white:hover {
  color: #b09a53fe !important;
  background-color: #fff !important;
}

.bj-text-kulta,
.bj-hover-text-kulta:hover {
  color: #b09a53fe !important;
}

/* Kulta leima logo */
.bj-varisiirto {
  animation: pulse 15s infinite;
  border-radius: 50%;
}

@keyframes pulse {
  0% {
    fill: #b09a53fe;
    background-color: #fff;
    opacity: 0.9;
  }

  50% {
    fill: #fff;
    background-color: #b09a53fe;
    opacity: 0.9;
  }

  100% {
    fill: #b09a53fe;
    background-color: #fff;
    opacity: 0.9;
  }
}

/* Hopea leima logo */
.bj-h-varisiirto {
  animation: pulse 15s infinite;
  border-radius: 3px;
}

@keyframes pulse {
  0% {
    fill: #999999fe;
    background-color: #fff;
    opacity: 0.9;
  }

  50% {
    fill: #fff;
    background-color: #999999fe;
    opacity: 0.9;
  }

  100% {
    fill: #b09a53fe;
    background-color: #fff;
    opacity: 0.9;
  }
}