:root {
  --light: #F0EAD2;
  --green: #92ac4b;
  --green2: #ADC178;
  --green-light: #DDE5B6;
  --brown: #6C584C;
  --brown-light: #A98467;
  --danger: #dc3545;
}

.mb-0{margin-bottom: 0 !important}
.ml-0{margin-left: 0 !important}
.mr-0{margin-right: 0 !important}
.mt-0{margin-top: 0 !important}

.p-relative{position: relative;}
.d-block{display: block}

.text-light{color: var(--light)}
.text-green{color: var(--green)}
.text-green-light{color: var(--green-light)}
.text-brown{color: var(--brown)}
.text-brown-light{color: var(--brown-light)}
.text-danger{color: var(--danger)}

.nk-navbar-solid{
  background-color: rgba(255,255,255,0.95) !important;
  -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.1);
      box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.1);
}

@media (min-width:992px) {
  .nk-navbar-solid{
    backdrop-filter: blur(10px);
    background-color: rgba(255,255,255,0.9) !important;
  }
}

.nk-header-title-scroll-up{
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 500;
}

.nk-icon-burger{
  color: #fff;
}

.nk-navbar-solid .nk-icon-burger{
  color: #0e0e0e;
}

@media (min-width:992px) {
  .nk-navbar .nk-nav>li{
    position: relative;
  }

  .nk-navbar .nk-nav>li:hover:after,
  .nk-navbar .nk-nav>li.active:after {
    content: "";
    height: 1px;
    background-color: #0e0e0e;
    width: 90%;
    left: 5%;
    bottom: 0;
    position: absolute;
  }

  .nk-navbar .nk-nav>li:hover:after {
    opacity: 0.2;
  }
}

.opa1{opacity:.1}
.opa2{opacity:.2}
.opa3{opacity:.3}
.opa4{opacity:.4}
.opa5{opacity:.5}

.masson-jar{
  display: none;
  position: absolute;
  top: 90px;
  right: 0;
}

@media (min-width:576px){
  .masson-jar{
    right: -200px;
  }
}

@media (min-width:768px) {
  .masson-jar {
    right: -200px;
  }
}

@media (min-width:992px) {
  .masson-jar {
    display: block;
    right: -150px;
  }
}
@media (min-width:1200px){

}