video::-webkit-media-controls { /* Works only on Chrome-based browsers */
    display: none;
}

.maincitywindow {position: absolute; background-color: #ffffff; left: 200px; top: 30px; padding: 30px; min-width: 300px; z-index: 201; overflow: hidden; transition: 0.1s; box-shadow: 0 0 20px rgba(0,0,0,0.5); color: black; text-align: center; border-radius: 10px; line-height: 1.5;  font-size: 20px; font-family: MontserratAlternates; }

.maincitywindow div {display: block; position: relative; margin-top: 10px; }
.maincitywindow a.button { width: 40px; display: inline-block; text-transform: none; margin-right: 20px; }

.smallmodalwindow {position: absolute; background-color: #ffffff; left: 50%; top: 50%; max-width: calc(100vw - 40px); max-height: calc(100vh - 40px); z-index: 201; overflow-y: auto; transform: translate(-50%, -50%); transition: 0.1s; border: 4px solid #ffffff; box-shadow: 0 0 20px rgba(0,0,0,0.5); box-sizing: border-box; color: black; text-align: center; border-radius: 10px; line-height: 1.5; padding: 20px; }

.smallmodalwindow a {

  color: #ef7f1a;
  font-weight: bold;
  text-decoration: none;
  line-height: 1;
  margin: 5px 0px;
  display: block;

}

.modalwindow {position: absolute; background-color: #ffffff; left: 20px; top: 20px; width: 200px; height: 200px; z-index: 201; overflow: hidden; transition: 0.1s; border: 4px solid #ffffff; box-shadow: 0 0 20px rgba(0,0,0,0.5); box-sizing: border-box; color: black; text-align: center; border-radius: 10px; line-height: 1.5; }

.scrolled { overflow-y: auto; }

.modalwindow h2 {color: black; text-transform: uppercase; font-size: 22px; text-shadow: none; margin: 10px 0px 15px 0px; }
.modalwindow a.city {color: black; text-shadow: none; font-size: 20px; text-decoration: none; border-bottom: 1px dotted black; }
.modalwindow a.city:hover {border-bottom: none; }

#textdiv {background-color: #ab1414; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75;  position:absolute; bottom:-30px; width: 100%; padding: 5px; text-align: center; color: #ffffff; font-size: 18px; transition: 0.5s; }

#basketimage {margin: 0; }

#close {position: absolute; width: 20px; height: 20px; top: 0px; right: 0px; z-index: 102; }

#next {position: absolute; width: 60px; height: 60px; top: 60px; right: -60px; z-index: 102; transition: 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
#prev {position: absolute; width: 60px; height: 60px; top: 60px; left: -60px; z-index: 102; transition: 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}

.modalwindow:hover #next {position: absolute; width: 60px; height: 200px; top: 60px; right: 0px; z-index: 102; transition: 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.modalwindow:hover #prev {position: absolute; width: 60px; height: 200px; top: 60px; left: 0px; z-index: 102; transition: 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}

.modalwindow a {color: #ffffff; font-size: 20px; text-decoration: none; text-shadow: 1px 1px 2px black;}
.modalwindow a:hover { text-decoration: none; }

.modalwindow a.small {COLOR: #ff0000; font-weight: normal; font-size: 13px; text-decoration: none; border-bottom: 1px dotted #ff0000; text-shadow: none;}
.modalwindow a.small:hover { border-bottom: 0px none #ff0000; }

.modalwindow img {max-width: 100%;}
.modalwindow:before {
  content: "";
  display: inline-block;
  min-height: inherit;
  height: 100%;
  vertical-align: middle;
}

#bigimage {text-align: center; display: inline-block; vertical-align: middle;  }
#bigimage a {color: black; text-shadow: none;}


.modalwindowdialog {position: absolute; background-color: #ffffff; left: 50%; top: 50%; transform: translateX(-50%)  translateY(-50%);  max-width: 90%; z-index: 201; overflow: hidden; border: 4px solid #ffffff; box-shadow: 0 0 20px rgba(0,0,0,0.5); box-sizing: border-box; color: black; font-size: 14px; text-align: center; border-radius: 10px; line-height: 1.5; padding: 10px;  }

.modalwindowdialog h3 { color: #ef7f1a; font-size: 16px; font-weight: bold; text-align: center; margin: 0px 0px 10px 0px; }

.toast {position: fixed; background-color: #ffffff; left: 20px; bottom: -50px; max-width: 90%; z-index: 201; overflow: hidden; border: 4px solid #ffffff; box-shadow: 0 0 20px rgba(0,0,0,0.5); box-sizing: border-box; color: black; font-size: 14px; text-align: center; border-radius: 10px; line-height: 1.5; padding: 10px; animation-duration: 1s;
  animation-name: toast; animation-iteration-count: 2; animation-direction: alternate; opacity: 0;  }

@keyframes toast {
  from {
    bottom: -50px;
    opacity: 0;
  }

  to {
    bottom: 20px;
    opacity: 1;
  }
}

.toast h3 { color: #ef7f1a; font-size: 30px; font-weight: bold; text-align: center; margin: 0px; }

.modalwindowdialog a { color: white; background: #ef7f1a; display: inline-block; font-weight: bold; font-size: 12px; text-align: center; margin: 5px; padding: 6px 10px 5px 10px; border-radius: 11px; text-decoration: none; text-transform: uppercase; }

.modalwindowdialog img { width: 100%; }

#modalbuttons {position: relative; display: block; text-align: center; margin: 10px 0px 0px 0px; white-space: nowrap; }


.cookiewindowdialog {position: fixed; background-color: #ffffff; left: 20px; bottom: 20px;  max-width: 90%; z-index: 201; overflow: hidden; border: 4px solid #ffffff; box-shadow: 0 0 20px rgba(0,0,0,0.5); box-sizing: border-box; color: black; font-size: 14px; text-align: center; border-radius: 10px; line-height: 1.5; padding: 10px;  }


.cookiewindowdialog a { color: white; background: #ef7f1a; display: inline-block; font-weight: bold; font-size: 12px; text-align: center; margin: 5px; padding: 6px 10px 5px 10px; border-radius: 11px; text-decoration: none; text-transform: uppercase; }






div.galeryicon {width: 250px; height: 100px; bottom: 10px; position: absolute; z-index: 32; overflow: hidden; box-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
div.galeryicontext {background-color:  #bfff00; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.90; -khtml-opacity: 0.9; opacity: 0.9;  position:absolute; bottom: 0px; height: 15px; width: 100%; padding: 5px; text-align: left; color: #000000; font-family: micra, Verdana, Arial, Helvetica; font-size: 15px; overflow: hidden;}

div.listbannermain {overflow: hidden; position: relative;  width: 100%; padding-top: 25%; box-sizing: border-box; background-color: #ffffff; margin: 0px }

div.linkbanner { overflow: hidden; position: absolute;  width: 100%; height: 100%; top: 0px; left: 0px; z-index: 3; }

div.linkbanner img {width: 100%; height: 100%;}

div.listbanner {overflow: hidden; position: absolute;  width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0;  transition: 1s;  }

div.listbanner video { width: 100%; height: auto; position: absolute; z-index: 0; }

div.listbanner img.banner { width: 100%; }

div.listbanner div.loading { width: 100%; padding-top: 25%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #ffffff; background-position: 50% 50%; background-image: url(/images/loading.gif); background-size: cover; background-repeat: no-repeat; }

div.arrow {width: 70px; height: 100px; position: absolute; z-index: 3; top: 50%; margin-top: -50px; z-index: 5; }




div.listbannerpagecontainer {overflow: hidden; position: relative;  width: 520px; height: 390px; background-position: 0% 0%;  background-repeat: no-repeat;}
div.linkbannerpage {overflow: hidden; position: absolute;  width: 520px; height: 390px; top: 0px; left: 0px; }
div.listbannerpage {overflow: hidden; position: absolute;  width: 520px; height: 390px; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;  transition: 0.5s;}
div.listbannerpagea {overflow: hidden; position: absolute;  width: 520px; height: 390px; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: 0.5s;}

div.listbannerpagecontainer:hover div.arrow {width: 60px; height: 60px; top: 60px; position: absolute; z-index: 3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: 0.5s;}

div.lentamainbox {float: left; overflow: hidden; margin: 0px 2px 0px 2px; padding: 0px; width: 250px; height: 230px; position:relative;}
div.lentaimagebox {overflow: hidden; width: 232px; height: 190px; text-align: center; position:relative; top:2px; left:2px; z-index: 2;}
div.lentatext {margin: auto; color: #6f6f6f; text-align: center; padding: 5px; height: 40px; }


div.lentaprevarrow { width: 70px; height: 200px; top: 0px; left: 0px; position: absolute; z-index: 3; transition: 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
div.lentanextarrow { width: 70px; height: 200px; top: 0px; right: 0px; position: absolute; z-index: 3; transition: 0.5s;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}



.gray50 {position: absolute; top: 0px; width: 100%; height: 100%; z-index: 200;}
body>.gray50 {position: fixed; background: rgba(255,255,255,0.5); backdrop-filter: blur(3px); -webkit-backdrop-filter:  blur(3px); }