/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane, .pill-content > .pill-pane {
display: block; /* undo display:none */
height: 0; /* height:0 is also invisible */
overflow: hidden; /* no-overflow */
padding-top:10px;
}
.tab-content > .active, .pill-content > .active {
height: auto; /* let the content decide it */
} /* bootstrap hack end */

.tab-content > .tab-pane#atlas {overflow: visible;}

/* ---------------- 768 ----------------*/
@media (max-width: 768px){
/*  .single-work-main .single-work-info {
    overflow: scroll;
    margin-bottom: 0;
    max-height: 100vh;
    margin-left: 0;
    position: absolute;
    width: 100vw;
  }*/
}

#atlas {display: none;}
.active#atlas {display: block;}
.news-list {overflow: scroll;}
.menu-right .close {
  float: right;
  opacity: 1;
  z-index: 200;
  position: fixed;
  right: 20px;
  top: 8px;
  display: none;
}

.menu-right .close.active {display: block;}
.menu-right .close img {height: 15px;}


.atlas-container, .active#atlas {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ebebeb;
}

.news-list li {overflow: hidden;}

.full-slideshow {
  overflow: hidden;
}

.slick-list.draggable {min-height: 350px; overflow: hidden;}