/* ------------------------------------------------
 Author: ArtStyles (Art)
 
 Template Name: ARTEM.
 version: 1.0.0
------------------------------------------------ */
.underlineNone {
  text-decoration: none;
}

/* -----------------------------------------------------------------
    Styles Demo
----------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
  .navbar-demo {
    justify-content: center;
  }
}

.header-half-demo {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 100vh;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .header-half-demo {
    flex-direction: column;
  }
}
@media only screen and (max-width: 580px) {
  .header-half-demo {
    height: 100%;
    padding-top: 5rem;
  }
}
@media only screen and (max-width: 992px) {
  .header-half-demo::before {
    content: '';
    background: #110f10;
    height: 50vh;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 580px) {
  .header-half-demo::before {
    visibility: hidden;
  }
}
.header-half-demo__left, .header-half-demo__right {
  flex: 0 0 50%;
  text-align: center;
  transform: translate3d(0, 20px, 0);
  transition: all .5s ease-in-out;
}
.header-half-demo__left:hover, .header-half-demo__right:hover {
  transform: translate3d(0, 0px, 0);
}
.header-half-demo__left:hover .demo-image, .header-half-demo__right:hover .demo-image {
  box-shadow: 0 20px 80px rgba(17, 15, 16, 0.2);
}
@media only screen and (max-width: 992px) {
  .header-half-demo__left, .header-half-demo__right {
    flex: none;
  }
}
.header-half-demo__right .title__demo {
  color: #fff;
}
@media only screen and (max-width: 580px) {
  .header-half-demo__right {
    background: #110f10;
    padding-top: 1.3rem;
  }
}
.header-half-demo .demo-image {
  box-shadow: 0 10px 10px rgba(17, 15, 16, 0);
  margin: auto;
  height: auto;
  width: 70%;
  transition: all .5s ease-in-out;
}
@media only screen and (max-width: 1500px) {
  .header-half-demo .demo-image {
    width: 80%;
  }
}
@media only screen and (max-width: 992px) {
  .header-half-demo .demo-image {
    width: 60%;
  }
}
@media only screen and (max-width: 580px) {
  .header-half-demo .demo-image {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header-half-demo .title__demo {
  font-size: 1.1rem;
  margin-top: 1rem;
}

.elastic-border {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 0;
}
@media only screen and (max-width: 992px) {
  .elastic-border {
    visibility: hidden;
  }
}

.btnSlideNav {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
}
@media only screen and (max-width: 580px) {
  .btnSlideNav {
    /*display: none; */
  }
}

.slideOpen {
  /*background: linear-gradient(45deg, #e748ea 0%, #4b1abc 100%); */
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 64px 64px rgba(44, 63, 88, 0.05), 0px 0px 32px rgba(44, 63, 88, 0.05), 0px 16px 16px rgba(44, 63, 88, 0.03), 0px 8px 8px rgba(44, 63, 88, 0.03), 0px 4px 4px rgba(44, 63, 88, 0.03), 0px 2px 2px rgba(44, 63, 88, 0.04);
  bottom: 2rem;
  left: 2rem;
  width: 48px;
  height: 48px;
  position: fixed;
  opacity: 1;
  transition: all .3s ease-in;
  z-index: 1040;
}
.slideOpen::before {
  background-image: url("");
  background-position: center;
  background-size: 36%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.slideOpen:hover {
  color: #fff;
  box-shadow: 0px 64px 64px rgba(44, 63, 88, 0.05), 0px 0px 32px rgba(44, 63, 88, 0.05), 0px 16px 16px rgba(44, 63, 88, 0.03), 0px 8px 8px rgba(44, 63, 88, 0.03), 0px 4px 4px rgba(44, 63, 88, 0.03), 0px 2px 2px rgba(44, 63, 88, 0.04), inset 0 0 0 60px #c9a96a;
}


.slideClose {
  background-image: url("iconClose.svg");
  top: 1.5rem;
  left: 400px;
  width: 30px;
  height: 30px;
  transform: translateX(70px);
  opacity: 0;
  position: fixed;
  z-index: 1040;
}

.slideNav {
  background-color: #fff;
  list-style: none;
  height: 100%;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2rem 0 0;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(-380px);
  width: 340px;
  z-index: 1040;
}
@media only screen and (max-width: 580px) {
  .slideNav {
    /* display: none; */
  }
}
.slideNav__item {
  color: #110f10;
  position: relative;
  border-bottom: 1px solid rgba(197, 210, 224, 0.4);
  padding: .8rem 0;
  margin: 0 2.2rem;
  user-select: none;
  transition: background 0.2s ease-in;
}
.slideNav__item:first-child {
  border-bottom: 0;
}
.slideNav__item .title {
  margin-bottom: .8rem;
}
.slideNav__item a {
  color: #110f10;
  text-decoration: none;
}
.slideNav__item a:hover {
  color: #f7541b;
}

.overlay-slideNav {
  background-color: rgba(17, 15, 16, 0.3);
  height: 100%;
  width: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: -1;
}

.rtl-mode {
  display: flex;
  justify-content: space-between;
}
.rtl-mode a {
  color: #f7541b;
  letter-spacing: .1rem;
}

.lable-new {
  background-color: #f7541b;
  border-radius: 20px;
  color: #fff;
  font-size: .7rem;
  padding: 3px 8px;
  margin-left: .5rem;
  text-transform: uppercase;
}

/*# sourceMappingURL=style-demo.css.map */