/* Header sticky */


.sticky{
  background-color: #fff;
  background-repeat: repeat;
  /* background-color: #FFE9E8; */
  position: fixed !important;
  top: 0px;
  z-index: 4 !important;
  margin: 0 auto !important;
  padding: 0;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  padding: 10px 5% 0px 5%;
  transition: all .2s ease;
}

.sticky .hd-logo {
 height: auto!important;
}

.sticky .hd-logo img {
  transform: translateY(-8px);
}

.sticky .hd-logo .logo-text h4{
 color: #B69521!important;
}

.sticky .logo-text h1{
  color: #000!important;
}




.sticky .menu-toogler .menu-toogle-container i{
  color: var(--cl2);
}


.show-nav{
  right: 0px!important;
  transition: all .4s linear;
  visibility: visible!important;
}



/****************
===========================
Responsive menu
===========================
*****************/




@media only screen and (max-width:992px) {
  
  .rs-header .show-nav{
    right: 0px!important;
    visibility:visible!important;
  }

}




/********
=======================
scroll up
=======================
***********/


#scrollUp {
  text-align: center;
  bottom: 30px;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 15px;
  z-index: 4;
  border-radius: 50px 50px 4px 4px;
}
#scrollUp i {
  height: 40px;
  font-size: 24px;
  width: 40px;
  border-radius: 50%;
  color: #fff;
  line-height: 36px;
  transition: all 0.3s ease 0s;
  background: #000;
  margin-left: 2px;
  box-shadow: 0 0 2px #54595F;
}

#scrollUp i:hover {
 background-color: rgb(31 1 58);
 transition: all .2s linear;
}


  .show-propop{
    transform: scale(100%);
    transition: all .6s ease-in;
  }