.container-4{ display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; max-width: 1366px!important; margin-right: auto; margin-left: auto;}
.row{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width: 100%; }
.row > .column { padding: 8px;}
.row:after { content: ""; display: table; clear: both;}
.column {float: left; width: 16%; margin: 0 0 0 0; box-sizing:border-box}
.column a { display: flex; margin: 0; overflow: hidden;}
.column a:hover::before {display:flex;}
.column a:hover img {-webkit-transform: scale(1.3) rotate(5deg);-ms-transform: scale(1.3) rotate(5deg);transform: scale(1.3) rotate(5deg);}
.column a::before {content: attr(data-content); font-size: 18px; color: #fff; font-family: 'Roboto',arial,sans-serif; font-weight: 500;  background-color: rgba(175,134,54,.5); z-index: 65535; display: none; align-items: center; justify-content: center; position: absolute;  width:202px ; height: 202px;}
.column:hover{color: #af8636;}
.column a img {max-width:100%; margin:0 0; cursor:pointer;-ms-transition: transform .25s cubic-bezier(0, 1, 0.5, 1);-webkit-transition: transform .25s cubic-bezier(0, 1, 0.5, 1);transition: transform .25s cubic-bezier(0, 1, 0.5, 1);}
  @media (max-width: 1400px){.column a::before{width: 194px; height: 194px;}}
  @media (max-width: 1350px){.column a::before{background-color: transparent!important;}}
  @media (max-width: 991px){.column{ flex: 0 0 40%;}.row{justify-content: center;}}
  @media (max-width: 500px){.mySlides{height: auto!important;}.column{ flex: 0 0 90%!important;}.next {right: 0%!important;} .prev {left: 0%!important;} .prev, .next {top: 31%!important; font-size: 21px!important;}}
    @media only screen and (min-width: 1920px) {.next {right: 23.7%!important;} .mySlides{margin-top: 60px!important;}}
.modal { display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
  height : 635px;
}

.cursor {
  cursor: pointer;
}

.prev,
.next {
    position: absolute;
    top: 52%;
    z-index: 999;
    display: block;
    padding: 20px;
    width: auto;
    height: auto;
    color: #fff;
    text-decoration: none!important;
    font-weight: 600;
    font-size: 42px;
    opacity: 0.8;
    cursor: pointer;
    transition: 0.6s ease;
  user-select: none;
  -webkit-user-select: none;
  background-color: #2a210e;
}

.next {
  right: 25.5%;
  border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
  background-color: #2a210e;
  color: #f7f1e5!important;
}
.prev{left: 25.5%;}