@charset "utf-8";
html, body { width: 100%; height: 100%;}
body{background:none #fff; margin:0 auto; font-family: "Poppins", sans-serif; padding-top: 66px;}
.main{ background: #f5f5f5; padding: 20px 20px 20px 100px;}
.grid-container { max-width: 375px; margin: 0px auto; position:relative;}
.grid-container img { max-width: 100%;}
.overlay_links{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.overlay_links div{position:absolute;}

.hgt{display:block!important;opacity:.8;-webkit-animation:mymove 5s infinite;-webkit-animation-delay:2s;animation:mymove 5s linear;}
@-webkit-keyframes mymove {
    from {opacity: 0.8;}
    to {opacity: 1;}
}@keyframes mymove {
     from {opacity: 0.8;}
    to {opacity: 1;}
}
.link_img{background:rgba(0,255,255,0.5);opacity:0;}
.sidebar { position: fixed; top: 0px; left: 0px; width: 80px; height: 100%; background: #e5e5e5; z-index: 10;}
.sidebar .logo { text-align: center; padding: 25px 0 20px 0; min-height: 25px;}
.sidebar ul { list-style: none; margin: 0; padding: 0;}
.sidebar ul li { text-align: center; padding: 10px; margin-bottom: 10px;}
.sidebar ul li strong { display: block; font-weight: 600; font-size: 10px; line-height: 1.2; text-transform: uppercase;}
a{ color:#444; font-size:14px; text-decoration:none;}
a:hover{color:#000;}

.header { position: fixed; border-bottom: 1px solid #ddd; padding: 15px 10px; z-index: 99; width: 100%; top: 0; left: 0; text-align: center; z-index: 9; box-sizing: border-box; -webkit-backdrop-filter: blur(2.35px); backdrop-filter: blur(2.35px); background-color: rgba(255, 255, 255, 0.5);}
.header a { background: #2c79bd; color: #fff; padding: 8px 15px; border-radius: 4px; position: absolute; right: 20px;}
.header a:hover { background: #1e6eb5;}
.header a.fx-prev { right: 90px;}
.header a.fx-next { right: 20px;}
.header strong { font-size: 24px; font-weight: 600;}

@media only screen and (max-width: 767px){
	body { padding-top: 95px;}
	.header { padding: 10px 15px; top: 50px; text-align: right; }
	.header strong { font-size: 16px; float: left;}
	.header a { padding: 5px 7px; position: static; font-size: 12px; font-weight: 500;}

	.sidebar { width: 100%; height: auto; display: flex; justify-content: space-between; padding: 0 15px; box-sizing: border-box;}
	.sidebar .logo { padding: 15px 0 0;}
	.sidebar ul { display: flex;}
	.sidebar ul li { padding: 5px 10px 0; margin-bottom: 0;}
	.sidebar ul li strong { display: none;}
	
	.main { padding: 20px 15px;}
	.overlay_links { display: none;}
	img { max-width: 100%;}
}