.modalwindow {position: absolute; background-color: #65108d; 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; }

.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; }

#countdown {background-color: #65108d; position:absolute; bottom: 0px; width: 100%; padding: 5px; text-align: center; color: #ffffff; font-size: 18px; font-family: Gothic; }


#next {position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; 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: 50%;  margin-top: -30px; left: -60px; z-index: 102; transition: 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}


#nextc {position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; right: 0px; z-index: 102; }
#prevc {position: absolute; width: 60px; height: 60px; top: 50%;  margin-top: -30px; left: 0px; z-index: 102; }


.modalwindow:hover #next {right: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.modalwindow:hover #prev {left: 0px; 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; }

.modalwindowdialog {position: absolute; background-color: #65108d; left: 50%; top: 50%; transform: translateX(-50%)  translateY(-50%);  max-width: 50%; 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: white; font-size: 14px; text-align: center; border-radius: 10px; line-height: 1.5; padding: 10px;  }

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

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

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


.roundwindow { position: fixed; display: block; right: 30px; bottom: 30px; width: 300px; height: 300px; z-index: 201; }

#close2 { position: absolute; width: 20px; height: 20px; top: 0px; right: 0px; text-align: center; font-size: 20px; color: white; text-decoration: none; font-family: FontAwesome; }

#roundlink { position: absolute; width: 300px; height: 300px; top: 0px; left: 0px; text-align: center; font-size: 20px; letter-spacing: -1px; line-height: 1; color: black; text-transform: uppercase; box-sizing: border-box; padding: 60px; background: #65108d; background-image: url(/images/roundcounter.svg); background-position: 50% 50%; background-size: 100% 100%; background-repeat: no-repeat; border-radius: 150px; box-shadow: 0 0 20px rgba(0,0,0,0.5); overflow: hidden; font-family: Helios; }

#countdown2 { position: absolute; bottom: 30px; left: 0px; width: 100%; padding: 5px; text-align: center; color: black; font-size: 13px;  }

#roundlink a { display: block; width: 150px; margin: 10px auto; background: white; padding: 5px; border-radius: 25px; font-size: 18px; color: #65108d; text-decoration: none; text-align: center; }


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: #000000; margin: 0px }

div.listbannermain img {width: 100%;}

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; background-image: url(/images/spacer.gif); background-position: 50% 50%;  background-repeat: no-repeat; background-size: cover; }

div.listbanner div.bannerinfo {background: rgba(0,0,0,0.6); backdrop-filter: blur(10px); position: absolute; top: 0px; left: 0px; padding: 0px 70px 0px 120px; height: 100%; width: 50%; box-sizing: border-box;  }

div.listbanner div.bannerinfo:before  {
  content: "";
  display: inline-block;
  min-height: inherit;
  height: 100%;
  vertical-align: middle;

}

div.listbanner div.bannerinfo span.bannerinfotext {
 
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-family: Intro;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    width:90%;
    
    
}    

div.listbanner div.bannerinfo span.bannerinfotext span.bannerinfotextheader {
     display: block; font-size: 40px; line-height: 50px; margin: 0px 0px 0px 0px;
 }    

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); }