/*
*{margin:0;padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:not(input){-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
* img html,body{width: 1280px;height: 720px;}
{ width: 1280px; height: 720px;}
img[usemap], map area{ outline: none;}
*/

*, *::before, *::after { padding: 0; margin: 0; box-sizing: border-box;}
body {  position: relative; margin: 0; padding: 0; overflow-x: hidden;font-family: 'Roboto Condensed', sans-serif;font-weight: 400;-webkit-backface-visibility: hidden;}
h1 { font-size: 20px;}
div { width: 100%;}
img[usemap] { border: none; height: auto; max-width: 100%; width: 100%; z-index: 99999}
area,area:visited, area:active, area:hover, area:focus{outline: none; border: none; box-shadow: none;}

.main{ display: table; width: 100%; height:100vh; margin: 0; padding: 0;}
.wrapper{ position:relative; display:table; max-width: 1200px; width:100%; height: 100vh; margin: 0 auto; }
.wrapper img{ width: 100%; }
.border{ position:absolute; top: 0; left: 0; display:table; width:100%; z-index: 5;}
.border img{ width: 100%; }
.content{ position:absolute; top: 0; left: 0; display:table; width:100%; z-index: 1;}
.content img{ width: 100%; }
.prev, .next{ position: absolute; width:4%; top: 45%; z-index: 10; }
.prev{ left: 1%;}
.next{ right: 1%;}
.close{ position: absolute; width:4%; top: 2%; right:1%; z-index: 10; }
.prev img, .next img, .close img{width: 100%;}

.popup{
    max-width: 1366px;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100000;
}
.popup img{
    width: 100%;
    height: auto;
}