/* Menu Appearance */
.detay_mobile {
  position: fixed;
  width: 270px;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: #ededed;
  overflow: auto;
  -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.detay_mobile a {
  display: block;
  color: #5a5f61;
  padding: 15px;
  text-decoration: none;
  font-weight: 600;
}
.detay_mobile .detay_mobile-submenu a {
  font-weight: 600;
  font-size: 14px;
  width: 80%;
}
.detay_mobile a:hover {
  color: #5a5f61;
}
.detay_mobile ul:first-child {
  margin-top: 10px !important;
}
.detay_mobile.detay_mobile-left {
  left: 0;
}
.detay_mobile.detay_mobile-right {
  right: 0;
}

.detay_mobile-content {
  visibility: hidden;
}

/* Menu Movement */
.detay_mobile-left {
  transform: translate3d(-270px, 0, 0);
}

.detay_mobile-right {
  transform: translate3d(270px, 0, 0);
}

.detay_mobile-open-left .detay_mobile,
.detay_mobile-open-right .detay_mobile {
  transform: translate3d(0, 0, 0);
}
.detay_mobile-open-left .detay_mobile-content,
.detay_mobile-open-right .detay_mobile-content {
  visibility: visible;
}

/* Menu Transitions */
.detay_mobile {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.detay_mobile-content {
  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.detay_mobile-content ul {
  padding-left: 0 !important;
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.detay_mobile-open-left .site-overlay,
.detay_mobile-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  animation: fade 500ms;
}

@keyframes fade {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
/* Submenu Appearance */
.detay_mobile-link {
  transition: opacity 0.2s ease-in-out;
  list-style-type: none;
}
.detay_mobile-link.kontakt a {
  text-transform: uppercase;
}
.detay_mobile-link:hover {
  background-color: #fff;
}

.detay_mobile-submenu {
  list-style-type: none;
  /* Submenu Buttons */
  /* Submenu Icon */
}
.detay_mobile-submenu > ul {
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
  border-top: 1px solid rgba(90, 95, 97, 0.079);
  border-bottom: 1px solid rgba(90, 95, 97, 0.079);
  background-color: #e7e7e7;
  padding-left:0 !important;
}
.detay_mobile-submenu > ul .detay_mobile-link {
  transition: opacity 0.2s ease-in-out;
  list-style-type: none;
  padding-left:20px !important;
}

.detay_mobile-submenu a {
  width: 80%;
  color: #5a5f61;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 15px;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-transform: uppercase;
}
.detay_mobile-submenu a:hover:not(.detay_mobile-submenu a.detay_mobile-sub_button) {
  background: #fff;
}
.detay_mobile-submenu a.detay_mobile-sub_button {
  font-size: 14px;
  text-transform: uppercase;
}
.detay_mobile-submenu a.detay_mobile-sub_button:hover {
  background-color: #fff;
}
.detay_mobile-submenu .detay_mobile-sub_button + ul li {
  font-size: 14px;
}
.detay_mobile-submenu > a {
  position: relative;
}

.detay_mobile-submenu > a::after {
  content: "";
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../Icons/arrow.svg") no-repeat;
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.detay_mobile-submenu-closed > ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.detay_mobile-submenu-closed .detay_mobile-link {
  opacity: 0;
}

.detay_mobile-submenu-open {
  /* Submenu Icon */
}
.detay_mobile-submenu-open > ul {
  max-height: 1000px;
  visibility: visible;
  margin-left:0 !important;
}
.detay_mobile-submenu-open .detay_mobile-link {
  opacity: 1;
}
.detay_mobile-submenu-open > a::after {
  transform: translateY(-50%) rotate(90deg);
}

/* Additional Styles */

.detay_mobile-submenu .detay_mobile-sub_button + ul li > a {
font-size: 14px;
}

.detay_mobile-submenu a + ul li > a,
.detay_mobile-submenu .detay_mobile-sub_button + ul li > a {
  font-size: 14px;
}

.detay_mobile-submenu-closed a {
text-transform: uppercase;
}

.dt_sub_flex{
display:flex; 
flex-direction: row;
}

.dt_span_img{
background: #EB602B;
width: 20%;
display: flex;
align-items: center;
justify-content: center;
}

li ul .dt_span_img {
  background: transparent;
}

.dt_span_img img.dt-icon-img{

width: 20px;
height: 20px;
}

li ul .dt_span_img img.dt-icon-img {
  background: transparent;
  filter: invert(0.5);
}

.detay_mobile-submenu-open .dt_span_img .dt-icon-img:not(ul li.detay_mobile-submenu-closed .dt_span_img .dt-icon-img) {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.detay_mobile-submenu ul > li.detay_mobile-submenu-open > .dt_sub_flex a,
.detay_mobile-submenu ul > li.detay_mobile-submenu-open > .dt_sub_flex a + span.dt_span_img {
    background: #fff;
}
.detay_mobile-submenu ul > li.detay_mobile-submenu-open > ul > li.detay_mobile-submenu-open > .dt_sub_flex a,
.detay_mobile-submenu ul > li.detay_mobile-submenu-open > ul > li.detay_mobile-submenu-open > .dt_sub_flex a + span.dt_span_img {
    background: #f7f7f7;
}

.detay_mobile-submenu > ul .detay_mobile-link.active {
  background: #f7f7f7;
}

/*# sourceMappingURL=detay-mobile.css.map */