.srl_menu { /* margin-top: 150px; */ /* height: 100%; */ z-index: 10; /* height: 390px; */
}
.prl_menu {
  margin-top: 450px;
  height: 100%;
}
.list_menu {
  list-style: none;
  margin: 0;
  width: 255px;
}
.list_menu2 {
  list-style: none;
  padding: 0;
  margin: 0px;
  width: 130px;
}
.list_menu h2 {
  color: #f5f5f5;
  padding: 12px 0 0 20px;
  height: 32px;
  font-size: 19px;
}
.list_menu li { /* color: #f5f5f5; */ /* font-weight: 600; */ width: 335px; /* margin-right: 49px; */ /* background: #6e6d6dad; */ margin-top: 0%;
  height: 100px;
}
/* BUTTONS */
.button {
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
}
.sbutton {
  background: none;
  margin-right: -1px;
}
.pbutton {
  background-color: #3498db;
  border-bottom: solid 1px #2980b9;
}
/* TRANSITIONS */
.slide_left_open, .slide_left_close, .slide_right_close, .slide_right_open, .slide_top_open, .slide_top_close, .push_left_open, .push_left_close, .body_close, .body_open_left, .body_open_right, .push_right_open, .push_right_close {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slide_left_close {
  position: fixed;
  left: -257px;
}
.slide_left_open {
  left: -20px;
}
#slide_left > ul {
  float: left;
  width: 290px;
}
#slide_left ul li {}
#slide_left ul li:hover {}
/* SLIDE RIGHT MENU */
.slide_right_open {
  position: fixed;
  right: 25px;
  top: 42%;
}
.slide_right_close {
  right: 30px;
}
#slide_right > ul {
  float: right;
  height: auto;
  color: #ffffff;
  padding: 0px;
}
#slide_right ul { /* margin-right: 60px; */
}
#slide_right ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeInFromRight 0.5s ease forwards;
  position: fixed;
  right: 0;
  bottom: 145px;
  top: 60%;
}
#slide_right ul li:hover {}
/* PUSH RIGHT MENU */
.push_right_close {
  position: fixed;
  right: -220px;
}
.push_right_open {
  right: 0px;
}
#push_right > ul {
  float: right;
  background: url(../images/common/down-bg.png) no-repeat;
  height: 240px;
  border-radius: 0px 0px 20px;
  border-bottom: 1px solid #28b0d4;
}
#push_right > ul > h2 {
  border-bottom: solid 1px #2980b9;
}
#push_right ul li {
  background-color: #6badda;
}
#push_right ul li:hover {
  background-color: #4fa3dc;
}
/* PUSH LEFT MENU */
.push_left_close {
  position: fixed;
  left: -220px;
}
.push_left_open {
  left: 0px;
}
#push_left > ul {
  float: left;
  background-color: #3498db;
}
#push_left > ul > h2 {
  border-bottom: solid 1px #2980b9;
}
#push_left ul li {
  background-color: #6badda;
}
#push_left ul li:hover {
  background-color: #4fa3dc;
}
/*------------*/
.side-bg {
  width: 216px;
  display: block;
  margin-right: auto; /* border-bottom: 1px solid #f7585f; */ -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.side-bg:hover {
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.side1-bg {
  width: 130px;
  height: 80px;
  border-bottom: 1px solid #f7585f;
  padding-top: 10px;
}
.side3-bg {
  height: 160px;
  border-bottom: 1px solid #f7585f;
  padding-top: 10px;
}
.side-bg h3 {
  font-size: 20px;
  padding-top: 10px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px #000;
}
.side-bg p {
  font-size: 14px;
  text-align: center;
  padding-top: 20px;
  font-family: 'Lato', sans-serif;
}
.list_menu2 p {
  font-size: 14px;
  padding-top: 1px;
}
.list_menu2 p1 {
  font-size: 11px;
  font-weight: bold;
}
.side1-bg h3 {
  font-size: 15px;
  font-weight: 100;
}
.side2-bg h3 {
  font-size: 15px;
}
.side3-bg h3 {
  font-size: 15px;
}
#slide_left > ul > li > a {
  cursor: pointer;
}
#slide_left > ul > li > a:hover {
  color: #fff;
}
/*-- if want auto --*/
#slide_left {}
#slide_left:hover {
  left: 0px;
  z-index: 99;
}
#slide_left:after {
  position: fixed;
  left: -158px;
  z-index: 99;
}
/*--- right side auto */
#slide_right {
  z-index: 1000;
}
.side-ico {
  font-size: 10px;
}
.side-info {
  float: left;
  padding-top: 4px;
  text-align: center;
  width: 100%;
}
.side-ico img {
  width: 30px;
}
ul.list_menu2 img {
  display: block;
  margin: auto;
}
button#button_left {
  position: relative;
  margin-left: -34px;
  z-index: -1;
  cursor: pointer;
}

ul.list_menu {
  /* background: url(../images/common/down-bg.png) no-repeat; */
  /* border-radius: 0px 0px 20px; */
  color: #ffffff;
}
.app-content img {
  max-width: 74px;
}
.app-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 15px;
  gap: 15px;
  background: #6e6d6dad;
}
.app-download button {
  background: transparent;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  /* margin-bottom: 5px; */
  padding: 5px 7px;
}
.app-download i {
  width: 15px;
  margin-right: 5px;
}
.close-right {
  background: #a19f9f;
  height: 100px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  color: #fff;
}
.slide_right_close {
  position: fixed;
  /* right: -250px; */
  top: 40%;
}
.hidden {
  display: none;
}
/* When content is hidden, position the button */
.slide_right_close #button_right {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0%;
}
@keyframes fadeInFromRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
#bsright {
  max-width: 50px;
}
.app-download {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  gap: 5px;
}

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #d29914 !important;
}

.modal-header .btn-close {
    right: 20px;
    position: absolute;
}

.slide_right_close .list_menu li {
    width: 100px !important;
}