@-webkit-keyframes pulsate{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}45%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:0}}@keyframes pulsate{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}45%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:0}}#hotspotImg{background-size:cover;background-position:center center;position:relative;width:fit-content;float:left}#hotspotImg .img-responsive{max-width:100%}#hotspotImg .hot-spot::before{content:"+";position:absolute;font-size:14px;height:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.hot-spot-setting-square::before{content:"+";top:4px;position:absolute;left:11px;font-size:23px}#hotspotImg .hot-spot,.hot-spot-setting-square{position:absolute;width:24px;height:24px;top:5px;left:5px;text-align:center;background-color:#000;color:#fff;cursor:pointer;transition:all .3s ease}.hot-spot-setting-square{left:42%;width:36px;height:36px;top:-15px}#hotspotImg .hot-spot-clicked{background-color:#e80009}#hotspotImg .hot-spot-clicked:before{content:"";width:8px;height:8px;background-color:#fff;display:inline-block;position:absolute}#hotspotImg .hot-spot .circle{display:block;position:absolute;top:45%;left:45%;width:2em;height:2em;margin:-1em auto auto -1em;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;border:1px solid #000;opacity:0;-webkit-animation:pulsate 2s ease-out infinite;animation:pulsate 2s ease-out infinite}.hot-spot-setting.dial .circle{display:block;position:absolute;top:30%;left:30%;width:3em;height:3em;margin:-1em auto auto -1em;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;border:1px solid #000;opacity:0;-webkit-animation:pulsate 2s ease-out infinite;animation:pulsate 2s ease-out infinite}#hotspotImg .hot-spot-clicked .circle{-webkit-animation:none;animation:none}.half-circle{width:100%;height:100px;border-top-left-radius:110px;border-top-right-radius:110px;border:2px dashed #000;border-bottom:0}#hotspotImg .hot-spot .tooltip{background-color:rgba(58,95,150,.7);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;display:none;font-size:14px;opacity:1;left:0;padding:15px 5px;position:absolute;text-align:left;top:30px;width:280px;z-index:999}#hotspotImg .hot-spot .tooltip .img-row{padding:10px;text-align:center}#hotspotImg .hot-spot .tooltip .text-row{padding:15px}#hotspotImg .hot-spot .tooltip h4{margin-bottom:10px;border-bottom:1px solid #fff}#hotspotImg .hot-spot .tooltip p{font-size:14px;line-height:1.4em;margin-bottom:10px}#hotspotImg .hot-spot .tooltip p:last-child{margin-bottom:0}.hotsopt-container-setting{margin:0 auto;overflow:hidden;width:100%;max-width:1916px}#hotspotImg-setting{background-size:cover;background-position:center center;position:relative;width:fit-content;float:left;width:60%;max-width:756px}#hotspotImg-setting .hot-spot-setting{position:absolute;top:5px;left:5px;text-align:center;cursor:pointer;transition:all .3s ease;display:none}#hotspotImg-setting .hot-spot-setting.clean{width:10%;height:4.4%;background:url(../images/ico_clean.png) no-repeat;background-position:-1px -1px;background-size:contain}#hotspotImg-setting .hot-spot-setting.crush{width:10%;height:3.2%;background:url(../images/ico_crush.png) no-repeat;background-position:-1px -3px;background-size:contain}#hotspotImg-setting .hot-spot-setting.icecream{width:10%;height:4.4%;background:url(../images/ico_icecream.png) no-repeat;background-position:-2px -2px;background-size:contain}#hotspotImg-setting .hot-spot-setting.cocktail{width:10%;height:5%;background:url(../images/ico_cocktail.png) no-repeat;background-position:-3px -5px;background-size:contain}#hotspotImg-setting .hot-spot-setting.smoothie{width:10%;height:4.8%;background:url(../images/ico_smoothie.png) no-repeat;background-position:-2px -5px;background-size:contain}#hotspotImg-setting .hot-spot-setting.pulse{width:10%;height:4%;background:url(../images/ico_pulse.png) no-repeat;background-position:1px 0;background-size:contain}#hotspotImg-setting .hot-spot-setting.dial{width:25%;height:20%;display:block}#hotspotImg-setting .hot-spot-clicked2{display:block}.speedsettings-container{width:40%;float:left;padding-left:12%;box-sizing:border-box}.speedsettings{list-style:none;padding:0}.speedsetting{font-size:24px;line-height:36px;margin-bottom:50px}.speedsetting h4 a{margin:0;text-decoration:none;color:#999693}.speedsetting-open.speedsetting h4 a{color:#000}.speedsetting.active .speedsetting-content{display:block}.speedsetting-content{display:none}