#mainBlock {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 90vh;
  width: 100%;
  background:
    linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%),
    url("img/main.jpg");
  color: white;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#mainBlock a {
  color: #FF0000;
  transition: .3s;
  border-bottom: 2px solid rgba(0,0,0,0);
}
#mainBlock a:hover {
  /* color: #FF0000; */
  /* text-shadow: 0 0 35px white; */
  border-bottom: 2px solid red;

}
#mainTxt {
  margin: 3vh 20vw;

  text-align: center;
  font-size: 1.5em;
}
#galBlock {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 5vh 10vw 3vh 10vw;
}
#galBlock a {
  transition: .6s;
}
#gallery {
  display: flex;
  width: 100%;

}
#galNav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;

  font-size: 1.7em;
}
#gal00 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal00/tile.jpg");
}
#gal01 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal01/tile.jpg");
}
#gal02 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal02/tile.jpg");
}
#gal03 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal03/tile.jpg");
}
#gal04 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal04/tile.jpg");
}
#gal05 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal05/tile.jpg");
}
#gal06 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal06/tile.jpg");
}
#gal07 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal07/tile.jpg");
}
#gal08 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal08/tile.jpg");
}
#gal09 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal09/tile.jpg");
}
#gal10 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal10/tile.jpg");
}
#gal11 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal11/tile.jpg");
}
#gal12 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal12/tile.jpg");
}
#gal13 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal13/tile.jpg");
}
#gal14 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal14/tile.jpg");
}
#gal15 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal15/tile.jpg");
}
#gal16 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal16/tile.jpg");
}
#gal17 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("gallery/gal17/tile.jpg");
}
.galNavPnkt {
  background-color: blue;
  display: flex;
  width: 24vw;
  margin: 2vh;
  aspect-ratio: 1 / 1;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  background-size: 100% !important;
  background-position: center !important;
}
.galNavPnkt:hover {
  font-size: 1.3em;
  background-size: 110% !important;
}


#fullScreenSliderWrapper {
  display: flex;
  visibility: hidden;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 9999999999;
}
.fullScreenSlider {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  min-width: 0;
}
#close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

#galMain {
}

#intBlock {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-width: 0;
}
.intSlider {
  min-width: 0;
  margin: 2vh 10vw 5vh 10vw;
}
.intSlider .paintWrap {
  display: flex;
  position: relative;
  justify-content: center;
  flex-wrap: wrap;
  cursor: zoom-in;
}
.intSlider .paintWrap img {
  max-height: 24vw;
}
.paintZoom {
    background-position: 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 150%;
    height: 100%;
    cursor: zoom-out;
}
.paintZoomHide {
  background-image: none !important;
  cursor: zoom-in !important;
}
.paintWrap {
  display: flex;
  position: relative;
  justify-content: center;
  flex-wrap: wrap;
}
.slider .paintWrap img {
  cursor: zoom-in;
}

#buyBlock {
  width: 100%;
  margin: 0 10vw 5vh 10vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#buyWrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;

  width: 100%;
}
#buyWrap>div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;

  width: 50%;
  margin-top: 2vh;
}

.buyVar {
  text-align: center;
  max-width: 33%;
}
.buyVar img {
  max-height: 10vw;
}
.buyName {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2em;
  margin-bottom: 1vh;
}
.buyDisc {
  text-align: center;
  font-size: .9em;
  color: #888888;
  margin: 0 10%;
}

#decoBlock {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;

  background-color: rgb(30, 30, 30);
}
#decoBlock a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: white;
}

#decoBlock video {
  width: 100%;
}
#decoWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0, .3);
}

#decoTxt {
  position: absolute;
  font-size: 4.5em;
}
#decoBtn {
  position: absolute;
  transition: .3s;
  padding: 1.5vh 3.75vw;
  bottom: 40px;
  border: 2px solid white;
}
.decoBtnHover {
  background-color: white;
  color: black;
}

#contBlock {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 7vh 0;
}
#contHeader {
  display: flex;
  justify-content: center;
  font-size: 2em;
  width: 100%;
  margin: 3vh 0;
}
#contWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 60vw;
}
#contWrap>div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  min-width: 50%;
  margin: auto;
}
.contWrapPnkt {
  height: 4.5em;
  min-width: 50%;
  margin: auto;
}
#contDirect {
  width: 100%;
  margin: 5vh 0 2vh 0;
}
#contDirTel, #contDirMail {
    width: 100%;
    text-align: center;
    font-size: 1.3em;
    line-height: 1.5em;
}
#contDirTel a, #contDirMail a {
    transition: .3s;
}
#contDirTel a:hover, #contDirMail a:hover {
  font-size: 1.1em;
}
.contIco {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1vh 0;
  transition: .3s;
}
.contIco svg {
  height: 2.5em;
}
.contTxt {
  display: flex;
  align-items: center;
  font-size: 1.3em;
}
.contIco:hover {
  font-size: 1.1em;
}
#contFormWrap {
  display: flex;
  flex-wrap: wrap;
  width: 40vw;
}
#contFormHeader {
  display: flex;
  justify-content: center;
  font-size: 2em;
  width: 100%;
  margin: 3vh 0;
}
.contForm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.contForm input, .contForm textarea {
  width: 100%;
  font-size: 1.3em;
  margin: 1vh 0;
  padding: 10px;
}
.contForm textarea {
  resize: none;
}
#inpMsg {
  min-height: 20vh;
}

#inpSubmit {
  font-size: 2em;
  border: 2px solid black;
  padding: 2vh 5vw;
  margin: 1vh 0;
  transition: .3s;
  cursor: pointer;
}
#inpSubmit:hover {
  background-color: rgb(30, 30, 30);
  color: white;
}
@media screen and (max-width: 1300px) {
  #contWrap>div {
    width: 60vw;
  }
  #buyWrap>div {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  #buyWrap>div {
    width: 100%;
    flex-wrap: wrap;
  }
  .buyVar {
    max-width: 100%;
    margin-bottom: 5vh;
  }
  .buyVar img {
    max-height: 30vw;
  }
  #mainBlock {
    height: 60vh;
    background-position: bottom;
  }
  #mainTxt {
    margin: 3vh 10vw;
    font-size: 1rem;
  }
  .galNavPnkt {
    font-size: 0.7rem;
  }
  .galNavPnkt:hover {
    font-size: 0.8rem;
    background-size: 110% !important;
  }
  .header1 {
    font-size: 2rem;
  }

  .intSlider .paintWrap img {
    max-height: none;
    max-width: 80vw;
  }

  #decoTxt {
    font-size: 3rem;
  }
  #decoBtn {
    bottom: 10px;
    padding: 1vh 2vw;
    font-size: 0.5rem;
  }

  #contWrap>div {
    flex-wrap: wrap;
  }

  #contFormWrap {
    width: 80vw;
  }
}