/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 3.5vh;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/*
@media screen and (min-width:1200px) {
  @media screen and (min-height:1200px) {
    * {
      font-size: 2rem;
    }
  }
}
*/
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 3.5vh 15px 0;
}
.container .text-muted {
  margin: 5px 0;
  float: right;
  color: #DDD;
}

.footer > .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

/* 19/07/12 add */
.side-sticky {
  display: none;
}
@media (max-width: 1199px) {
  .side-sticky {
  position: fixed;
  display: block;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 60px;
  padding: 0px;
  z-index: 3;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
  }
}
@media (max-width: 543px) {
  .side-sticky {
    width: 48px;
  }
}
.btn-style {
  z-index: 5;
  width: 100%;
  padding: 5px;
  filter: brightness(3) contrast(150%) ;
  -webkit-filter: brightness(3) contrast(150%) ;
  -moz-filter: brightness(3) contrast(150%) ;
  -o-filter: brightness(3) contrast(150%) ;
  -ms-filter: brightness(3) contrast(150%) ;
  opacity: 0.75;
}
.over-red {
  background: #F00;
  background-blend-mode: exclusion;
  background-size: cover;
}
.over-blue {
  background: #00F;
  background-blend-mode: exclusion;
  background-size: cover;
}
.over-orange {
  background: rgb(255, 123, 0);
  background-blend-mode: exclusion;
  background-size: cover;
}
.over-yellow {
  background: rgb(255, 170, 0);
  background-blend-mode: exclusion;
  background-size: cover;
}
.over-purple {
  background: #F0F;
  background-blend-mode: exclusion;
  background-size: cover;
}
.over-green {
  background: #0F0;
  background-blend-mode: exclusion;
  background-size: cover;
}
.over-aqua {
  background: #0FF;
  background-blend-mode: exclusion;
  background-size: cover;
}
.over-gray {
  background: #333;
  background-blend-mode: exclusion;
  background-size: cover;
}
.over-black {
  background: #000;
  background-blend-mode: exclusion;
  background-size: cover;
}
#tmpL {
  margin-top: -60px;
  padding-top: 60px;
}
#humL {
  margin-top: -60px;
  padding-top: 60px;
}
#magL {
  margin-top: -60px;
  padding-top: 60px;
}
#prsL {
  margin-top: -60px;
  padding-top: 60px;
}
#LuxL {
  margin-top: -60px;
  padding-top: 60px;
}
#btnL {
  margin-top: -60px;
  padding-top: 60px;
}
#comL {
  margin-top: -60px;
  padding-top: 60px;
}