html{width:728px;height:90px;overflow:hidden;}
body{overflow:hidden;font-family:'Open Sans',sans-serif;color:#fff;width:728px;height:90px;position:relative;padding:0;margin:0;overflow:hidden;line-height:1.3;}
.book{background-position:center;background-size:cover;background-image:url('background.jpg');background-repeat:no-repeat;width:344px;height:90px;float:left;position:relative;}
.icon{width:123px;height:90px;position:absolute;top:0;right:0;z-index:99;line-height:90px;text-align:center;}
#sign{perspective: 1000px;position:relative;top:0;}
#nail{position:absolute;top:-8px;left:0;}
.open, .close {width:118px;height:80px;position:absolute;top: 0;left: 0;backface-visibility:hidden;background-size:contain;background-repeat:no-repeat;background-position:center;}
.flipper {transform-origin:50% 50%;transform-style: preserve-3d;position:relative;animation-name:flip;animation-duration:8s;width:118px;height:80px;}
.open {transform: rotateY(0deg);background-image:url('open.png');z-index:2;}
.close {transform:rotateY(180deg);background-image:url('coming-soon.png');}
.title{width:132px;font-size:18px;line-height:1.1;padding:4px 10px 4px 20px;text-shadow:2px 2px rgba(0,0,0,.6);position:relative;z-index:99;animation-name:slide;animation-duration:2s;animation-timing-function:ease-out;}
.title span{font-size:28px;font-family:'Oswald',sans-serif;display:inline-block;vertical-align:top;}

.about{background:linear-gradient(to right,#51a547,#026838);width:384px;height:90px;float:left;}
.tag{width:43%;margin-top:9px;float:left;font-size:18px;box-sizing:border-box;padding-left:10px;}
.ad{width:57%;float:left;position:relative;z-index:99;}
img{display:block;margin:8px auto;}
.cta{font-family:'Oswald',sans-serif;font-weight:bold;padding:3px;margin:8px 15px;background:#fbaf43;color:#a21528;text-align:center;font-size:14px;line-height:normal;animation-name:slide2;animation-duration:3.5s;}

@keyframes slide{
	0%{right:260px;}
	20%{right:260px;}
	100%{right:0;}
}
@keyframes slide2{
	0%{margin-top:42px;}
	50%{margin-top:42px;}
	100%{margin-top:8px;}
}
@keyframes flip{
	0%{transform: rotateY(180deg);}
	48%{transform: rotateY(180deg);}
	100%{transform: rotateY(0deg);}
}