*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom: 1}.codrops-top{line-height:24px;font-size:11px;background:#fff;background:rgba(255,255,255,.5);text-transform:uppercase;z-index:9999;position:relative;box-shadow:1px 0 2px rgba(0,0,0,.2)}.og-grid{list-style:none;margin:0 auto;text-align:center;width:100%}.og-grid li{display:inline-block;margin:10px 5px 0 5px;vertical-align:top;height:230px}.og-grid li>a,.og-grid li>a img{border:none;outline:none;display:block;position:relative}.og-grid li.og-expanded>a::after{top:auto;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#444;border-width:32px;left:50%;margin:-33px 0 0 -32px}.og-expander{position:absolute;background:#ddd;top:auto;left:0;width:100%;margin-top:10px;text-align:left;height:0;.og-grid li: hidden}.og-expander-inner{height:100%}.og-fullimg,.og-details{width:50%;float:left;height:100%;overflow:hidden;position:relative}.og-details{padding:0 40px 0 20px}.og-fullimg{text-align:center}.og-fullimg img{display:inline-block;max-height:100%;max-width:100%}.og-details h3{font-weight:300;font-size:52px;padding:40px 0 10px;margin-bottom:10px}.og-details p{font-weight:400;font-size:16px;line-height:22px;color:#999}.og-details a{font-weight:700;font-size:16px;color:#333;text-transform:uppercase;letter-spacing:2px;padding:10px 20px;border:3px solid #333;display:inline-block;margin:30px 0 0;outline:none}.og-details a::before{content:'\2192';display:inline-block;margin-right:10px}.og-details a:hover{border-color:#999;color:#999}.og-loading{width:20px;height:20px;border-radius:50%;background:#ddd;box-shadow:0 0 1px #ccc , 15px 30px 1px #ccc , -15px 30px 1px #ccc;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;-webkit-animation:loader .5s infinite ease-in-out both;-moz-animation:loader .5s infinite ease-in-out both;animation:loader .5s infinite ease-in-out both}@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}@media screen and (max-width:830px){.og-expander h3{font-size:32px}.og-expander p{font-size:14px;line-height:20px}.og-expander li{font-size:14px;line-height:20px}.og-expander a{font-size:14px}}@media screen and (max-width:650px){.og-fullimg{display:none}.og-details{float:none;width:100%}}