.viewprojectLINK {
  color: white;
  border-radius: 20px;
  border: 2px solid white;
  width: 130px;
  height: 30px;
  position: absolute;
  left: 50%;
  margin-left: -65px;
  line-height: 26px;
  text-transform: uppercase;
  bottom: 40%;
  font-size: 14px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold;
  opacity: 0.8;
  z-index: 15;
  cursor: pointer; }
  .viewprojectLINK:hover {
    opacity: 1; }

.Ukryj {
  display: none; }
  
#vpPOLE{
	z-index:1;
	height:0px;}

.lista {
  height: 35px;
  overflow: visible;
  position: relative;
  float: left;
  margin-bottom: 20px;
  z-index: 300; }
  .lista div.mul {
    color: white;
    list-style: none;
    padding: 0px;
    box-sizing: border-box;
    max-height: 35px;
    overflow: hidden;
    cursor: pointer; }
    .lista div.mul.pokaz {
      max-height: 900px;
      width: 566px}
    .lista div.mul div.mc {
      display:flex;
      flex-wrap:wrap;
      width:566px;
      background-color: #242533;
    }
    .lista div.mul div.mli {
      width:50%;
      padding: 4px 8px 4px 8px;
      text-align: center;
      border-left: transparent 3px solid;
    }
      @media (max-width: 767px) {
        .lista div.mul div.mc {
          width:288px;
        }
        .lista div.mul div.mli {
          width:100%;
        }
      }
      .lista div.mul div.mli.option:not(:last-child) {
        border-bottom: #3a3b4d 1px solid; }
      .lista div.mul div.mli.option:hover {
        border-left-color: #f6c606;
         background-color: #2f3043; }
      .lista div.mul div.mli.divider {
        height: 1px;
        width: 100%;
        padding: 0px;
        background-color: #dcdcdc; }
      .lista div.mul div.mli.main {
        width: 250px;
        background-color: #242533;
        text-align: center;
        background-image: url("../images/caret-down.png");
        background-repeat: no-repeat;
        background-position: right 5px center; }
      .lista div.mul div.mli.main:hover {
        background-color: #2f3043; }