@font-face {
  font-family: "sitefont";
  src: url("font/ralewaymore.ttf");
}

@media (max-width: 700px) {
  .v{width: 70.65vw !important;}
}
@media (max-width: 849px) {
  .v{width: 70.6vw !important;}
}
@media (min-width: 850px) {
  .v{width: 70.5vw !important;}
}
@media (min-width: 1000px) {
  .v{width: 70.4vw !important;}
}
@media (min-width: 1350px) {
  .v{width: 70.3vw !important;}
}
@media (min-width: 1750px) {
  .v{width: 70.2vw !important;}
}

html {font-family: sitefont;}
body {}

.dropzone{height:100px; height: 100vh; width: 100vw; left: 0; top: 0; position: absolute;}
.btnSend{position: absolute;right: 2%;top: 2%;}

.supaform{display: none;}
.supaform1{display: none;}

.zone{position: fixed;top: 0;left: 0;font-size: 10px;color: red;}
.zone p {top: 0;right: 0;margin-left: 85vw;transition: 5s;opacity: 1;}

.btns{color: white;font-size: 16px;}
.btns:hover{color: cornflowerblue;font-size: 16px;cursor: pointer;}

.hello{position:absolute;right:0;display: none;}
.do{position: fixed;
  left: 0;
  bottom: 0;
  text-align: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  width: 100vw;
color: white;}

.images-div {
  display: grid;
  text-align: center;
}

.v{width: 70.5vw ; }

.pic img {
  width: 35vw;
margin-right:0.3vw;
margin-left:0.3vw;
}

.back-btn img {
  position: fixed;
  width: 14%;
  bottom: 0;
  cursor: pointer;
}
.back-btn p {
  position: fixed;
  font-size: 10px;
  bottom: 15vh;
}

.push{
  position: fixed;
  height: 100vh;
  width: 100vw;
  background: black;
  opacity: 0.5;
  left: 0;
  top:0;
}

.box{
  position: fixed;
  background: white;
  text-align: center;
  border-radius: 10px;
  inset:35%;
  left: 20%;
  width: 60vw;
}

.box a{position: absolute;background: rgb(215,215,215);padding: 10px;text-decoration: none;color: black;bottom: -9%;border-radius: 10px;width: 12vw;}
.box p {margin: 2%;}
.box h2{margin: 2%;color: darkgreen;}
.time{display: inline-flex;font-size: 35px;margin-bottom: 20px;padding-bottom:10px;}
.time p{opacity: 1;transition: .5s;margin: 0;}
.cross{position: absolute;right: -2%;top: -10%;font-size: 50px;color: red;cursor: pointer;}

.zayavka{position: fixed;left: 44vw;top: 40vh;}
@media (max-width:1000px) {
  .box{height: auto;}
  .box a{bottom: -12%;font-size: 10px;}
  .cross{right: -5%;}
}