*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}*{margin:0;padding:0;border:0;background:0 0;-webkit-text-size-adjust:100%}body{background:#fff}h1,h2,h3,h4,h5,h6,p{text-align:center;font-family:source sans pro,sans-serif;font-weight:300;color:#2e435a}h2{margin-bottom:20px;font-size:18px;text-transform:uppercase}.ribbon{display:block;font-family:source sans pro,sans-serif;background-color:#eb5f5a}.ribbon a{display:block;padding:10px 0;color:#fff;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase}.ribbon a:hover{background-color:#d7544f}header{background:#fff}.logo{display:block;width:30%;height:auto;min-width:100px;max-width:150px;margin:0 auto;padding:50px 0}.testscreen{display:block;width:100%;height:auto;margin:0 auto}.description{max-width:400px;margin:0 auto;padding:0 20px}.dist{display:block;width:170px;margin:20px auto;padding:10px 0;font-family:source sans pro,sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;background:#09ae9b;color:#fff}.dist:hover{background:#099681}.examplecode{margin:0 auto 30px}.examplecode:last-child{margin-bottom:0}code{font-family:Consolas,liberation mono,Menlo,Courier,monospace;font-size:12px}tr{display:block;padding:0 20px;margin-bottom:20px}.description{margin-bottom:10px}section{padding:40px 0}section:nth-child(odd){background:#ececec}td,th{display:block;font-family:source sans pro,sans-serif;line-height:24px;font-weight:300;color:#2e435a}th{text-align:left;font-weight:600}footer{margin:0 auto;padding:20px;font-family:source sans pro,sans-serif;font-size:14px;text-align:center;background:#2e435a;color:#fff}.slider{position:relative;width:320px;margin:0 auto 40px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.frame,.events_log{position:relative;width:270px;margin:0 auto;font-size:0;line-height:0;overflow:hidden;white-space:nowrap}.frame li{position:relative;display:inline-block;font-family:source sans pro,sans-serif;height:130px;text-align:center;font-size:15px;line-height:30px;background:#2e435a;color:#fff}.slides{display:inline-block}.simple li,.rewind li,.events li{width:270px;margin-right:10px}.percentage .slides{display:block}.percentage .frame{width:87.452%}.percentage li{width:100%}.variablewidth li{width:280px;margin-right:10px}.multipleelements li,.multislides li,.ease li{width:60px;margin-right:10px}.simple li:last-child,.rewind li:last-child,.events li:last-child,.variablewidth li:last-child,.multipleelements li:last-child,.multislides li:last-child,.ease li:last-child{margin-right:0}.prev,.next{position:absolute;top:50%;margin-top:-25px;display:block;cursor:pointer}.next{right:0}.prev{left:0}.next svg,.prev svg{width:25px}.events_log{display:block;font-size:12px;line-height:1.6;text-align:center;background-color:#fcfcfc;border:1px solid #d2d2d2;margin-top:-20px;margin-bottom:20px}.events_log>span{display:none}.events_log>span:nth-last-child(-n+5){display:block}@media screen and (min-width:640px){.examplecode,.frame,.events_log{width:580px}.testscreen{width:500px}table{width:580px;margin:0 auto}tr{padding:0}.slider{width:640px;margin:0 auto 20px}.simple li,.rewind li,.events li{width:580px}.variablewidth li{width:280px;margin-right:10px}.multipleelements li,.multislides li,.ease li{width:130px;margin-right:20px}}@media screen and (min-width:980px){.examplecode{width:880px}.slider{width:980px;margin:0 auto 20px}.frame,.events_log{width:880px}.simple li,.rewind li,.events li{width:880px}.variablewidth li{width:280px;margin-right:10px}.multipleelements li,.multislides li,.ease li{width:205px;margin-right:20px}}