#hp-popin-overlay{background:rgba(0,0,0,.85);float:left;width:100%;height:100%;position:fixed;display:none;z-index:999999;top:0;left:0}
#hp-popin{position:fixed;margin:auto;bottom:0;left:0;right:0;top:0;float:left;background:#fff;z-index:9999999;width:800px;height:400px;display:none}
#hp-popin.autosize{top:-999999px;left:-999999px;display:block}
#hp-popin > div {display: inline-block;width:100%}
#hp-popin.only-image > div {width:auto}
#hp-popin > div > img, #hp-popin > div > a > img{float:left;margin:0 1em 0 0;width: 260px;height:auto}
#hp-popin.only-image > div > img, #hp-popin.only-image > div > a > img{width:auto;margin-right:0;max-width:800px}
#hp-popin > div > strong{font-weight:400;font-size:34px;line-height:42px;padding:20px 50px 20px 20px;display:block}
#hp-popin > div > div{line-height:36px;padding:0 20px 20px 20px;font-size:16px}
#hp-popin > div > div blockquote{margin:0}
#hp-popin span.close{width:33px;height:33px;float:left;position:absolute;top:10px;right:10px;cursor:pointer}
#hp-popin span.close:before, #hp-popin span.close:after{position:absolute;left:15px;content:' ';height:33px;width:3px;background:#000}
#hp-popin span.close:before{transform:rotate(45deg)}
#hp-popin span.close:after{transform:rotate(-45deg)}

@media(max-width: 768px) {
	#hp-popin-overlay{cursor:pointer}
	#hp-popin {width:80% !important;cursor:pointer}
	#hp-popin > div > img{display:none}
	#hp-popin.only-image > div > img{display:block;width:100%}
	#hp-popin span.close{width: 25px;height:25px}
	#hp-popin span.close:before, #hp-popin span.close:after{height:25px}
}

@media(max-width: 425px) {

	#hp-popin {width:90% !important;position:absolute;top:20px;bottom:initial}

}