body {
}



body::before {
  background-image:
  -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.1) 2%, transparent 2%),
  -webkit-linear-gradient(0deg, rgba(0,0,0,.5) 10%, transparent 70%),
  -webkit-linear-gradient(transparent 20%,
  rgba(255, 255, 255, 0.1) 20%,
  rgba(255, 255, 255, 0.3) 21%,
  transparent 21%,
  transparent 40%,
  rgba(255, 255, 255, 0.1) 40%,
  rgba(255, 255, 255, 0.3) 41%,
  transparent 41%,
  transparent 60%,
  rgba(255, 255, 255, 0.1) 60%,
  rgba(255, 255, 255, 0.3) 61%,
  transparent 61%,
  transparent 80%,
  rgba(255, 255, 255, 0.1) 80%,
  rgba(255, 255, 255, 0.3) 81%,
  transparent 81%);

  background-image:
  linear-gradient(rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.1) 2%, transparent 2%),
  linear-gradient(90deg, rgba(0,0,0,.5) 10%, transparent 70%),
  linear-gradient(transparent 20%,
    rgba(255, 255, 255, 0.1) 2%,
    rgba(255, 255, 255, 0.3) 21%,
    transparent 21%,
    transparent 40%,
    rgba(255, 255, 255, 0.1) 40%,
    rgba(255, 255, 255, 0.3) 41%,
    transparent 41%,
    transparent 60%,
    rgba(255, 255, 255, 0.1) 60%,
    rgba(255, 255, 255, 0.3) 61%,
    transparent 61%,
    transparent 80%,
    rgba(255, 255, 255, 0.1) 80%,
    rgba(255, 255, 255, 0.3) 81%,
    transparent 81%);
  background-size: 15px 100px;
  background-repeat: repeat-y;
  bottom: 0;
  content: "";
  display: block;
  height: inherit;
  left: 0;
  position: absolute;
  top: 0;
  width: 15px;
}

body::after {
  background-image:
  -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.1) 2%, transparent 2%),
  -webkit-linear-gradient(0deg,  transparent 70%, rgba(0,0,0,.5) 90%),
  -webkit-linear-gradient(
  transparent 20%,
  rgba(255, 255, 255, 0.1) 2%,
  rgba(255, 255, 255, 0.3) 21%,
  transparent 21%,
  transparent 40%,
  rgba(255, 255, 255, 0.1) 40%,
  rgba(255, 255, 255, 0.3) 41%,
  transparent 41%,
  transparent 60%,
  rgba(255, 255, 255, 0.1) 60%,
  rgba(255, 255, 255, 0.3) 61%,
  transparent 61%,
  transparent 80%,
  rgba(255, 255, 255, 0.1) 80%,
  rgba(255, 255, 255, 0.3) 81%,
  transparent 81%);
  background-image:
  linear-gradient(rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.1) 2%, transparent 2%),
  linear-gradient(90deg, transparent 70%, rgba(0,0,0,.5) 90%),
  linear-gradient(
  transparent 20%,
  rgba(255, 255, 255, 0.1) 2%,
  rgba(255, 255, 255, 0.3) 21%,
  transparent 21%,
  transparent 40%,
  rgba(255, 255, 255, 0.1) 40%,
  rgba(255, 255, 255, 0.3) 41%,
  transparent 41%,
  transparent 60%,
  rgba(255, 255, 255, 0.1) 60%,
  rgba(255, 255, 255, 0.3) 61%,
  transparent 61%,
  transparent 80%,
  rgba(255, 255, 255, 0.1) 80%,
  rgba(255, 255, 255, 0.3) 81%,
  transparent 81%);

  background-size: 15px 100px;
  background-repeat: repeat-y;
  bottom: 0;
  content: "";
  display: block;
  height: inherit;
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
}*/

footer {
  padding-top: 0;
}

.main-img {
  background: url(./../img/main.jpg) center center no-repeat;
  background-size: cover;
  height: 100vh;
  margin-bottom: 50px;
  width: 100%;
}





.thumb-cell {
  background: url(./../img/top-thumb.jpg) center center no-repeat;
  background-size: cover;
}

.container {
  background: url(./../img/main.jpg) center center no-repeat;
  background-size: cover;
  box-shadow: rgba(0,0,0,.8) 0px 0px 13px inset;
}

.cd-picture a {
    display: block;
    height: 100%;
    width: 100%;
}

.cd-picture {
  box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 0px 15px, rgba(0, 0, 0, 0.4) 0px 0px 0px 15px inset, rgb(45, 45, 45) 0px 0px 3px inset;
}

@media (max-width: 768px) {

  .cd-picture {
  box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 0px 15px, rgba(0, 0, 0, 0.4) 0px 0px 0px 7px inset, rgb(45, 45, 45) 0px 0px 3px inset;
}
}

.cd-picture01 {
  background: url(./../img/01.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture02 {
  background: url(./../img/02.jpg) center center no-repeat;
  background-size: cover;
}


.cd-picture03 {
  background: url(./../img/03.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture04 {
  background: url(./../img/04.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture05 {
  background: url(./../img/05.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture06 {
  background: url(./../img/06.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture07 {
  background: url(./../img/07.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture08 {
  background: url(./../img/08.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture09 {
  background: url(./../img/09.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture10 {
  background: url(./../img/10.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture11 {
  background: url(./../img/11.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture12 {
  background: url(./../img/12.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture13 {
  background: url(./../img/13.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture14 {
  background: url(./../img/14.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture15 {
  background: url(./../img/15.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture16 {
  background: url(./../img/16.jpg) center center no-repeat;
  background-size: cover;
}

.cd-picture17 {
  background: url(./../img/17.jpg) center center no-repeat;
  background-size: cover;
}