#modal-container1,#modal-container2,#modal-container3{height:200px;margin-left:-400px;position:fixed;left:50%}#modal-container1 .modal-background .modal,#modal-container2 .modal-background .modal,#modal-container3 .modal-background .modal{background:#fff;padding:50px;border-radius:50px;font-weight:300;width:600px;max-width:100%;height:400px;max-height:100%;z-index:900;right:0;margin:auto;box-shadow:0 0 60px 10px rgba(0,0,0,.9);display:block;bottom:0;left:0}*{box-sizing:border-box}body body,html body{background-color:transparent}body.modal-active,html.modal-active{overflow:hidden}#modal-container1{width:600px;max-width:100%;max-height:100%;top:0}#modal-container1.one,#modal-container2.one,#modal-container3.one{transform:scaleY(.01) scaleX(0);animation:1s cubic-bezier(.165,.84,.44,1) forwards unfoldIn}#modal-container1.one .modal-background .modal,#modal-container2.one .modal-background .modal,#modal-container3.one .modal-background .modal{transform:scale(0);animation:.5s cubic-bezier(.165,.84,.44,1) .8s forwards zoomIn}#modal-container1.one.out,#modal-container2.one.out,#modal-container3.one.out{transform:scale(1);animation:1s cubic-bezier(.165,.84,.44,1) .3s forwards unfoldOut}#modal-container1.one.out .modal-background .modal,#modal-container2.one.out .modal-background .modal,#modal-container3.one.out .modal-background .modal{animation:.5s cubic-bezier(.165,.84,.44,1) forwards zoomOut}#modal-container1 .modal-background{display:table-cell;position:relative;background:rgba(218,168,82,.8);text-align:center;vertical-align:middle;border-radius:50px;padding:50px;top:50px}#modal-container1 .modal-background .modal{position:inherit;top:50;transform:translate(-50%,-50%)}#modal-container1 .modal-background .modal h2,#modal-container2 .modal-background .modal h2,#modal-container3 .modal-background .modal h2{font-size:25px;line-height:25px;margin-bottom:15px;position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;padding:20px 50px 20px 20px}#modal-container1 .modal-background .modal p,#modal-container2 .modal-background .modal p,#modal-container3 .modal-background .modal p{font-size:18px;line-height:22px;position:relative;top:0;left:0;width:100%;height:100%;overflow:auto;padding:20px 50px 20px 20px}#modal-container1 .modal-background .modal .modal-svg,#modal-container2 .modal-background .modal .modal-svg,#modal-container3 .modal-background .modal .modal-svg{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:3px}#modal-container1 .modal-background .modal .modal-svg rect,#modal-container2 .modal-background .modal .modal-svg rect,#modal-container3 .modal-background .modal .modal-svg rect{stroke:#daba52;stroke-width:2px;stroke-dasharray:778;stroke-dashoffset:778}#modal-container2,#modal-container3{width:600px;top:0}#modal-container2 .modal-background,#modal-container3 .modal-background{display:table-cell;position:relative;background:rgba(218,168,82,.8);text-align:center;vertical-align:middle;border-radius:50px;padding:50px}#modal-container2 .modal-background .modal,#modal-container3 .modal-background .modal{position:relative;top:0;transform:translate(-50%,-50%)}@media (max-width:768px){.content{width:100%}}.content{min-height:100%;height:100%;background:0 0;z-index:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.content h1{padding:75px 0 30px;text-align:center;font-size:30px;line-height:30px}.content .buttons{max-width:800px;margin:0 auto;padding:0;text-align:center}.content .buttons .buttons{display:inline-block;text-align:center;padding:1px;margin:5px;background:0 0;font-size:18px;border-radius:3px;box-shadow:0 5px 2px rgba(0,0,0,.3);cursor:pointer}.content .buttons .buttons:hover{color:#fff;background:#daba52}@keyframes unfoldIn{0%{transform:scaleY(.005) scaleX(0)}50%{transform:scaleY(.005) scaleX(1)}100%{transform:scaleY(1) scaleX(1)}}@keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.005) scaleX(1)}100%{transform:scaleY(.005) scaleX(0)}}@keyframes zoomIn{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}100%{transform:scale(0)}}.thumb01,.thumb02,.thumb03{width:200px;height:100px;margin:10px auto;perspective:1000px;float:inherit}.thumb01 a,.thumb02 a,.thumb03 a{display:block;width:100%;height:100%;background:linear-gradient(rgba(218,186,82,.4),rgba(218,186,82,.4));background-size:0,cover;transform-style:preserve-3d;transition:.5s}.thumb01:hover a,.thumb02:hover a,.thumb03:hover a{transform:rotateX(80deg);transform-origin:bottom}.thumb01 a:after,.thumb02 a:after,.thumb03 a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:36px;background:inherit;background-size:cover,cover;background-position:bottom;transform:rotateX(90deg);transform-origin:bottom;border:1px solid gold}.thumb01 a span,.thumb02 a span,.thumb03 a span{color:#fff;text-transform:uppercase;position:absolute;top:100%;left:0;width:100%;font:bold 12px/36px "Open Sans";text-align:center;transform:rotateX(-89.99deg);transform-origin:top;z-index:1}.thumb01 a:before,.thumb02 a:before,.thumb03 a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);box-shadow:0 0 100px 50px rgba(0,0,0,.5);transition:.5s;opacity:.15;transform:rotateX(95deg) translateZ(-80px) scale(.75);transform-origin:bottom}.thumb01:hover a:before,.thumb02:hover a:before,.thumb03:hover a:before{opacity:1;box-shadow:0 0 25px 25px rgba(0,0,0,.5);transform:rotateX(0) translateZ(-60px) scale(.85)}