*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.container{position:relative;width:300px;height:250px;overflow:hidden}.container .ad{position:absolute;top:0;left:0;width:1500px;height:250px}.container .ad .page,.container .ad .window{display:inline-block;width:300px;height:250px;vertical-align:top;position:relative}.container .logo{width:150px;height:70px;position:absolute;top:0;left:0;z-index:1;text-align:center;border-bottom:1px solid #000;cursor:pointer}.container .logo .logo_img{width:100%;height:100%}.window img.category{position:relative;top:0;left:0;width:150px;height:180px}.window .title{width:85%;height:45px;position:absolute;top:20px;left:10px;font-weight:bolder;text-align:center}.window .details{width:80%;position:absolute;top:145px;display:table;left:15px;font-size:13px}.window .details .location{display:table-cell;vertical-align:middle;text-align:center}.window .description{position:absolute;top:0;left:0;padding:5px 10px;cursor:pointer;width:100%;height:100%}.aside{position:absolute;top:70px;left:0}.aside,.back,.flipper{width:150px;height:180px}.window .type{width:150px;top:110px;text-align:center;font-weight:bolder;font-size:14px}.window .see,.window .type{height:40px;position:absolute}.window .see{width:130px;top:180px;left:10px;cursor:pointer;vertical-align:middle;padding:2%}.window .see button{width:100%;height:100%;border:0;cursor:pointer;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;font-weight:bolder}.window .link{width:300px;height:250px;top:0;left:0;z-index:4;opacity:0}.window .link,a.right-arrow{position:absolute;cursor:pointer}a.right-arrow{text-decoration:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:30px;width:30px;top:115px;left:265px;opacity:.7;z-index:5}a.right-arrow:hover{opacity:.9}a.right-arrow:after{content:"\276F";display:block;color:#fff;font-weight:700;font-size:20px;text-align:center}a.left-arrow{text-decoration:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:30px;width:30px;position:absolute;top:115px;left:150px;cursor:pointer;opacity:.7;z-index:5}a.left-arrow:hover{opacity:.9}a.left-arrow:after{content:"\276E";display:block;color:#fff;font-weight:700;font-size:20px;text-align:center}.window{-webkit-perspective:680px;-moz-perspective:680px;perspective:680px}.window:hover .back.translate{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.window:hover .aside.translate{-webkit-transform:translateX(-150px);-moz-transform:translateX(-150px);-ms-transform:translateX(-150px);-o-transform:translateX(-150px);transform:translateX(-150px)}.window:hover .back.rotate{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg)}.window:hover .aside.rotate{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg)}.front{width:150px;height:250px;position:absolute;left:150px;top:0}.flipper{position:relative;top:70px}.aside,.back,.flipper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.aside,.back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;position:absolute;top:0;left:0}.aside.translate{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.back.translate{-webkit-transform:translateX(180px);-moz-transform:translateX(180px);-ms-transform:translateX(180px);-o-transform:translateX(180px);transform:translateX(180px)}.aside.rotate{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg)}.back.rotate{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg)}.nav-bullets{width:120px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;left:195px;top:215px;position:absolute}.nav-link{text-decoration:none;opacity:.6;font-size:35px}.nav-link.active{opacity:1}.nav-bullets li{list-style:none}.nav-link:before{content:"\2022"}