.ol-zoom-in, .ol-zoom-out {
  background: #CC521C;
  color: white;
  font-weight: bold;
  border: 0px;
  padding: 10px;
}

.ol-zoom-in {
  border-right: solid 1px white;
  margin: 10px 0px 10px 10px;
}

.ol-zoom-out {
  border-left: solid 1px white;
  margin: 10px 10px 10px 0px;
}

.ol-zoom-in:hover , .ol-zoom-out:hover {
  background: #A54115;
}

.p-tl, .p-br {
  font-size: 2em;
  transition: all 0.2s ease;
  color: #e75b1e;
}

.p-tl {
  padding-left: 5px;
  position:absolute;
  top:0;
  left: 0;
  margin:0;
}

.p-br {
  padding-right: 5px;
  position:absolute;
  right:0;
  bottom:0;
  margin:0;
}

.img-gauss{
  position:absolute;
  transform:translate(-25%,-25%);
  filter: blur(5px) brightness(0.6);
}

.empShow {
  transition: ease 0.3s all;
  height:100px;
  position:relative;
  overflow:hidden;
}

.empShow:hover > .p-br , .empShow:hover > .p-tl {
  color: white;
  text-shadow: #e75b1e 0 0 2px;
}

.empShowClick {
  height: 400px !important;
}

.txtvide {
  font-size: 3em;
  color: #FFF;
  position: absolute;
  left: 50%;
  top: 70%;
  transform: translate(-50%,-50%);
  text-shadow: #000 0 0 2px;
  transition: ease 1s all;
  opacity: 0;
}

.txtvideTransi {
  top: 50% !important;
  opacity:1 !important;
}

.txtadrville {
  font-size: 2em;
  color: #FFF;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-shadow: #000 0 0 4px;
  z-index: 2
}

.hidden {
  display: none;
}