.barista-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:auto;overflow-y:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:700px;left:0;width:auto;max-width:101%;-ms-overflow-style:none;scrollbar-width:none}@media(max-width:991.98px){.barista-wrapper{overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}}.barista-wrapper::-webkit-scrollbar{display:none}.barista-wrapper .image{clip-path:circle(296px at center);-webkit-clip-path:circle(296px at center);height:600px;width:600px}@media(max-width:991.98px){.barista-wrapper .image{clip-path:circle(150px at center);-webkit-clip-path:circle(150px at center);height:300px;width:300px}}.barista-wrapper .barista-image{position:absolute;top:50%;left:25%;margin:0;-webkit-transform:translateY(calc(-50% - 10px)) translateX(-50%);-o-transform:translateY(calc(-50% - 10px)) translateX(-50%);transform:translateY(calc(-50% - 10px)) translateX(-50%)}@media(max-width:991.98px){.barista-wrapper .barista-image{top:72%;left:50%}}.barista-wrapper .barista-image img{position:absolute;left:auto;right:-5rem;top:auto;bottom:-5rem;zoom:50%}@media(min-width:768px){.barista-wrapper .barista-image img{zoom:unset}}.barista-wrapper .video-container{width:102%;background:-webkit-gradient(linear,left top,right top,color-stop(70%,#fff),color-stop(30%,#94cdd5));background:-webkit-linear-gradient(left,#fff 70%,#94cdd5 0);background:-o-linear-gradient(left,#fff 70%,#94cdd5 30%);background:linear-gradient(90deg,#fff 70%,#94cdd5 0);height:100%}@media(max-width:1399.98px){.barista-wrapper .video-container{width:107%}}@media(max-width:991.98px){.barista-wrapper .video-container{background:-webkit-gradient(linear,left top,left bottom,color-stop(70%,#fff),color-stop(30%,#94cdd5));background:-webkit-linear-gradient(top,#fff 70%,#94cdd5 0);background:-o-linear-gradient(top,#fff 70%,#94cdd5 30%);background:linear-gradient(180deg,#fff 70%,#94cdd5 0);width:100%}}.barista-wrapper .video-container .video{-webkit-transform:translateY(calc(-50% - 10px)) translateX(-50%);-o-transform:translateY(calc(-50% - 10px)) translateX(-50%);transform:translateY(calc(-50% - 10px)) translateX(-50%);position:absolute;top:50%;left:102%}@media(max-width:1399.98px){.barista-wrapper .video-container .video{left:120%}}@media(max-width:991.98px){.barista-wrapper .video-container .video{top:72%;left:140%}}.barista-wrapper .video-container .video iframe{zoom:1.01;position:absolute;right:0;top:0;bottom:0;width:600px;height:600px}@media(max-width:991.98px){.barista-wrapper .video-container .video iframe{zoom:unset;width:301px;height:301px}}.barista-wrapper .group1,.barista-wrapper .group2{left:40%;position:relative;margin-left:10rem;margin-top:0;width:320px;color:#00606b}@media(max-width:991.98px){.barista-wrapper .group1,.barista-wrapper .group2{position:absolute;left:25%;margin-left:2rem;margin-top:1rem;padding:.625rem 1.875rem}}@media(max-width:767.98px){.barista-wrapper .group1,.barista-wrapper .group2{left:0}}.barista-wrapper .group1 .btn,.barista-wrapper .group2 .btn{color:#00606b;border:2px solid #00606b}.barista-wrapper .hidden{opacity:0;visibility:hidden}.barista-wrapper .group1{top:30%}@media(max-width:991.98px){.barista-wrapper .group1{top:0}}.barista-wrapper .group2{top:0}.barista-wrapper .barista-controls{padding:10px;position:sticky;left:3rem;margin-right:21rem;top:45%;background-color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;cursor:pointer}@media(max-width:991.98px){.barista-wrapper .barista-controls{position:absolute;top:66%}}.barista-wrapper .barista-controls .fa-long-arrow-left{font-size:2.5rem;color:#00606b}.barista-wrapper .barista-controls .rotate{-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;-o-transition:-o-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear,-o-transform .2s linear}.barista-wrapper .barista-controls:focus{outline:2px solid}.barista-wrapper .button-play-pause{left:35%}