@font-face
{
font-family: "glight";
src:  url("./fonts/gotl.eot");
src:  local('☺'), url('./fonts/gotl.woff') format('woff'), url('./fonts/gotl.ttf') format('truetype'), url('./fonts/gotl.svg#font') format('svg');
}
 @font-face
{
font-family: "gmedium";
src:   url('./fonts/Gotham-Medium.otf') format('opentype'), 
  url('./fonts/Gotham-Medium.ttf') format('truetype');
}
 @font-face
{
font-family: "gbook";
src:   url('./fonts/Gotham-Book.otf') format('opentype'); 
}
 @font-face
{
font-family: "gbold";
src:   url('./fonts/Gotham-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'hadrianboldregular';
    src: url('./fonts/hadrianbold.eot');
    src: url('./fonts/hadrianbold.eot?#iefix') format('embedded-opentype'),
         url('./fonts/hadrianbold.woff2') format('woff2'),
         url('./fonts/hadrianbold.woff') format('woff'),
         url('./fonts/hadrianbold.ttf') format('truetype'),
         url('./fonts/hadrianbold.svg#font') format('svg');
}
* {
margin: 0;
padding: 0;
box-sizing:border-box;
}
html, body
{
   -webkit-text-size-adjust: none;
}
body
{
/*min-width:1024px;
min-height:640px;*/
}
A
{
outline: 0;
}
#main
{
min-width:1024px; /*100%*/
min-height:640px; /*100%*/
width:100vw;
height:100vh;
}
#content
{
background-color:gray;
width:100%;
height:calc( 100% - 60px);
}
#popup
{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
position:absolute;
left:0px;
top:0px;
max-width:1010px;
max-height:640px;
background-color:#ffffff;
}
.popup_close
{
position:absolute;
right:0px;
top:0px;
cursor:pointer;
}
#popup_content
{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
padding-left:40px;
padding-right:40px;
padding-top:40px;
padding-bottom:35px; /*40*/
width:100%;
height:100%;
}
/*Image part*/
.content_image
{

}
#content_image_wrapper
{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
object-fit: contain;
width:100%; 
}
#content_image_img
{
background-repeat:no-repeat;
background-position:center;
ibackground-image:url("./i/load.gif");
max-width: 100%; max-height: 100%; 
/*object-fit: contain;*/
margin-bottom:20px; /*23*/
opacity:1;
}
#content_image_caption
{
margin-bottom:3px;/*10*/
}
.content_image_caption_wrapper
{
font-family:'glight';
font-size:10px;
line-height:14px;
text-align:center;
}
/*end image part*/
/*info part*/
.content_info_wrapper
{
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:row;
/*flex-wrap:wrap;*/
object-fit: contain;
width:100%;
max-width:700px;
}
.content_info_img
{
object-fit: contain;
max-width:60%; /*50% 305px 100%*/
max-height:100%; /*100%*/ 
}
.content_info_text
{
font-family:'glight';
font-size:10px;
line-height:14px;
color:#231f20;
max-width:330px;
min-width:300px;
margin-left:35px; /*65*/
}
/*end info part*/
FOOTER
{
display:flex;
align-items:center;
justify-content:space-between;
height:60px;
background-color:#000000;
padding-left:25px;
padding-right:15px;
}
.footer_left
{
display:flex;
align-items:center;
justify-content:center;
}
#icon_info, #icon_360
{
cursor:pointer;
}
#icon_360
{
margin-right:18px;
}
.footer_right
{
display:flex;
align-items:center;
justify-content:center;
font-family: 'hadrianboldregular';
font-size:34px;
line-height:30px;
color:#ffffff;
text-decoration:none;
transition:0.3s all linear;
cursor:pointer;
}
.footer_right:HOVER
{
color:#9d9fa2;
}
#hide_content
{
display:none;
}