@-webkit-keyframes move{0%{margin-left:0;margin-top:0;transform:rotate(0deg)}to{margin-top:-195px;transform:rotate(52deg);margin-left:70px}}@-webkit-keyframes pour{0%{top:0}to{top:100%}}@-webkit-keyframes ripple{0%{opacity:1;width:0}to{opacity:0;width:160px}}@-webkit-keyframes splash-right{0%{width:0;height:0;top:180px;left:60px}60%{width:5px;height:4px;top:150px;left:90px}to{width:6px;height:6px;top:180px;left:110px}}@-webkit-keyframes splash-left{0%{width:0;height:0;top:180px;left:60px}60%{width:5px;height:4px;top:150px;left:30px}to{width:6px;height:6px;top:180px;left:10px}}@-webkit-keyframes splash-high{0%{width:3px;height:5px;top:180px;left:60px}50%{width:3px;height:5px;top:120px;left:60px}60%{width:2px;height:2px;top:115px;left:40px}to{width:3px;height:3px;top:180px;left:30px}}@-webkit-keyframes wiggle{0%,to{-webkit-transform:rotate(-62deg)}50%{-webkit-transform:rotate(-58deg)}}@-webkit-keyframes disappear{0%{opacity:1;width:147px;height:147px;margin:0}50%{opacity:1}to{opacity:.7;width:90px;height:90px;margin:19px}}.headers{color:#4a4a4a}div#quote img{max-width:250px;margin-top:20px}#step-1,#step-2{margin-bottom:1.5em}@media screen and (max-width:991px){.bg{transform:scale(.7)}#step-1,#step-2{margin-top:-150px;overflow:hidden}#step-6 .bg{transform:scale(1)}}#step-3,#step-4,#step-4-next,#step-5{height:450px;width:350px;margin:0 auto;max-width:100%}#step-4 .bg{display:flex;justify-content:center;align-items:center}#step-2,#step-3,#step-4,#step-4-next,#step-5,#step-6{display:none}.show{display:block!important}.hide{display:none!important}p#quote{margin:30px auto}.shadow{box-shadow:0 0 1em 0 rgba(0,0,0,.1);border-radius:1rem;padding:1em;margin:0 0 1em}.shadow p{margin:0}.ask-again{cursor:pointer;border-radius:6px;padding:.5rem 1.5rem;text-align:center;font-size:1.1rem;display:inline-block;line-height:1;background:#3394e6;color:#fff;border:1px solid #1c88e3;transition:all 250ms ease-out;opacity:1;max-width:200px;margin:0 auto;text-decoration:none!important}.ask-again:hover{background:#60acec;color:#fff}.ask-again,p{font:16px/1.5 Arial,Helvetica,sans-serif}#step-3 img.bottom-image,#step-3 img.top-image{margin-left:30px!important}#step-6 .bg,.bg{margin:0 auto;position:relative;transform:scale(1)}#step-6 .bg{height:auto!important;width:100%}.bg{height:430px;width:300px;max-width:100%}.centered{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0}.coffee-steam{position:absolute;left:-60px;top:90px;opacity:.15;height:210px}#step-1 .coffee-pot,#step-2 .coffee-pot{width:300px;position:absolute;left:-160px}#step-1 .coffee-pot{bottom:10px}#step-2 .coffee-pot{top:270px}#step-2 .coffee-pot.after{width:300px;position:absolute;margin-top:-195px;transform:rotate(52deg);margin-left:70px}@media screen and (max-width:330px){#step-2 .coffee-pot.after{margin-left:60px}}@media screen and (max-width:300px){#step-2 .coffee-pot.after{margin-left:50px}}.move{-webkit-animation:move 3s infinite}.loader{position:absolute;margin:auto;left:0;right:0;text-align:center;z-index:-1;bottom:10px}#step-1 .loader,#step-2 .loader,.pour{left:70px}.loader p{text-align:left}#step-6 .loader{position:relative}.pour{width:8px;height:104px;background-color:#3d2517;border-top-right-radius:60px;overflow:hidden;bottom:-102px}.stripes{position:relative;width:10px;height:5px;background-color:#4d3113;-webkit-transform:rotate(45deg);-webkit-animation:pour .8s infinite linear}.stripes:nth-child(2){-webkit-animation:pour .8s .3s infinite linear}.stripes:nth-child(3){-webkit-animation:pour .8s .6s infinite linear}.splash{width:10px;height:10px;background-color:#4d3113;border-radius:50%;-webkit-animation:splash-right .4s infinite linear}.splash:nth-child(2){-webkit-animation:splash-left .4s .2s infinite linear}.splash:nth-child(3){-webkit-transform:rotate(-45deg);-webkit-animation:splash-high .6s .1s infinite linear}.pot{width:200px;height:200px;left:-280px;top:-192px;background-color:rgba(0,0,0,.2);border-top-left-radius:120px;border-top-right-radius:120px;border-bottom-right-radius:45%;border-bottom-left-radius:45%;-webkit-transform:rotate(60deg);overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 100%)}.pot-handle{width:40px;height:60px;top:-400px;left:-405px;border:#000 solid 13px;border-bottom-left-radius:50px;border-top-left-radius:50%;-webkit-transform:rotate(63deg)}.pot-lip{width:40px;height:40px;left:-50px;top:-190px;background-color:#000;border-top-right-radius:50%;border-bottom-left-radius:50%}.pot-bar{width:30px;height:120px;left:-120px;top:-290px;border-top-right-radius:5px;-webkit-transform:rotate(-30deg)}.pot-bar,.pot-lines,.tick{background-color:#000}.pot-lines{position:absolute;margin:auto;top:0;bottom:0;left:30px;width:1px;height:100px}.tick{position:relative;display:block;left:-10px;width:10px;height:1px;margin:10px}.coffee,.fill{background-color:#3d2517}.fill{position:absolute;margin:auto;bottom:-50px;width:300px;height:150px;-webkit-transform:rotate(-60deg);-webkit-animation:wiggle .4s infinite ease-in-out}.coffee{top:180px}.ripple{position:absolute;opacity:0;height:3px;margin:auto;top:0;bottom:0;right:0;left:0;background-color:#4d3113;-webkit-animation:ripple .55s .4s infinite linear}.ripple:nth-child(2){-webkit-animation:ripple .55s .6s linear}.coffee-cup{width:200px}.saucer{position:relative;margin:25px auto 0;width:250px;height:250px;background-color:rgba(238,238,238,.6784313725490196);zoom:1;background-size:100%;background-image:radial-gradient(ellipse cover at center,#bcc1c1 0%,#eee 100%);border:3.8px solid #fff;border-radius:250px;box-shadow:15px 15px 0 rgba(50,50,50,.3)}.saucer::after{content:"";height:13px;width:42px;background:#fff;background:-webkit-gradient(linear,left top,right top,color-stop(75%,#fff),to(#bcc1c1));background:linear-gradient(90deg,#fff 75%,#bcc1c1 100%);z-index:98;position:relative;float:right;right:2.8px;top:128.5px}.cup{position:absolute;width:166px;height:166px;margin:42px;background-color:#fff;border-radius:332.5px;box-shadow:13px 13px 5px rgba(188,193,193,.63)}.coffee-animation{-webkit-animation:disappear 4s infinite}.coffee,.coffee1{border-radius:334px}.coffee{width:147px;height:147px;background:linear-gradient(to top,#3d2517,#3d2517);box-shadow:inset 7px 7px 1px 13px #301e13;background-size:100% 100%!important}.coffee1{width:158px;height:158px;margin:4.5px;background-image:url(/readings/coffee-reading/assets/stage/coffee-grounds.png);background-size:120%!important;display:flex;align-items:center;justify-content:center;background-position-y:-30px;background-position-x:-21px;box-shadow:inset 0 0 10px 6px #fff}.coffee2{opacity:.7;width:90px;height:90px;margin:19px;background:linear-gradient(to top,#3d2517,#3d2517);box-shadow:inset 7px 7px 1px 13px #301e13;-webkit-animation:none!important;background-size:100% 100%!important}#header-1,#header-2,#header-3,#header-4,.otvet{font:16px/1.5 Arial,Helvetica,sans-serif}#step-3 .bg,#step-5 .bg{height:430px;margin:0 auto;position:relative;display:flex;align-items:center!important;justify-content:space-around;max-width:100%}#step-3 .bg{width:300px}#step-6 .loader{z-index:3}#step-3 .loader,#step-5 .loader{position:absolute;margin:auto;left:auto;right:auto;text-align:center;z-index:-1;bottom:auto;width:100%}#step-5 .coffee-cup{width:350px}#step-3 .coffee-cup{width:300px}#step-5 .bg{width:350px}#header-1,#header-2,#header-3,#header-4{height:60px;text-align:center;max-width:350px;margin:0 auto -60px}#header-2,#header-3,#header-4{display:none}.rescup{position:relative;margin:20px 0}.rescup img{max-width:100%;max-height:300px}.rescup .coffee-symbol{position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-30px;opacity:.5}.resttl{color:#333537;font-weight:700;font-size:20px}
