.dotstyle ul{position:relative;display:inline-block;margin:0;padding:0;list-style:none;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dotstyle li{position:relative;display:block;margin:10px 16px;width:15px;height:15px;cursor:pointer}.dotstyle li a{top:0;left:0;width:100%;height:100%;outline:none;border-radius:50%;background-color:#fff;background-color:rgba(255,255,255,.3);text-indent:-999em;cursor:pointer;position:absolute}.dotstyle li a:focus{outline:none}.dotstyle-fillup li a{overflow:hidden;background-color:transparent;box-shadow:inset 0 0 0 2px #fff;-webkit-transition:background .3s ease;transition:background .3s ease}.dotstyle-fillup li a:after{content:'';position:absolute;bottom:0;height:0;left:0;width:100%;background-color:#fff;box-shadow:0 0 1px #fff;-webkit-transition:height .3s ease;transition:height .3s ease}.dotstyle-fillup li a:hover,.dotstyle-fillup li a:focus{background-color:rgba(0,0,0,.2)}.dotstyle-fillup li.current a:after{height:100%}.dotstyle-scaleup li a{-webkit-transition:-webkit-transform .3s ease,background-color .3s ease;transition:transform .3s ease,background-color .3s ease}.dotstyle-scaleup li a:hover,.dotstyle-scaleup li a:focus{background-color:#fff}.dotstyle-scaleup li.current a{background-color:#fff;-webkit-transform:scale(1.3);transform:scale(1.3)}.dotstyle-stroke li a{box-shadow:0 0 0 2px rgba(255,255,255,0);-webkit-transition:box-shadow .3s ease,background-color .3s ease;transition:box-shadow .3s ease,background-color .3s ease}.dotstyle-stroke li a:hover,.dotstyle-stroke li a:focus{background-color:#fff}.dotstyle-stroke li.current a{background-color:transparent;box-shadow:0 0 0 2px #fff}.dotstyle-fillin li a{background-color:transparent;box-shadow:inset 0 0 0 2px #fff;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease}.dotstyle-fillin li a:hover,.dotstyle-fillin li a:focus{box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}.dotstyle-fillin li.current a{box-shadow:inset 0 0 0 10px #fff}.dotstyle-circlegrow li a{overflow:hidden;background-color:transparent;box-shadow:inset 0 0 0 2px #fff;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.dotstyle-circlegrow li a:after{content:'';position:absolute;width:100%;height:100%;left:0;border-radius:50%;background-color:#fff;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.dotstyle-circlegrow li a:hover,.dotstyle-circlegrow li a:focus{opacity:.7}.dotstyle-circlegrow li.current a:after{-webkit-transform:scale(1);transform:scale(1)}.dotstyle-dotstroke li a{box-shadow:inset 0 0 0 10px rgba(255,255,255,.5);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease}.dotstyle-dotstroke li a:hover,.dotstyle-dotstroke li a:focus{box-shadow:inset 0 0 0 10px #fff}.dotstyle-dotstroke li.current a{box-shadow:inset 0 0 0 2px #fff}.dotstyle-drawcircle li{width:36px;height:36px}.dotstyle-drawcircle li a{top:3px;left:3px;width:30px;height:30px;background-color:#c44d48;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.dotstyle-drawcircle li svg{z-index:10}.dotstyle-drawcircle li svg circle{opacity:0;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:39 39;stroke-dashoffset:39;-webkit-transition:stroke-dashoffset .3s,opacity .3s;transition:stroke-dashoffset .3s,opacity .3s}.dotstyle-drawcircle li.current a,.dotstyle-drawcircle li a:hover,.dotstyle-drawcircle li a:focus{opacity:.5}.dotstyle-drawcircle li.current svg circle{opacity:1;stroke-dashoffset:0;-webkit-transition:stroke-dashoffset .3s,opacity .15s;transition:stroke-dashoffset .3s,opacity .15s}.dotstyle-smalldotstroke li{border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,0);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease}.dotstyle-smalldotstroke li a{background-color:rgba(255,255,255,.7);-webkit-transition:background-color .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease}.dotstyle-smalldotstroke li a:hover,.dotstyle-smalldotstroke li a:focus,.dotstyle-smalldotstroke li.current a{background-color:#fff}.dotstyle-smalldotstroke li.current a{-webkit-transform:scale(.4);transform:scale(.4)}.dotstyle-smalldotstroke li.current{box-shadow:0 0 0 2px #fff}.dotstyle-puff li a{border:2px solid #fff;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.dotstyle-puff li a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;background:#c44d48;border-radius:50%;box-shadow:0 0 1px #c44d48;opacity:0;-webkit-transform:scale(3);transform:scale(3);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease,visibility 0s .3s;transition:opacity .3s ease,transform .3s ease,visibility 0s .3s}.dotstyle-puff li a:hover,.dotstyle-puff li a:focus,.dotstyle-puff li.current a{border-color:#c44d48}.dotstyle-puff li.current a:after{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease}.dotstyle-flip li{-webkit-perspective:1000px;perspective:1000px}.dotstyle-flip li a{background-color:transparent;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease}.dotstyle-flip li a:before,.dotstyle-flip li a:after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#fff;content:'';text-indent:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.dotstyle-flip li a:after{background-color:#c44d48;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.dotstyle-flip li a:hover,.dotstyle-flip li a:focus{opacity:.8}.dotstyle-flip li.current a{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.dotstyle-tooltip li{border:2px solid #fff;border-radius:50%;z-index:1;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.dotstyle-tooltip li a{top:auto;bottom:-5px;left:-220%;visibility:hidden;padding:0 10px;width:auto;height:auto;border-radius:0;background-color:#c44d48;color:#fff;text-indent:0;line-height:2;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:-webkit-transform .3s ease,opacity .3s ease,visibility 0s .3s ease;transition:transform .3s ease,opacity .3s ease,visibility 0s .3s ease}.dotstyle-tooltip li a:after{position:absolute;left:100%;width:0;height:0;border:solid transparent;border-width:6px;margin-top:-6px;border-color:transparent;border-left-color:#c44d48;content:'';pointer-events:none;top:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.no-touch .dotstyle-tooltip li:hover a,.dotstyle-tooltip li.current a{z-index:100;visibility:visible;opacity:1;-webkit-transform:translateX(-50%) translateY(0%);transform:translateX(-50%) translateY(0%);-webkit-transition:-webkit-transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease}.dotstyle-tooltip li.current{border-color:#c44d48}.dotstyle-tooltip li:hover{z-index:100}.no-touch .dotstyle-tooltip ul:hover li.current a{opacity:.2}.dotstyle-tooltip ul li.current:hover a{opacity:1}.dotstyle-dotmove li:last-child{position:absolute;left:0;margin:0;width:48px;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.dotstyle-dotmove li:last-child:after{content:'';position:absolute;left:16px;top:-15px;width:30px;height:30px;border-radius:50%;background:#c44d48;-webkit-transform:translateY(50%);transform:translateY(50%)}.dotstyle-dotmove li.current:first-child~li:last-child{-webkit-transform:translateY(-800%);transform:translateY(-800%)}.dotstyle-dotmove li.current:nth-child(2)~li:last-child{-webkit-transform:translateY(-665%);transform:translateY(-665%)}.dotstyle-dotmove li.current:nth-child(3)~li:last-child{-webkit-transform:translateY(-535%);transform:translateY(-535%)}.dotstyle-dotmove li.current:nth-child(4)~li:last-child{-webkit-transform:translateY(-400%);transform:translateY(-400%)}.dotstyle-dotmove li.current:nth-child(5)~li:last-child{-webkit-transform:translateY(-265%);transform:translateY(-265%)}.dotstyle-dotmove li.current:nth-child(6)~li:last-child{-webkit-transform:translateY(-135%);transform:translateY(-135%)}.dotstyle-dotmove li a{-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.dotstyle-dotmove li a:hover,.dotstyle-dotmove li a:focus{background-color:#fff}.dotstyle-hop li a{border:2px solid #c44d48;background:0 0}.dotstyle-hop li a:after{content:'';width:100%;height:100%;position:absolute;left:0;border-radius:50%;visibility:hidden;background:#fff;opacity:0;-webkit-transform:rotate(-100deg);transform:rotate(-100deg);-webkit-transform-origin:-200% 50%;transform-origin:-200% 50%;-webkit-transition:-webkit-transform .3s ease .3s,opacity .3s ease,visibility 0s .3s ease;transition:transform .3s ease .3s,opacity .3s ease,visibility 0s .3s ease}.dotstyle-hop li a:focus{background:rgba(255,255,255,.2)}.dotstyle-hop li.current-from-right a:after{-webkit-transition:none;transition:none;-webkit-transform:rotate(100deg);transform:rotate(100deg);-webkit-transform-origin:300% 50%;transform-origin:300% 50%}.dotstyle-hop li.current a:after{visibility:visible;opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease}.dotstyle-fall li:after{content:'';position:absolute;width:100%;height:100%;visibility:hidden;opacity:0;left:0;background-color:#c44d48;border-radius:50%;-webkit-transform:translateX(-200%);transform:translateX(-200%);-webkit-transition:-webkit-transform .3s ease,opacity .3s ease,visibility 0s .3s;transition:transform .3s ease,opacity .3s ease,visibility 0s .3s}.dotstyle-fall li a{-webkit-transition:-webkit-transform .3s ease,opacity .3s ease,background-color .3s ease;transition:transform .3s ease,opacity .3s ease,background-color .3s ease}.dotstyle-fall li:hover a,.dotstyle-fall li a:focus,.dotstyle-fall li.current a{background-color:#fff}.dotstyle-fall li.current:after{opacity:1;visibility:visible;-webkit-transition:-webkit-transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease;-webkit-transform:translateX(0%);transform:translateX(0%)}.dotstyle-fall li.current a{opacity:0;-webkit-transform:translateX(200%);transform:translateX(200%)}