.list-type1 ol,.list-type2 ol,.list-type4 ol{counter-reset:li;list-style:none}.list-type1 a,.list-type2 a{transition:all .2s ease-in-out;text-decoration:none;display:block}div#first{width:90%;height:auto}div#second{width:424px;height:744px;margin-left:75%;position:relative}.add{margin-top:19%}div#first h1{background-color:#131111;color:transparent;text-shadow:0 2px 3px rgba(255,255,255,.5);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;font-size:25px;line-height:36px}.list-type1 a:before,.list-type2 a:before{content:counter(li);counter-increment:li;left:-1.3em;top:50%;height:2em;line-height:2em;font-weight:700;text-align:center}.list-type1{width:400px;margin:0 auto}.list-type1 ol{font-size:15px;padding:0;margin-bottom:4em}.list-type1 ol ol{margin:0 0 0 2em}.list-type1 a{position:relative;padding:.4em .4em .4em 2em;margin:.5em 0;background:#93C775;color:#000;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:10em}.list-type1 a:hover{background:#d6d4d4;text-decoration:none;transform:scale(1.1)}.list-type1 a:before{position:absolute;margin-top:-1.3em;background:#93C775;width:2em;border:.3em solid #fff;-moz-border-radius:2em;-webkit-border-radius:2em;border-radius:2em;color:#FFF}.list-type2{width:400px;margin:0 auto}.list-type2 ol{font-size:15px;font-family:Raleway,sans-serif;padding:0;margin-bottom:4em}.list-type2 ol ol{margin:0 0 0 2em}.list-type2 a{position:relative;padding:.4em .4em .4em 2em;margin:.5em 0;background:#FC756F;color:#444}.list-type2 a:hover{background:#d6d4d4;text-decoration:none;transform:scale(1.1)}.list-type2 a:before{position:absolute;margin-top:-1.3em;background:#FC756F;width:2em;border:.3em solid #fff;color:#FFF}.list-type3 a:before,.list-type3 a:hover:before{border-color:transparent #0089e0 transparent transparent}.list-type3 a,.list-type4 a{color:#fff;text-decoration:none}.list-type3{margin:0 auto;width:500px}.list-type3 a,.list-type3 li{float:left;height:35px;line-height:35px;position:relative;font-size:15px;margin-bottom:12px;transition:background-color 1.5s ease}.list-type3 a:after,.list-type3 a:before{content:"";position:absolute;float:left}.list-type3 a{padding:0 60px 0 12px;background:#0089e0;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px}.list-type3 a:before{top:0;left:-12px;width:0;height:0;border-style:solid;border-width:18px 12px 18px 0}.list-type3 a:after{top:15px;left:0;width:6px;height:6px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#fff;-moz-box-shadow:-1px -1px 2px #004977;-webkit-box-shadow:-1px -1px 2px #004977;box-shadow:-1px -1px 2px #004977}.list-type3 a:hover{background:#555}.list-type4{width:410px;margin:0 auto}.list-type4 ol{font-size:15px;font-family:Raleway,sans-serif;padding:0;margin-bottom:4em}.list-type4 a{position:relative;display:block;padding:.4em .4em .4em 2em;margin:.5em 0;background:#5975D9;box-shadow:inset .5em 0 #000;-webkit-transition:box-shadow 1s;transition:box-shadow 1s}.list-type4 a:hover{box-shadow:inset 2em 0 #000}.list-type5{margin:0 auto}.list-type5 ol{list-style-type:none;margin:0 0 0 1em;padding:0;counter-reset:li-counter}.list-type5 ol li{position:relative;margin-bottom:1.5em;padding:.5em .5em .5em 58px;background-color:#FFEB3B}.list-type5 a{text-decoration:none;color:#000;font-size:15px;font-family:Raleway,sans-serif}.list-type5 li:hover{box-shadow:inset -1em 0 #34ab31;-webkit-transition:box-shadow .5s;transition:box-shadow .5s}.list-type5 ol li:before{position:absolute;top:-.3em;left:-.5em;width:1.8em;height:1.2em;font-size:2em;line-height:1.2;font-weight:700;text-align:center;color:#fff;background-color:#34ab31;transform:rotate(-20deg);-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);overflow:hidden;content:counter(li-counter);counter-increment:li-counter;z-index:0}.list-type6{margin:0 auto}.list-type6 ul{list-style:none;padding:0}.list-type6 ul li a{display:block;background-color:#c0e4f1;border-left:5px solid #25626f;border-right:5px solid #cff2f9;padding-left:10px;padding-top:7px;padding-bottom:7px;text-decoration:none;color:#333;margin-bottom:1px;transition:all .2s ease-in-out}.list-type6 ul li a:hover{-moz-transform:rotate(-5deg);-moz-box-shadow:10px 10px 20px #000;-webkit-transform:rotate(-5deg);-webkit-box-shadow:10px 10px 20px #000;transform:rotate(-5deg);box-shadow:10px 10px 20px #000}