Skip to content

Instantly share code, notes, and snippets.

/index.html

Created November 14, 2012 18:14
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save anonymous/4073772 to your computer and use it in GitHub Desktop.
Save anonymous/4073772 to your computer and use it in GitHub Desktop.
Download ZIP
A CodePen by trickeedickee. CSS3 AT-AT - A pure CSS3 experiment I created. I could do with reducing the number of divs used to create the body parts. I also need to streamline the animations.
Raw
index.html
<div id="main">
<div id="head-neck-body">
<div id="head-neck">
<div id="head">
<div class="shape02"></div>
<div class="shape0"></div>
<div class="shape01"></div>
<div class="shape4"></div>
<div class="shape5"></div>
<div class="shape6"></div>
<div class="shape7"></div>
<div class="shape8"></div>
<div class="shape9"></div>
<div class="shape11"></div>
<div class="shape12"></div>
<div class="shape13"></div>
<div class="shape14"></div>
<div class="shape15"></div>
<div class="shape16"></div>
<div class="shape17"></div>
<div class="shape18"></div>
<div class="shape19"></div>
<div class="shape20"></div>
<div class="shape21"></div>
<div class="shape22"></div>
<div class="shape23"></div>
<div class="shape26"></div>
<div class="shape27"></div>
<div class="shape28"></div>
<div class="shape29"></div>
<div class="shape30"></div>
<div class="shape31"></div>
<div class="shape32"></div>
<div class="shape33"></div>
<div class="shape34"></div>
<div class="shape35"></div>
<div class="shape36"></div>
<div class="shape37"></div>
<div class="shape38"></div>
<div class="shape39"></div>
<div class="shape40"></div>
<div class="shape41"></div>
<div class="shape42"></div>
<div class="shape43"></div>
<div class="shape44"></div>
<div class="shape45"></div>
<div class="shape46"></div>
<div class="shape47"></div>
<div class="shape48"></div>
<div class="shape49"></div>
<div class="shape50"></div>
<div class="shape51"></div>
<div class="shape52"></div>
<div class="shape53"></div>
<div class="shape54"></div>
<div class="shape55"></div>
<div class="shape56"></div>
<div class="shape57"></div>
<div class="shape58"></div>
<div class="shape59"></div>
<div class="shape60"></div>
<div class="shape61"></div>
<div class="shape62"></div>
<div class="shape63"></div>
<div class="shape64"></div>
<div class="shape65"></div>
<div class="shape66"></div>
<div class="shape67"></div>
<div class="shape68"></div>
<div class="shape69"></div>
<div class="shape70"></div>
<div class="shape71"></div>
<div class="shape72"></div>
<div class="shape73"></div>
<div class="shape74"></div>
<div class="shape75"></div>
<div class="shape76"></div>
<div class="shape77"></div>
<div class="shape78"></div>
<div class="shape79"></div>
<div class="shape80"></div>
<div class="shape81"></div>
<div class="shape82"></div>
<div class="shape83"></div>
<div class="shape84"></div>
<div class="shape85"></div>
<div class="shape86"></div>
<div class="shape87"></div>
<div class="shape88"></div>
<div class="shape89"></div>
<div class="shape90"></div>
<div class="shape91"></div>
<div class="shape92"></div>
<div class="shape93"></div>
<div class="shape94"></div>
<div class="shape95"></div>
<div class="shape96"></div>
<div class="shape97"></div>
<div class="shape98"></div>
<div class="shape99"></div>
<div class="shape100"></div>
<div class="shape101"></div>
<div class="shape102"></div>
<div class="shape103"></div>
<div class="shape104"></div>
<div class="shape105"></div>
<div class="shape106"></div>
<div class="shape107"></div>
<div class="shape108"></div>
<div class="shape109"></div>
<div class="shape110"></div>
<div class="shape111"></div>
<div class="shape112"></div>
<div class="shape113"></div>
<div class="shape114"></div>
<div class="shape115"></div>
<div class="shape116"></div>
<div class="shape117"></div>
<div class="shape118"></div>
<div class="shape119"></div>
<div class="shape120"></div>
<div class="shape121"></div>
<div class="shape122"></div>
<div class="shape123"></div>
<div class="shape124"></div>
<div class="shape125"></div>
<div class="chin-laser-wrapper">
<div class="laser"></div>
<div class="chin-laser-overlay"></div>
</div>
<div class="chin-gun">
<div class="shape1"></div>
<div class="shape2"></div>
<div class="shape3"></div>
<div class="shape24"></div>
<div class="shape25"></div>
</div>
</div>
<div id="neck">
<div class="shape02"></div>
<div class="shape0"></div>
<div class="shape01"></div>
<div class="shape1"></div>
<div class="shape2"></div>
<div class="shape3"></div>
<div class="shape4"></div>
<div class="shape5"></div>
<div class="shape6"></div>
<div class="shape7"></div>
<div class="shape8"></div>
<div class="shape9"></div>
<div class="shape11"></div>
<div class="shape12"></div>
<div class="shape13"></div>
<div class="shape14"></div>
<div class="shape15"></div>
<div class="shape16"></div>
<div class="shape17"></div>
<div class="shape18"></div>
<div class="shape19"></div>
<div class="shape20"></div>
<div class="shape21"></div>
<div class="shape22"></div>
<div class="shape23"></div>
<div class="shape24"></div>
<div class="shape25"></div>
<div class="shape26"></div>
<div class="shape27"></div>
<div class="shape28"></div>
<div class="shape29"></div>
<div class="shape30"></div>
<div class="shape31"></div>
<div class="shape32"></div>
<div class="shape33"></div>
</div>
</div>
<div id="body">
<div id="main-shell">
<div class="shape02"></div>
<div class="shape0"></div>
<div class="shape01"></div>
<div class="shape1"></div>
<div class="shape2"></div>
<div class="shape3"></div>
<div class="shape4"></div>
<div class="shape5"></div>
<div class="shape6"></div>
<div class="shape7"></div>
<div class="shape8"></div>
<div class="shape9"></div>
<div class="shape11"></div>
<div class="shape12"></div>
<div class="shape13"></div>
<div class="shape14"></div>
<div class="shape15"></div>
<div class="shape16"></div>
<div class="shape17"></div>
<div class="shape18"></div>
<div class="shape19"></div>
<div class="shape20"></div>
<div class="shape21"></div>
<div class="shape22"></div>
<div class="shape23"></div>
<div class="shape24"></div>
<div class="shape25"></div>
<div class="shape26"></div>
<div class="shape27"></div>
<div class="shape28"></div>
<div class="shape29"></div>
<div class="shape30"></div>
<div class="shape31"></div>
<div class="shape32"></div>
<div class="shape33"></div>
<div class="shape34"></div>
<div class="shape35"></div>
<div class="shape36"></div>
<div class="shape37"></div>
<div class="shape38"></div>
<div class="shape39"></div>
<div class="shape40"></div>
<div class="shape41"></div>
<div class="shape42"></div>
<div class="shape43"></div>
<div class="shape44"></div>
<div class="shape45"></div>
<div class="shape46"></div>
<div class="shape47"></div>
<div class="shape48"></div>
<div class="shape49"></div>
<div class="shape50"></div>
<div class="shape51"></div>
<div class="shape52"></div>
<div class="shape53"></div>
<div class="shape54"></div>
<div class="shape55"></div>
<div class="shape56"></div>
<div class="shape57"></div>
<div class="shape58"></div>
<div class="shape59"></div>
<div class="shape60"></div>
<div class="shape61"></div>
<div class="shape62"></div>
<div class="shape63"></div>
<div class="shape64"></div>
<div class="shape65"></div>
<div class="shape66"></div>
<div class="shape67"></div>
<div class="shape68"></div>
<div class="shape69"></div>
<div class="shape70"></div>
<div class="shape71"></div>
<div class="shape72"></div>
<div class="shape73"></div>
<div class="shape74"></div>
<div class="shape75"></div>
<div class="shape76"></div>
<div class="shape77"></div>
<div class="shape78"></div>
<div class="shape79"></div>
<div class="shape80"></div>
<div class="shape81"></div>
<div class="shape82"></div>
<div class="shape83"></div>
<div class="shape84"></div>
<div class="shape85"></div>
<div class="shape86"></div>
<div class="shape87"></div>
<div class="shape88"></div>
<div class="shape89"></div>
<div class="shape90"></div>
<div class="shape91"></div>
<div class="shape92"></div>
<div class="shape93"></div>
<div class="shape94"></div>
<div class="shape95"></div>
<div class="shape96"></div>
<div class="shape97"></div>
<div class="shape98"></div>
<div class="shape99"></div>
<div class="shape100"></div>
<div class="shape101"></div>
<div class="shape102"></div>
<div class="shape103"></div>
<div class="shape104"></div>
<div class="shape105"></div>
<div class="shape106"></div>
<div class="shape107"></div>
<div class="shape108"></div>
<div class="shape109"></div>
<div class="shape110"></div>
<div class="shape111"></div>
<div class="shape112"></div>
<div class="shape113"></div>
<div class="shape114"></div>
<div class="shape115"></div>
<div class="shape116"></div>
<div class="shape117"></div>
<div class="shape118"></div>
<div class="shape119"></div>
<div class="shape120"></div>
<div class="shape134"></div>
<div class="shape135"></div>
<div class="shape136"></div>
<div class="shape137"></div>
<div class="shape138"></div>
<div class="shape139"></div>
<div class="shape140"></div>
<div class="shape141"></div>
<div class="shape142"></div>
</div>
<div class="shape121"></div>
<div class="shape122"></div>
<div class="shape123"></div>
<div class="shape124"></div>
<div class="shape125"></div>
<div class="shape126"></div>
<div class="shape127"></div>
<div class="shape128"></div>
<div class="shape129"></div>
<div class="shape130"></div>
<div class="shape131"></div>
<div class="shape132"></div>
<div class="shape133"></div>
<div class="shape143"></div>
<div class="shape144"></div>
<div class="shape145"></div>
<div class="shape146"></div>
<div class="shape147"></div>
<div class="shape148"></div>
<div class="shape149"></div>
</div>
<div id="front-leg-back">
<div id="thigh">
<div class="shape02"></div>
<div class="shape0"></div>
<div class="shape01"></div>
<div class="shape1"></div>
<div class="shape2"></div>
<div class="shape3"></div>
<div class="shape4"></div>
<div class="shape5"></div>
<div class="shape6"></div>
<div class="shape7"></div>
<div class="shape8"></div>
<div class="shape9"></div>
<div class="shape11"></div>
<div class="shape12"></div>
<div class="shape13"></div>
<div class="shape14"></div>
<div class="shape15"></div>
<div class="shape16"></div>
<div class="shape17"></div>
<div class="shape18"></div>
<div class="shape19"></div>
<div class="shape20"></div>
<div class="shape21"></div>
<div class="shape22"></div>
<div class="shape23"></div>
<div class="shape24"></div>
<div class="shape25"></div>
<div class="shape26"></div>
<div class="shape27"></div>
<div class="shape28"></div>
<div class="shape29"></div>
<div class="shape30"></div>
<div class="shape31"></div>
<div class="shape32"></div>
</div>
<div id="shin">
<div class="shape33"></div>
<div class="shape34"></div>
<div class="shape35"></div>
<div class="shape36"></div>
<div class="shape37"></div>
<div class="shape38"></div>
<div class="shape39"></div>
<div class="shape40"></div>
<div class="shape41"></div>
<div class="shape42"></div>
<div class="shape43"></div>
<div class="shape44"></div>
<div class="shape45"></div>
<div class="shape46"></div>
<div class="shape47"></div>
<div class="shape48"></div>
<div class="shape49"></div>
<div class="shape50"></div>
<div class="shape51"></div>
<div class="shape52"></div>
<div class="shape53"></div>
<div class="shape54"></div>
<div class="shape55"></div>
<div class="shape56"></div>
<div class="shape57"></div>
<div class="shape58"></div>
<div class="shape59"></div>
<div class="shape60"></div>
<div class="shape61"></div>
<div id="foot">
<div class="shape62"></div>
<div class="shape63"></div>
<div class="shape64"></div>
<div class="shape65"></div>
<div class="shape66"></div>
<div class="shape67"></div>
<div class="shape68"></div>
<div class="shape69"></div>
<div class="shape70"></div>
<div class="shape71"></div>
<div class="shape72"></div>
<div class="shape73"></div>
<div class="shape74"></div>
<div class="shape75"></div>
<div class="shape76"></div>
<div class="shape77"></div>
<div class="shape78"></div>
<div class="shape79"></div>
<div class="shape80"></div>
<div class="shape81"></div>
<div class="shape82"></div>
<div class="shape83"></div>
<div class="shape84"></div>
<div class="shape85"></div>
<div class="shape86"></div>
<div class="shape87"></div>
<div class="shape88"></div>
<div class="shape89"></div>
<div class="shape90"></div>
<div class="shape91"></div>
<div class="shape92"></div>
<div class="shape93"></div>
<div class="shape94"></div>
<div class="shape95"></div>
<div class="shape96"></div>
<div class="shape97"></div>
<div class="shape98"></div>
<div class="shape99"></div>
<div class="shape100"></div>
<div class="shape101"></div>
<div class="shape102"></div>
<div class="shape103"></div>
<div class="shape104"></div>
<div class="shape105"></div>
<div class="shape106"></div>
<div class="shape107"></div>
</div>
</div>
</div>
<div id="front-leg-front">
<div id="thigh">
<div class="shape02"></div>
<div class="shape0"></div>
<div class="shape01"></div>
<div class="shape1"></div>
<div class="shape2"></div>
<div class="shape3"></div>
<div class="shape4"></div>
<div class="shape5"></div>
<div class="shape6"></div>
<div class="shape7"></div>
<div class="shape8"></div>
<div class="shape9"></div>
<div class="shape11"></div>
<div class="shape12"></div>
<div class="shape13"></div>
<div class="shape14"></div>
<div class="shape15"></div>
<div class="shape16"></div>
<div class="shape17"></div>
<div class="shape18"></div>
<div class="shape19"></div>
<div class="shape20"></div>
<div class="shape21"></div>
<div class="shape22"></div>
<div class="shape23"></div>
<div class="shape24"></div>
<div class="shape25"></div>
<div class="shape26"></div>
<div class="shape27"></div>
<div class="shape28"></div>
<div class="shape29"></div>
<div class="shape30"></div>
<div class="shape31"></div>
<div class="shape32"></div>
</div>
<div id="shin">
<div class="shape33"></div>
<div class="shape34"></div>
<div class="shape35"></div>
<div class="shape36"></div>
<div class="shape37"></div>
<div class="shape38"></div>
<div class="shape39"></div>
<div class="shape40"></div>
<div class="shape41"></div>
<div class="shape42"></div>
<div class="shape43"></div>
<div class="shape44"></div>
<div class="shape45"></div>
<div class="shape46"></div>
<div class="shape47"></div>
<div class="shape48"></div>
<div class="shape49"></div>
<div class="shape50"></div>
<div class="shape51"></div>
<div class="shape52"></div>
<div class="shape53"></div>
<div class="shape54"></div>
<div class="shape55"></div>
<div class="shape56"></div>
<div class="shape57"></div>
<div class="shape58"></div>
<div class="shape59"></div>
<div class="shape60"></div>
<div class="shape61"></div>
<div id="foot">
<div class="shape62"></div>
<div class="shape63"></div>
<div class="shape64"></div>
<div class="shape65"></div>
<div class="shape66"></div>
<div class="shape67"></div>
<div class="shape68"></div>
<div class="shape69"></div>
<div class="shape70"></div>
<div class="shape71"></div>
<div class="shape72"></div>
<div class="shape73"></div>
<div class="shape74"></div>
<div class="shape75"></div>
<div class="shape76"></div>
<div class="shape77"></div>
<div class="shape78"></div>
<div class="shape79"></div>
<div class="shape80"></div>
<div class="shape81"></div>
<div class="shape82"></div>
<div class="shape83"></div>
<div class="shape84"></div>
<div class="shape85"></div>
<div class="shape86"></div>
<div class="shape87"></div>
<div class="shape88"></div>
<div class="shape89"></div>
<div class="shape90"></div>
<div class="shape91"></div>
<div class="shape92"></div>
<div class="shape93"></div>
<div class="shape94"></div>
<div class="shape95"></div>
<div class="shape96"></div>
<div class="shape97"></div>
<div class="shape98"></div>
<div class="shape99"></div>
<div class="shape100"></div>
<div class="shape101"></div>
<div class="shape102"></div>
<div class="shape103"></div>
<div class="shape104"></div>
<div class="shape105"></div>
<div class="shape106"></div>
<div class="shape107"></div>
</div>
</div>
</div>
<div id="back-leg-front">
<div id="thigh">
<div class="shape02"></div>
<div class="shape0"></div>
<div class="shape01"></div>
<div class="shape1"></div>
<div class="shape2"></div>
<div class="shape3"></div>
<div class="shape4"></div>
<div class="shape5"></div>
<div class="shape6"></div>
<div class="shape7"></div>
<div class="shape8"></div>
<div class="shape9"></div>
<div class="shape11"></div>
<div class="shape12"></div>
<div class="shape13"></div>
<div class="shape14"></div>
<div class="shape15"></div>
<div class="shape16"></div>
<div class="shape17"></div>
<div class="shape18"></div>
<div class="shape19"></div>
<div class="shape20"></div>
<div class="shape21"></div>
<div class="shape22"></div>
<div class="shape23"></div>
<div class="shape24"></div>
<div class="shape25"></div>
<div class="shape26"></div>
<div class="shape27"></div>
<div class="shape28"></div>
<div class="shape31"></div>
<div class="shape32"></div>
</div>
<div id="shin">
<div class="shape33"></div>
<div class="shape34"></div>
<div class="shape35"></div>
<div class="shape36"></div>
<div class="shape37"></div>
<div class="shape38"></div>
<div class="shape39"></div>
<div class="shape40"></div>
<div class="shape41"></div>
<div class="shape42"></div>
<div class="shape43"></div>
<div class="shape44"></div>
<div class="shape45"></div>
<div class="shape46"></div>
<div class="shape47"></div>
<div class="shape48"></div>
<div class="shape49"></div>
<div class="shape50"></div>
<div class="shape51"></div>
<div class="shape52"></div>
<div class="shape53"></div>
<div class="shape54"></div>
<div class="shape55"></div>
<div class="shape57"></div>
<div class="shape59"></div>
<div class="shape61"></div>
<div id="foot">
<div class="shape62"></div>
<div class="shape63"></div>
<div class="shape64"></div>
<div class="shape65"></div>
<div class="shape66"></div>
<div class="shape67"></div>
<div class="shape68"></div>
<div class="shape69"></div>
<div class="shape70"></div>
<div class="shape71"></div>
<div class="shape72"></div>
<div class="shape73"></div>
<div class="shape74"></div>
<div class="shape75"></div>
<div class="shape76"></div>
<div class="shape77"></div>
<div class="shape78"></div>
<div class="shape79"></div>
<div class="shape80"></div>
<div class="shape81"></div>
<div class="shape82"></div>
<div class="shape83"></div>
<div class="shape84"></div>
<div class="shape85"></div>
<div class="shape86"></div>
<div class="shape87"></div>
<div class="shape88"></div>
<div class="shape89"></div>
<div class="shape90"></div>
<div class="shape91"></div>
<div class="shape92"></div>
<div class="shape93"></div>
<div class="shape94"></div>
<div class="shape95"></div>
<div class="shape96"></div>
<div class="shape97"></div>
<div class="shape98"></div>
<div class="shape99"></div>
<div class="shape100"></div>
<div class="shape101"></div>
<div class="shape102"></div>
<div class="shape103"></div>
<div class="shape104"></div>
<div class="shape105"></div>
<div class="shape106"></div>
<div class="shape107"></div>
</div>
</div>
</div>
<div id="back-leg-back">
<div id="thigh">
<div class="shape02"></div>
<div class="shape0"></div>
<div class="shape01"></div>
<div class="shape1"></div>
<div class="shape2"></div>
<div class="shape3"></div>
<div class="shape4"></div>
<div class="shape5"></div>
<div class="shape6"></div>
<div class="shape7"></div>
<div class="shape8"></div>
<div class="shape9"></div>
<div class="shape11"></div>
<div class="shape12"></div>
<div class="shape13"></div>
<div class="shape14"></div>
<div class="shape15"></div>
<div class="shape16"></div>
<div class="shape17"></div>
<div class="shape18"></div>
<div class="shape19"></div>
<div class="shape20"></div>
<div class="shape21"></div>
<div class="shape22"></div>
<div class="shape23"></div>
<div class="shape24"></div>
<div class="shape25"></div>
<div class="shape26"></div>
<div class="shape27"></div>
<div class="shape28"></div>
<div class="shape31"></div>
<div class="shape32"></div>
</div>
<div id="shin">
<div class="shape33"></div>
<div class="shape34"></div>
<div class="shape35"></div>
<div class="shape36"></div>
<div class="shape37"></div>
<div class="shape38"></div>
<div class="shape39"></div>
<div class="shape40"></div>
<div class="shape41"></div>
<div class="shape42"></div>
<div class="shape43"></div>
<div class="shape44"></div>
<div class="shape45"></div>
<div class="shape46"></div>
<div class="shape47"></div>
<div class="shape48"></div>
<div class="shape49"></div>
<div class="shape50"></div>
<div class="shape51"></div>
<div class="shape52"></div>
<div class="shape53"></div>
<div class="shape54"></div>
<div class="shape55"></div>
<div class="shape57"></div>
<div class="shape59"></div>
<div class="shape61"></div>
<div id="foot">
<div class="shape62"></div>
<div class="shape63"></div>
<div class="shape64"></div>
<div class="shape65"></div>
<div class="shape66"></div>
<div class="shape67"></div>
<div class="shape68"></div>
<div class="shape69"></div>
<div class="shape70"></div>
<div class="shape71"></div>
<div class="shape72"></div>
<div class="shape73"></div>
<div class="shape74"></div>
<div class="shape75"></div>
<div class="shape76"></div>
<div class="shape77"></div>
<div class="shape78"></div>
<div class="shape79"></div>
<div class="shape80"></div>
<div class="shape81"></div>
<div class="shape82"></div>
<div class="shape83"></div>
<div class="shape84"></div>
<div class="shape85"></div>
<div class="shape86"></div>
<div class="shape87"></div>
<div class="shape88"></div>
<div class="shape89"></div>
<div class="shape90"></div>
<div class="shape91"></div>
<div class="shape92"></div>
<div class="shape93"></div>
<div class="shape94"></div>
<div class="shape95"></div>
<div class="shape96"></div>
<div class="shape97"></div>
<div class="shape98"></div>
<div class="shape99"></div>
<div class="shape100"></div>
<div class="shape101"></div>
<div class="shape102"></div>
<div class="shape103"></div>
<div class="shape104"></div>
<div class="shape105"></div>
<div class="shape106"></div>
<div class="shape107"></div>
</div>
</div>
</div>
</div>
</div>
Raw
style.css
#main {
position: relative;
padding: 0;
z-index: 0;
margin: 30px auto;
width: 1000px;
height: 600px;
opacity: 1;
}
/* Head */
#head {
height: auto;
position: absolute;
left: 151px;
top: 138px;
width: auto;
padding-top: 20px;
opacity: 1;
z-index: 100;
}
#head .shape0 {
height: 0;
width: 129px;
border-bottom: 58px solid #DDD9D9;
border-left: 24px solid transparent;
border-right: 2px solid transparent;
border-top: 0 solid transparent;
z-index: 20;
}
#head .shape01 {
width: 55px;
height: 55px;
background: #DDD9D9;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
position: absolute;
top: 19px;
left: 26px;
border: 1px solid #000;
z-index: 11;
}
#head .shape02 {
border-color: transparent transparent #DDD9D9;
border-style: solid;
border-width: 26px 3px 25px 126px;
width: 0;
height: 0;
position: absolute;
top: -31px;
left: 25px;
z-index: 10;
}
#head .shape1 {
position: absolute;
height: 2px;
width: 16px;
background: #DDD9D9;
bottom: -6px;
left: -6px;
border: 1px solid #000;
z-index: -3;
}
#head .shape2 {
position: absolute;
bottom: -9px;
left: -17px;
height: 8px;
background: #DDD9D9;
width: 10px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border: 1px solid #000;
}
#head .shape3 {
position: absolute;
bottom: -8px;
left: 8px;
background: #DDD9D9;
height: 6px;
width: 29px;
border: 1px solid #000;
z-index: -2;
}
#head .shape4 {
position: absolute;
bottom: -18px;
width: 34px;
height: 40px;
background: #DDD9D9;
left: 34px;
z-index: -1;
border-bottom: 1px solid #000;
}
#head .shape5 {
border-color: transparent transparent #DDD9D9;
border-style: solid;
border-width: 26px 4px 25px 33px;
width: 0;
height: 0;
position: absolute;
bottom: -13px;
left: 42px;
-webkit-transform: rotate(312deg);
-moz-transform: rotate(312deg);
-o-transform: rotate(312deg);
transform: rotate(312deg);
z-index: -1;
}
#head .shape6 {
border-color: transparent transparent #DDD9D9;
border-style: solid;
border-width: 26px 4px 25px 33px;
width: 0;
height: 0;
position: absolute;
bottom: -13px;
left: 21px;
-webkit-transform: rotate(-308deg);
-moz-transform: rotate(-308deg);
-o-transform: rotate(-308deg);
-ms-transform: rotate(-308deg);
transform: rotate(-308deg);
z-index: -10;
}
#head .shape6 {
border-color: transparent transparent #DDD9D9;
border-style: solid;
border-width: 26px 4px 25px 33px;
width: 0;
height: 0;
position: absolute;
bottom: -13px;
left: 24px;
-webkit-transform: rotate(-308deg);
-moz-transform: rotate(-308deg);
-o-transform: rotate(-308deg);
-ms-transform: rotate(-308deg);
transform: rotate(-308deg);
z-index: -1;
}
#head .shape7 {
z-index: 11;
position: absolute;
top: 60px;
left: -12px;
height: 1px;
width: 62px;
background: #DDD9D9;
border: 1px solid #000;
z-index: 101;
}
#head .shape8 {
position: absolute;
z-index: 130;
background: #DDD9D9;
height: 10px;
width: 3px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
top: 55px;
left: 44px;
border: 1px solid #000;
}
#head .shape9 {
position: absolute;
background: #DDD9D9;
height: 6px;
width: 2px;
bottom: 13px;
left: 38px;
z-index: 130;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #000;
}
#head .shape10 {
position: absolute;
height: 4px;
width: 4px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background: #DDD9D9;
bottom: 14px;
left: -17px;
border: 1px solid #000;
z-index: 100;
}
#head .shape11 {
position: absolute;
bottom: -19px;
height: 22px;
width: 22px;
background: #DDD9D9;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
left: 75px;
border: 1px solid #000;
z-index: -2;
}
#head .shape12 {
position: absolute;
bottom: -9px;
height: 2px;
width: 2px;
background: #DDD9D9;
left: 84px;
z-index: 14;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#head .shape13 {
position: absolute;
bottom: -17px;
height: 14px;
width: 5px;
background: #DDD9D9;
left: 36px;
z-index: 14;
border: 1px solid #8A8A8A;
border-bottom: 0;
}
#head .shape14 {
position: absolute;
bottom: -17px;
height: 14px;
width: 5px;
background: #DDD9D9;
left: 46px;
z-index: 14;
border: 1px solid #8A8A8A;
border-bottom: 0;
}
#head .shape15 {
position: absolute;
bottom: -17px;
height: 14px;
width: 5px;
background: #DDD9D9;
left: 57px;
z-index: 14;
border: 1px solid #8A8A8A;
border-bottom: 0;
}
#head .shape16 {
position: absolute;
bottom: 14px;
height: 12px;
width: 12px;
background: #DDD9D9;
left: 138px;
z-index: 14;
border: 1px solid #8A8A8A;
}
#head .shape17 {
position: absolute;
bottom: 61px;
height: 6px;
width: 6px;
background: #DDD9D9;
left: 143px;
z-index: 14;
border: 1px solid #8A8A8A;
}
#head .shape18 {
position: absolute;
bottom: -9px;
height: 22px;
width: 51px;
background: #DDD9D9;
left: 95px;
z-index: -10;
border-bottom: 1px solid #000;
}
#head .shape19 {
position: absolute;
bottom: 38px;
height: 18px;
width: 21px;
background: #DDD9D9;
left: 129px;
z-index: 14;
border: 1px solid #8A8A8A;
border-left: 0;
}
#head .shape20 {
position: absolute;
bottom: 51px;
height: 22px;
width: 33px;
background: #DDD9D9;
left: 47px;
z-index: -1;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
border-top: 1px solid black;
}
#head .shape21 {
position: absolute;
bottom: 4px;
height: 1px;
width: 22px;
background: black;
left: 7px;
}
#head .shape22 {
position: absolute;
top: 21px;
height: 1px;
width: 22px;
background: black;
left: 28px;
z-index: 100;
-webkit-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
-o-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
transform: rotate(-12deg);
}
#head .shape23 {
position: absolute;
bottom: 29px;
height: 1px;
width: 54px;
background: black;
left: -9px;
-webkit-transform: rotate(-67deg);
-moz-transform: rotate(-67deg);
-o-transform: rotate(-67deg);
-ms-transform: rotate(-67deg);
transform: rotate(-67deg);
z-index: 100;
}
#head .shape24 {
position: absolute;
bottom: -4px;
height: 1px;
width: 12px;
background: #DDD9D9;
left: -20px;
border: 1px solid #000;
z-index: -1;
}
#head .shape25 {
position: absolute;
bottom: -8px;
height: 1px;
width: 8px;
background: #DDD9D9;
left: -20px;
border: 1px solid #000;
z-index: -1;
}
#head .shape26 {
position: absolute;
bottom: 47px;
height: 1px;
width: 75px;
background: black;
right: -37px;
-webkit-transform: rotate(-92deg);
-moz-transform: rotate(-92deg);
-o-transform: rotate(-92deg);
-ms-transform: rotate(-92deg);
transform: rotate(-92deg);
z-index: 100;
}
#head .shape27 {
position: absolute;
bottom: -12px;
height: 8px;
width: 8px;
background: #DDD9D9;
left: 81px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#head .shape28 {
position: absolute;
bottom: 0;
height: 1px;
width: 80px;
background: black;
left: 83px;
}
#head .shape29 {
position: absolute;
bottom: 7px;
height: 1px;
width: 26px;
background: black;
left: 86px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#head .shape30 {
position: absolute;
bottom: 9px;
height: 1px;
width: 43px;
background: black;
left: 112px;
}
#head .shape31 {
position: absolute;
bottom: -7px;
height: 1px;
width: 30px;
background: black;
left: 62px;
-webkit-transform: rotate(-51deg);
-moz-transform: rotate(-51deg);
-o-transform: rotate(-51deg);
-ms-transform: rotate(-51deg);
transform: rotate(-51deg);
}
#head .shape32 {
position: absolute;
bottom: -9px;
height: 1px;
width: 24px;
background: black;
left: 15px;
-webkit-transform: rotate(-127deg);
-moz-transform: rotate(-127deg);
-o-transform: rotate(-127deg);
-ms-transform: rotate(-127deg);
transform: rotate(-127deg);
}
#head .shape33 {
position: absolute;
bottom: 0;
height: 1px;
width: 20px;
background: black;
left: 0;
}
#head .shape34 {
position: absolute;
bottom: 29px;
height: 1px;
width: 63px;
background: black;
left: -20px;
-webkit-transform: rotate(-68deg);
-moz-transform: rotate(-68deg);
-o-transform: rotate(-68deg);
-ms-transform: rotate(-68deg);
transform: rotate(-68deg);
z-index: 100;
}
#head .shape35 {
position: absolute;
bottom: 71px;
height: 1px;
width: 132px;
background: black;
left: 22px;
-webkit-transform: rotate(-11deg);
-moz-transform: rotate(-11deg);
-o-transform: rotate(-11deg);
-ms-transform: rotate(-11deg);
transform: rotate(-11deg);
z-index: 100;
}
#head .shape36 {
position: absolute;
bottom: 68px;
height: 1px;
width: 8px;
background: black;
left: 87px;
-webkit-transform: rotate(-58deg);
-moz-transform: rotate(-58deg);
-o-transform: rotate(-58deg);
-ms-transform: rotate(-58deg);
transform: rotate(-58deg);
z-index: 100;
}
#head .shape37 {
position: absolute;
bottom: 65px;
height: 1px;
width: 12px;
background: black;
left: 90px;
z-index: 100;
}
#head .shape38 {
position: absolute;
bottom: 60px;
height: 1px;
width: 18px;
background: black;
left: 100px;
-webkit-transform: rotate(32deg);
-moz-transform: rotate(32deg);
-o-transform: rotate(32deg);
-ms-transform: rotate(32deg);
transform: rotate(32deg);
z-index: 100;
}
#head .shape39 {
position: absolute;
bottom: 57px;
height: 1px;
width: 7px;
background: #8A8A8A;
left: 123px;
z-index: 100;
}
#head .shape40 {
position: absolute;
bottom: 47px;
height: 1px;
width: 21px;
background: #8A8A8A;
left: 115px;
-webkit-transform: rotate(69deg);
-moz-transform: rotate(69deg);
-o-transform: rotate(69deg);
-ms-transform: rotate(69deg);
transform: rotate(69deg);
z-index: 100;
}
#head .shape41 {
position: absolute;
bottom: 34px;
height: 1px;
width: 23px;
background: black;
left: 125px;
z-index: 100;
}
#head .shape42 {
position: absolute;
bottom: 45px;
height: 1px;
width: 23px;
background: black;
left: 110px;
-webkit-transform: rotate(68deg);
-moz-transform: rotate(68deg);
-o-transform: rotate(68deg);
-ms-transform: rotate(68deg);
transform: rotate(68deg);
z-index: 100;
}
#head .shape43 {
position: absolute;
bottom: 76px;
height: 1px;
width: 8px;
background: #DDD9D9;
left: 136px;
-webkit-transform: rotate(-11deg);
-moz-transform: rotate(-11deg);
-o-transform: rotate(-11deg);
-ms-transform: rotate(-11deg);
transform: rotate(-11deg);
z-index: 100;
border: 1px solid #8A8A8A;
}
#head .shape44 {
position: absolute;
bottom: 71px;
height: 1px;
width: 6px;
background: #DDD9D9;
left: 111px;
-webkit-transform: rotate(-11deg);
-moz-transform: rotate(-11deg);
-o-transform: rotate(-11deg);
-ms-transform: rotate(-11deg);
transform: rotate(-11deg);
z-index: 100;
border: 1px solid #8A8A8A;
}
#head .shape45 {
position: absolute;
bottom: 0;
height: 0;
width: 0;
right: -8px;
border-color: transparent transparent #DDD9D9;
border-style: solid;
border-width: 0 10px 10px;
z-index: -2;
}
#head .shape46 {
position: absolute;
bottom: 5px;
height: 1px;
width: 12px;
background: black;
right: -10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 100;
}
#head .shape47 {
position: absolute;
bottom: 3px;
height: 1px;
width: 60px;
background: black;
right: 0;
z-index: 100;
}
#head .shape48 {
position: absolute;
bottom: 2px;
height: 1px;
width: 5px;
background: black;
right: 59px;
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
z-index: 101;
}
#head .shape49 {
position: absolute;
bottom: 2px;
height: 1px;
width: 5px;
background: black;
right: -3px;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
z-index: 100;
}
#head .shape50 {
position: absolute;
bottom: -8px;
height: 0;
width: 0;
right: 0;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
z-index: -2;
border-color: transparent transparent #DDD9D9;
border-style: solid;
border-width: 0 10px 10px;
}
#head .shape51 {
position: absolute;
bottom: -5px;
height: 1px;
width: 12px;
background: black;
right: 0.3px;
-webkit-transform: rotate(-42deg);
-moz-transform: rotate(-42deg);
-o-transform: rotate(-42deg);
-ms-transform: rotate(-42deg);
transform: rotate(-42deg);
z-index: 100;
}
#head .shape52 {
position: absolute;
bottom: 11px;
height: 1px;
width: 3px;
background: black;
right: 2px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
z-index: 100;
}
#head .shape53 {
position: absolute;
bottom: 6px;
height: 1px;
width: 6px;
background: black;
right: -1px;
-webkit-transform: rotate(-111deg);
-moz-transform: rotate(-111deg);
-o-transform: rotate(-111deg);
-ms-transform: rotate(-111deg);
transform: rotate(-111deg);
z-index: 100;
}
#head .shape54 {
position: absolute;
bottom: 11px;
height: 1px;
width: 3px;
background: black;
right: 5px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: 100;
}
#head .shape55 {
position: absolute;
bottom: 6px;
height: 1px;
width: 6px;
background: black;
right: 2px;
-webkit-transform: rotate(-111deg);
-moz-transform: rotate(-111deg);
-o-transform: rotate(-111deg);
-ms-transform: rotate(-111deg);
transform: rotate(-111deg);
z-index: 100;
}
#head .shape56 {
position: absolute;
bottom: 11px;
height: 1px;
width: 3px;
background: black;
right: 8px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: 100;
}
#head .shape57 {
position: absolute;
bottom: 6px;
height: 1px;
width: 6px;
background: black;
right: 5px;
-webkit-transform: rotate(-111deg);
-moz-transform: rotate(-111deg);
-o-transform: rotate(-111deg);
-ms-transform: rotate(-111deg);
transform: rotate(-111deg);
z-index: 100;
}
#head .shape58 {
position: absolute;
bottom: 11px;
height: 1px;
width: 3px;
background: black;
right: 11px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: 100;
}
#head .shape59 {
position: absolute;
bottom: 6px;
height: 1px;
width: 7px;
background: black;
right: 8px;
-webkit-transform: rotate(-111deg);
-moz-transform: rotate(-111deg);
-o-transform: rotate(-111deg);
-ms-transform: rotate(-111deg);
transform: rotate(-111deg);
z-index: 100;
}
#head .shape60 {
position: absolute;
bottom: 11px;
height: 1px;
width: 3px;
background: black;
right: 14px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: 100;
}
#head .shape61 {
position: absolute;
bottom: 6px;
height: 1px;
width: 6px;
background: black;
right: 12px;
-webkit-transform: rotate(-111deg);
-moz-transform: rotate(-111deg);
-o-transform: rotate(-111deg);
-ms-transform: rotate(-111deg);
transform: rotate(-111deg);
z-index: 100;
}
#head .shape62 {
position: absolute;
bottom: 24px;
height: 1px;
width: 5px;
background: #DDD9D9;
right: 20px;
z-index: 100;
border: 1px solid #8A8A8A;
}
#head .shape63 {
position: absolute;
bottom: 31px;
height: 1px;
width: 40px;
background: black;
right: 26px;
z-index: 100;
}
#head .shape64 {
position: absolute;
bottom: 19px;
height: 1px;
width: 26px;
background: black;
right: 59px;
-webkit-transform: rotate(-63deg);
-moz-transform: rotate(-63deg);
-o-transform: rotate(-63deg);
-ms-transform: rotate(-63deg);
transform: rotate(-63deg);
z-index: 100;
}
#head .shape65 {
position: absolute;
bottom: 5px;
height: 1px;
width: 9px;
background: black;
right: 71px;
-webkit-transform: rotate(-121deg);
-moz-transform: rotate(-121deg);
-o-transform: rotate(-121deg);
-ms-transform: rotate(-121deg);
transform: rotate(-121deg);
z-index: 100;
}
#head .shape66 {
position: absolute;
bottom: 8px;
height: 1px;
width: 10px;
background: black;
left: 26px;
-webkit-transform: rotate(-58deg);
-moz-transform: rotate(-58deg);
-o-transform: rotate(-58deg);
-ms-transform: rotate(-58deg);
transform: rotate(-58deg);
z-index: 100;
}
#head .shape67 {
position: absolute;
bottom: 5px;
height: 1px;
width: 1px;
background: #DDD9D9;
left: 32px;
z-index: 100;
border: 1px solid #8A8A8A;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#head .shape68 {
position: absolute;
bottom: 5px;
height: 49px;
width: 49px;
background: #DDD9D9;
left: 29px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: 11;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#head .shape69 {
position: absolute;
bottom: 30px;
height: 1px;
width: 5px;
background: black;
left: 84px;
-webkit-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
transform: rotate(-35deg);
z-index: 100;
}
#head .shape70 {
position: absolute;
bottom: 29px;
height: 2px;
width: 29px;
background: #DDD9D9;
left: 54px;
z-index: 100;
border: 1px solid #000;
border-right: 0;
}
#head .shape71 {
position: absolute;
bottom: 34px;
height: 1px;
width: 6px;
background: black;
right: 66px;
-webkit-transform: rotate(-39deg);
-moz-transform: rotate(-39deg);
-o-transform: rotate(-39deg);
-ms-transform: rotate(-39deg);
transform: rotate(-39deg);
z-index: 100;
}
#head .shape72 {
position: absolute;
bottom: 36px;
height: 1px;
width: 33px;
background: black;
right: 34px;
z-index: 100;
}
#head .shape73 {
position: absolute;
bottom: 43px;
height: 1px;
width: 14px;
background: black;
right: 30px;
-webkit-transform: rotate(-109deg);
-moz-transform: rotate(-109deg);
-o-transform: rotate(-109deg);
-ms-transform: rotate(-109deg);
transform: rotate(-109deg);
z-index: 100;
}
#head .shape74 {
position: absolute;
bottom: 45px;
height: 1px;
width: 30px;
background: black;
right: 39px;
-webkit-transform: rotate(-16deg);
-moz-transform: rotate(-16deg);
-o-transform: rotate(-16deg);
-ms-transform: rotate(-16deg);
transform: rotate(-16deg);
z-index: 100;
}
#head .shape75 {
position: absolute;
bottom: 38px;
height: 1px;
width: 5px;
background: black;
right: 65px;
-webkit-transform: rotate(-109deg);
-moz-transform: rotate(-109deg);
-o-transform: rotate(-109deg);
-ms-transform: rotate(-109deg);
transform: rotate(-109deg);
z-index: 100;
}
#head .shape76 {
position: absolute;
bottom: 55px;
height: 1px;
width: 10px;
background: black;
right: 41px;
-webkit-transform: rotate(-144deg);
-moz-transform: rotate(-144deg);
-o-transform: rotate(-144deg);
-ms-transform: rotate(-144deg);
transform: rotate(-144deg);
z-index: 100;
}
#head .shape77 {
position: absolute;
bottom: 48px;
height: 1px;
width: 27px;
background: black;
right: 43px;
-webkit-transform: rotate(-16deg);
-moz-transform: rotate(-16deg);
-o-transform: rotate(-16deg);
-ms-transform: rotate(-16deg);
transform: rotate(-16deg);
z-index: 100;
}
#head .shape78 {
position: absolute;
bottom: 53px;
height: 1px;
width: 25px;
background: black;
right: 49px;
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
z-index: 100;
}
#head .shape79 {
position: absolute;
bottom: 47px;
height: 1px;
width: 5px;
background: black;
right: 68px;
-webkit-transform: rotate(-132deg);
-moz-transform: rotate(-132deg);
-o-transform: rotate(-132deg);
-ms-transform: rotate(-132deg);
transform: rotate(-132deg);
z-index: 100;
}
#head .shape80 {
position: absolute;
bottom: 56px;
height: 1px;
width: 24px;
background: black;
right: 53px;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
z-index: 100;
}
#head .shape81 {
position: absolute;
bottom: 61px;
height: 1px;
width: 18px;
background: black;
right: 54px;
-webkit-transform: rotate(-177deg);
-moz-transform: rotate(-177deg);
-o-transform: rotate(-177deg);
-ms-transform: rotate(-177deg);
transform: rotate(-177deg);
z-index: 100;
}
#head .shape82 {
position: absolute;
bottom: 59px;
height: 1px;
width: 10px;
background: black;
right: 71px;
-webkit-transform: rotate(-28deg);
-moz-transform: rotate(-28deg);
-o-transform: rotate(-28deg);
-ms-transform: rotate(-28deg);
transform: rotate(-28deg);
z-index: 100;
}
#head .shape83 {
position: absolute;
bottom: 54px;
height: 1px;
width: 7px;
background: black;
right: 74px;
-webkit-transform: rotate(-144deg);
-moz-transform: rotate(-144deg);
-o-transform: rotate(-144deg);
-ms-transform: rotate(-144deg);
transform: rotate(-144deg);
z-index: 100;
}
#head .shape84 {
position: absolute;
top: 2px;
height: 0;
width: 0;
right: 48px;
-webkit-transform: rotate(-0.2deg);
-moz-transform: rotate(-0.2deg);
-o-transform: rotate(-0.2deg);
-ms-transform: rotate(-0.2deg);
transform: rotate(-0.2deg);
z-index: -2;
border-color: transparent transparent #DDD9D9;
border-style: solid;
border-width: 0 28px 13px;
}
#head .shape85 {
position: absolute;
top: 4px;
height: 1px;
width: 10px;
background: black;
right: 67px;
-webkit-transform: rotate(-159deg);
-moz-transform: rotate(-159deg);
-o-transform: rotate(-159deg);
-ms-transform: rotate(-159deg);
transform: rotate(-159deg);
z-index: 100;
}
#head .shape86 {
position: absolute;
top: 16px;
height: 0;
width: 0;
left: 28px;
-webkit-transform: rotate(-109deg);
-moz-transform: rotate(-109deg);
-o-transform: rotate(-109deg);
-ms-transform: rotate(-109deg);
transform: rotate(-109deg);
z-index: -1;
border-color: transparent transparent #DDD9D9;
border-style: solid;
border-width: 0 15px 15px;
}
#head .shape87 {
position: absolute;
top: 11px;
height: 1px;
width: 10px;
background: black;
left: 38px;
-webkit-transform: rotate(-64deg);
-moz-transform: rotate(-64deg);
-o-transform: rotate(-64deg);
-ms-transform: rotate(-64deg);
transform: rotate(-64deg);
z-index: 100;
}
#head .shape88 {
position: absolute;
bottom: 19px;
height: 17px;
width: 14px;
background: #DDD9D9;
left: -2px;
-webkit-transform: rotate(-64deg);
-moz-transform: rotate(-64deg);
-o-transform: rotate(-64deg);
-ms-transform: rotate(-64deg);
transform: rotate(-64deg);
z-index: -1;
border: 1px solid #000;
border-right: 0;
}
#head .shape89 {
position: absolute;
bottom: 28px;
height: 0;
width: 0;
left: -8px;
-webkit-transform: rotate(-66deg);
-moz-transform: rotate(-66deg);
-o-transform: rotate(-66deg);
-ms-transform: rotate(-66deg);
transform: rotate(-66deg);
z-index: -1;
border-color: transparent transparent #DDD9D9;
border-style: solid;
border-width: 0 15px 15px;
}
#head .shape90 {
position: absolute;
bottom: 41px;
height: 1px;
width: 19px;
background: black;
left: -1px;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
z-index: 100;
}
#head .shape91 {
position: absolute;
bottom: 31px;
height: 1px;
width: 9px;
background: black;
left: -3px;
-webkit-transform: rotate(-66deg);
-moz-transform: rotate(-66deg);
-o-transform: rotate(-66deg);
-ms-transform: rotate(-66deg);
transform: rotate(-66deg);
z-index: 100;
}
#head .shape92 {
position: absolute;
bottom: 36px;
height: 1px;
width: 8px;
background: black;
left: 3px;
-webkit-transform: rotate(-18deg);
-moz-transform: rotate(-18deg);
-o-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg);
z-index: 100;
}
#head .shape93 {
position: absolute;
bottom: 30px;
height: 1px;
width: 15px;
background: black;
left: 1px;
-webkit-transform: rotate(-66deg);
-moz-transform: rotate(-66deg);
-o-transform: rotate(-66deg);
-ms-transform: rotate(-66deg);
transform: rotate(-66deg);
z-index: 100;
}
#head .shape94 {
position: absolute;
bottom: 25px;
height: 1px;
width: 7px;
background: black;
left: -1px;
-webkit-transform: rotate(-156deg);
-moz-transform: rotate(-156deg);
-o-transform: rotate(-156deg);
-ms-transform: rotate(-156deg);
transform: rotate(-156deg);
z-index: 100;
}
#head .shape95 {
position: absolute;
bottom: 14px;
height: 3px;
width: 21px;
background: #DDD9D9;
left: 29px;
z-index: 101;
border: 1px solid #000;
}
#head .shape96 {
position: absolute;
bottom: 14px;
height: 6px;
width: 10px;
background: #DDD9D9;
left: 50px;
z-index: 102;
border: 1px solid #000;
}
#head .shape97 {
position: absolute;
bottom: 11px;
height: 1px;
width: 6px;
background: black;
left: 49px;
-webkit-transform: rotate(-106deg);
-moz-transform: rotate(-106deg);
-o-transform: rotate(-106deg);
-ms-transform: rotate(-106deg);
transform: rotate(-106deg);
z-index: 100;
}
#head .shape98 {
position: absolute;
bottom: 11px;
height: 1px;
width: 6px;
background: black;
left: 57px;
-webkit-transform: rotate(-78deg);
-moz-transform: rotate(-78deg);
-o-transform: rotate(-78deg);
-ms-transform: rotate(-78deg);
transform: rotate(-78deg);
z-index: 100;
}
#head .shape99 {
position: absolute;
bottom: 8px;
height: 1px;
width: 7px;
background: black;
left: 52px;
z-index: 100;
}
#head .shape100 {
position: absolute;
bottom: 11px;
height: 6px;
width: 6px;
background: #DDD9D9;
left: 58px;
z-index: 93;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#head .shape101 {
position: absolute;
bottom: 12px;
height: 4px;
width: 9px;
background: #DDD9D9;
left: 54px;
-webkit-transform: rotate(-66deg);
-moz-transform: rotate(-66deg);
-o-transform: rotate(-66deg);
-ms-transform: rotate(-66deg);
transform: rotate(-66deg);
z-index: 98;
}
#head .shape102 {
position: absolute;
bottom: 13px;
height: 2px;
width: 2px;
background: #DDD9D9;
left: 60px;
-webkit-transform: rotate(-109deg);
-moz-transform: rotate(-109deg);
-o-transform: rotate(-109deg);
-ms-transform: rotate(-109deg);
transform: rotate(-109deg);
z-index: 100;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#head .shape103 {
position: absolute;
bottom: 18px;
height: 7px;
width: 11px;
background: #DDD9D9;
left: 52px;
z-index: 90;
border: 1px solid #000;
border-right: 0;
border-bottom: 0;
}
#head .shape104 {
position: absolute;
bottom: 21px;
height: 1px;
width: 9px;
background: black;
left: 62px;
-webkit-transform: rotate(-126deg);
-moz-transform: rotate(-126deg);
-o-transform: rotate(-126deg);
-ms-transform: rotate(-126deg);
transform: rotate(-126deg);
z-index: 100;
}
#head .shape105 {
position: absolute;
bottom: 15px;
height: 1px;
width: 7px;
background: black;
left: 63px;
-webkit-transform: rotate(-41deg);
-moz-transform: rotate(-41deg);
-o-transform: rotate(-41deg);
-ms-transform: rotate(-41deg);
transform: rotate(-41deg);
z-index: 86;
}
#head .shape106 {
position: absolute;
bottom: 24px;
height: 4px;
width: 11px;
background: #DDD9D9;
left: 49px;
z-index: 100;
border: 1px solid #000;
}
#head .shape107 {
position: absolute;
bottom: 26px;
height: 1px;
width: 11px;
background: #DDD9D9;
left: 39px;
z-index: 98;
border: 1px solid #000;
}
#head .shape108 {
position: absolute;
bottom: 25px;
height: 3px;
width: 3px;
background: #DDD9D9;
left: 37px;
z-index: 100;
border: 1px solid #000;
}
#head .shape109 {
position: absolute;
bottom: 8px;
height: 43px;
width: 43px;
background: #DDD9D9;
left: 32px;
z-index: 69;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#head .shape110 {
position: absolute;
bottom: 9px;
height: 10px;
width: 10px;
background: #DDD9D9;
left: 43px;
z-index: 69;
}
#head .shape111 {
position: absolute;
bottom: 45px;
height: 1px;
width: 9px;
background: black;
left: 41px;
-webkit-transform: rotate(-126deg);
-moz-transform: rotate(-126deg);
-o-transform: rotate(-126deg);
-ms-transform: rotate(-126deg);
transform: rotate(-126deg);
z-index: 100;
}
#head .shape112 {
position: absolute;
bottom: 2px;
height: 43px;
width: 21.5px;
background: #DDD9D9;
left: 33px;
z-index: 71;
-webkit-border-radius: 0 150px 150px 0;
-moz-border-radius: 0 150px 150px 0;
border-radius: 0 150px 150px 0;
-webkit-transform: rotate(146deg);
-moz-transform: rotate(146deg);
-o-transform: rotate(146deg);
-ms-transform: rotate(146deg);
transform: rotate(146deg);
border: 1px solid #DDD9D9;
}
#head .shape113 {
position: absolute;
bottom: 17px;
height: 25px;
width: 25px;
background: #DDD9D9;
left: 41px;
-webkit-transform: rotate(-126deg);
-moz-transform: rotate(-126deg);
-o-transform: rotate(-126deg);
-ms-transform: rotate(-126deg);
transform: rotate(-126deg);
z-index: 70;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#head .shape114 {
position: absolute;
bottom: 15px;
height: 24px;
width: 12px;
background: #DDD9D9;
left: 41px;
-webkit-transform: rotate(-28deg);
-moz-transform: rotate(-28deg);
-o-transform: rotate(-28deg);
-ms-transform: rotate(-28deg);
transform: rotate(-28deg);
z-index: 69;
border: 1px solid #ddd9d9;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
}
#head .shape115 {
position: absolute;
bottom: 9px;
height: 30px;
width: 15px;
background: #DDD9D9;
left: 60px;
z-index: 69;
border: 1px solid #DDD9D9;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
-webkit-transform: rotate(175deg);
-moz-transform: rotate(175deg);
-o-transform: rotate(175deg);
-ms-transform: rotate(175deg);
transform: rotate(175deg);
}
#head .shape116 {
position: absolute;
bottom: 24px;
height: 5px;
width: 11px;
background: #DDD9D9;
left: 66px;
z-index: 100;
border-top: 0;
}
#head .shape117 {
position: absolute;
bottom: 34px;
height: 12px;
width: 9px;
background: #DDD9D9;
left: 38px;
-webkit-transform: rotate(-36deg);
-moz-transform: rotate(-36deg);
-o-transform: rotate(-36deg);
-ms-transform: rotate(-36deg);
transform: rotate(-36deg);
z-index: 100;
}
#head .shape118 {
position: absolute;
bottom: -16px;
height: 16px;
width: 16px;
background: #DDD9D9;
left: 78px;
-webkit-transform: rotate(-126deg);
-moz-transform: rotate(-126deg);
-o-transform: rotate(-126deg);
-ms-transform: rotate(-126deg);
transform: rotate(-126deg);
z-index: -2;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#head .shape119 {
position: absolute;
bottom: -10px;
height: 1px;
width: 19px;
background: #DDD9D9;
left: 76px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: -2;
border: 1px solid #000;
}
#head .shape120 {
position: absolute;
bottom: -10px;
height: 1px;
width: 17px;
background: #DDD9D9;
left: 78px;
-webkit-transform: rotate(-136deg);
-moz-transform: rotate(-136deg);
-o-transform: rotate(-136deg);
-ms-transform: rotate(-136deg);
transform: rotate(-136deg);
z-index: -2;
border: 1px solid #000;
}
#head .shape121 {
position: absolute;
bottom: -9px;
height: 1px;
width: 21px;
background: #DDD9D9;
left: 76px;
z-index: -2;
border: 1px solid #000;
}
#head .shape122 {
position: absolute;
bottom: -9px;
height: 1px;
width: 21px;
background: #DDD9D9;
left: 75px;
z-index: -1;
border: 1px solid #000;
-webkit-transform: rotate(-42deg);
-moz-transform: rotate(-42deg);
-o-transform: rotate(-42deg);
-ms-transform: rotate(-42deg);
transform: rotate(-42deg);
}
#head .shape123 {
position: absolute;
bottom: -14px;
height: 5px;
width: 9px;
background: #DDD9D9;
left: 69px;
z-index: -3;
border-bottom: 1px solid #000;
}
#head .shape124 {
position: absolute;
bottom: 20px;
height: 9px;
width: 7px;
background: #DDD9D9;
left: 64px;
z-index: 99;
}
#head .shape125 {
position: absolute;
bottom: -23px;
height: 30px;
width: 15px;
background: #DDD9D9;
left: 85px;
z-index: -3;
border: 1px solid #000;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
/* Neck */
#neck {
height: auto;
position: absolute;
left: 306px;
top: 140px;
width: auto;
padding-top: 20px;
z-index: 90;
opacity: 1;
}
#neck .shape0 {
height: 58px;
width: 3px;
z-index: 20;
background: #DDD9D9;
top: 1px;
border: 1px solid #000;
position: absolute;
left: 5px;
-webkit-border-radius: 170px;
-moz-border-radius: 170px;
border-radius: 170px;
}
#neck .shape01 {
width: 3px;
height: 58px;
background: #DDD9D9;
top: 1px;
left: 10px;
border: 1px solid #000;
z-index: 11;
position: absolute;
-webkit-border-radius: 170px;
-moz-border-radius: 170px;
border-radius: 170px;
}
#neck .shape02 {
width: 3px;
height: 60px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
background: #DDD9D9;
border: 1px solid #000;
}
#neck .shape1 {
width: 3px;
height: 58px;
background: #DDD9D9;
border: 1px solid #000;
-webkit-border-radius: 170px;
-moz-border-radius: 170px;
border-radius: 170px;
position: absolute;
top: 1px;
left: 15px;
}
#neck .shape2 {
position: absolute;
left: 20px;
top: 1px;
background: #DDD9D9;
height: 58px;
width: 3px;
border: 1px solid #000;
-webkit-border-radius: 170px;
-moz-border-radius: 170px;
border-radius: 170px;
}
#neck .shape3 {
position: absolute;
left: 25px;
height: 58px;
width: 3px;
background: #DDD9D9;
top: 1px;
border: 1px solid #000;
-webkit-border-radius: 170px;
-moz-border-radius: 170px;
border-radius: 170px;
}
#neck .shape4 {
position: absolute;
left: 30px;
height: 58px;
width: 3px;
background: #DDD9D9;
top: 1px;
border: 1px solid #000;
-webkit-border-radius: 170px;
-moz-border-radius: 170px;
border-radius: 170px;
}
#neck .shape5 {
position: absolute;
left: 35px;
height: 58px;
width: 3px;
background: #DDD9D9;
top: 1px;
border: 1px solid #000;
-webkit-border-radius: 170px;
-moz-border-radius: 170px;
border-radius: 170px;
}
#neck .shape6 {
position: absolute;
left: 24px;
height: 58px;
width: 3px;
background: #DDD9D9;
top: 1px;
border: 1px solid #000;
-webkit-border-radius: 170px;
-moz-border-radius: 170px;
border-radius: 170px;
}
#neck .shape6 {
position: absolute;
left: 40px;
height: 58px;
width: 3px;
background: #DDD9D9;
top: 1px;
border: 1px solid #000;
-webkit-border-radius: 170px;
-moz-border-radius: 170px;
border-radius: 170px;
}
#neck .shape7 {
position: absolute;
left: 45px;
height: 58px;
width: 3px;
background: #DDD9D9;
top: 1px;
border: 1px solid #000;
-webkit-border-radius: 170px;
-moz-border-radius: 170px;
border-radius: 170px;
}
#neck .shape8 {
position: absolute;
left: 50px;
height: 58px;
width: 3px;
background: #DDD9D9;
top: 1px;
border: 1px solid #000;
-webkit-border-radius: 170px;
-moz-border-radius: 170px;
border-radius: 170px;
z-index: 2;
}
#neck .shape9 {
position: absolute;
left: 55px;
height: 58px;
width: 3px;
background: #DDD9D9;
top: 1px;
border: 1px solid #000;
-webkit-border-radius: 170px;
-moz-border-radius: 170px;
border-radius: 170px;
}
#neck .shape10 {
position: absolute;
left: 60px;
height: 58px;
width: 3px;
background: #DDD9D9;
top: 1px;
border: 1px solid #000;
-webkit-border-radius: 170px;
-moz-border-radius: 170px;
border-radius: 170px;
}
#neck .shape11 {
position: absolute;
z-index: 10;
height: 14px;
width: 10px;
left: 37px;
background: #DDD9D9;
top: -2px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
#neck .shape12 {
position: absolute;
left: 48px;
height: 37px;
width: 9px;
background: #DDD9D9;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 4px;
border-left: 1px solid #000;
border-right: 1px solid #000;
z-index: 3;
}
#neck .shape13 {
position: absolute;
left: 50px;
top: 30px;
background: #DDD9D9;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
height: 32px;
border-left: 1px solid #000;
border-right: 1px solid #000;
z-index: 3;
}
#neck .shape14 {
position: absolute;
top: 52px;
left: 32px;
height: 0;
width: 0;
border-width: 0 8px 10px;
border-style: solid;
border-color: transparent transparent #DDD9D9;
}
#neck .shape15 {
position: absolute;
top: 28px;
left: 57px;
background: #DDD9D9;
height: 10px;
width: 10px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
z-index: 120;
}
#neck .shape16 {
position: absolute;
width: 20px;
height: 1px;
background: #000;
top: 54px;
left: 29px;
-webkit-transform: rotate(-43deg);
-moz-transform: rotate(-43deg);
-o-transform: rotate(-43deg);
-ms-transform: rotate(-43deg);
transform: rotate(-43deg);
z-index: 100;
}
#neck .shape17 {
position: absolute;
top: 61px;
width: 18px;
height: 1px;
background: #000;
left: 31px;
z-index: 100;
}
#neck .shape18 {
position: absolute;
top: 37px;
left: -11px;
height: 10px;
width: 34px;
border: 1px solid #000;
-webkit-transform: rotate(49deg);
-moz-transform: rotate(49deg);
-o-transform: rotate(49deg);
-ms-transform: rotate(49deg);
transform: rotate(49deg);
z-index: 100;
background: #DDD9D9;
border-right: 0;
}
#neck .shape19 {
position: absolute;
top: 51px;
left: 12px;
height: 0;
width: 0;
border-color: transparent transparent #DDD9D9;
border-style: solid;
border-width: 0 8px 10px;
}
#neck .shape20 {
position: absolute;
top: 61px;
height: 1px;
width: 15px;
background: #000;
left: 15px;
z-index: 100;
}
#neck .shape21 {
position: absolute;
top: 56px;
left: 20px;
height: 1px;
width: 10px;
background: #000;
-webkit-transform: rotate(55deg);
-moz-transform: rotate(55deg);
-o-transform: rotate(55deg);
-ms-transform: rotate(55deg);
transform: rotate(55deg);
}
#neck .shape22 {
position: absolute;
top: 0;
left: -4px;
background: #ddd9d9;
width: 3px;
border: 1px solid #000;
height: 58px;
}
#neck .shape23 {
position: absolute;
top: 36px;
left: 0;
height: 8px;
width: 8px;
background: #ddd9d9;
z-index: 101;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#neck .shape24 {
position: absolute;
top: 39px;
left: 3px;
height: 2px;
width: 2px;
background: #ddd9d9;
border: 1px solid #000;
z-index: 110;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#neck .shape25 {
position: absolute;
z-index: 110;
left: 34px;
top: 4px;
background: #000;
width: 13px;
height: 1px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#neck .shape26 {
position: absolute;
top: 4px;
left: 39px;
height: 1px;
width: 13px;
background: #000;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: 110;
}
#neck .shape27 {
position: absolute;
top: 20px;
left: 36px;
background: #000;
width: 28px;
height: 1px;
-webkit-transform: rotate(43deg);
-moz-transform: rotate(43deg);
-o-transform: rotate(43deg);
-ms-transform: rotate(43deg);
transform: rotate(43deg);
z-index: 110;
}
#neck .shape28 {
position: absolute;
top: 24px;
left: 40px;
background: #000;
height: 1px;
width: 38px;
-webkit-transform: rotate(43deg);
-moz-transform: rotate(43deg);
-o-transform: rotate(43deg);
-ms-transform: rotate(43deg);
transform: rotate(43deg);
z-index: 11;
}
#neck .shape29 {
position: absolute;
top: 50px;
height: 1px;
width: 34px;
-webkit-transform: rotate(-43deg);
-moz-transform: rotate(-43deg);
-o-transform: rotate(-43deg);
-ms-transform: rotate(-43deg);
transform: rotate(-43deg);
z-index: 100;
background: #000;
left: 31px;
}
#neck .shape30 {
position: absolute;
top: 50px;
left: 38px;
background: #000;
height: 1px;
width: 32px;
-webkit-transform: rotate(-43deg);
-moz-transform: rotate(-43deg);
-o-transform: rotate(-43deg);
-ms-transform: rotate(-43deg);
transform: rotate(-43deg);
z-index: 100;
}
#neck .shape31 {
position: absolute;
top: 50px;
left: 0;
height: 1px;
width: 19px;
background: #000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 100;
}
#neck .shape32 {
position: absolute;
top: 50px;
left: 6px;
height: 1px;
width: 20px;
background: #000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 100;
}
#neck .shape33 {
position: absolute;
top: 57px;
left: 16px;
height: 1px;
width: 6px;
background: #000;
z-index: 100;
}
/* Body */
#body {
height: auto;
position: absolute;
left: 365px;
top: 90px;
width: auto;
padding-top: 20px;
z-index: 95;
opacity: 1;
}
#main #body * {
position: absolute
}
#main #body #main-shell {
position: absolute;
height: auto;
width: auto;
top: 5px;
}
#body .shape0 {
top: -2px;
left: 4px;
background: #ddd9d9;
height: 112px;
width: 63px;
border: 1px solid #000;
border-top: 0;
border-right: 0;
}
#body .shape01 {
top: -32px;
left: 6px;
height: 0;
width: 0;
border-color: transparent transparent #ddd9d9;
border-style: solid;
border-width: 1px 3px 29px 87px;
}
#body .shape02 {
top: 1px;
width: 100px;
background: #ddd9d9;
height: 111px;
border: 1px solid #000;
left: 1px;
border-right: 0;
z-index: -4;
}
#body .shape1 {
top: -17px;
height: 1px;
background: #000;
width: 93px;
-webkit-transform: rotate(-18deg);
-moz-transform: rotate(-18deg);
-o-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg);
z-index: 110;
left: 3px;
}
#body .shape2 {
top: -7px;
left: 52px;
height: 50px;
width: 50px;
background: #ddd9d9;
z-index: 100;
}
#body .shape3 {
top: 36px;
left: 29px;
height: 1px;
width: 136px;
-webkit-transform: rotate(-92deg);
-moz-transform: rotate(-92deg);
-o-transform: rotate(-92deg);
-ms-transform: rotate(-92deg);
transform: rotate(-92deg);
background: #000;
z-index: 110;
}
#body .shape5 {
top: 103px;
left: 80px;
z-index: 110;
background: #000;
height: 1px;
width: 19px;
}
#body .shape6 {
top: 106px;
left: 67px;
height: 1px;
z-index: 110;
background: #000;
width: 15px;
-webkit-transform: rotate(-27deg);
-moz-transform: rotate(-27deg);
-o-transform: rotate(-27deg);
-ms-transform: rotate(-27deg);
transform: rotate(-27deg);
}
#body .shape7 {
top: 16px;
left: 48px;
height: 33px;
width: 24px;
border: 1px solid #8a8a8a;
z-index: 110;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#body .shape8 {
top: 45px;
left: 49px;
width: 24px;
height: 1px;
background: #8a8a8a;
}
#body .shape9 {
height: 7px;
width: 14px;
top: 91px;
left: 80px;
border: 1px solid #8a8a8a;
}
#body .shape11 {
top: 1px;
left: 33px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape12 {
top: 1px;
left: 41px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape13 {
top: 1px;
left: 84px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape14 {
top: 1px;
left: 126px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape15 {
top: 1px;
left: 156px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape16 {
top: 1px;
left: 164px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape17 {
top: 1px;
left: 202px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape18 {
top: 1px;
left: 246px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape19 {
top: 2px;
left: 282px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape20 {
top: 2px;
left: 336px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape21 {
top: 2px;
left: 345px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape22 {
top: 2px;
left: 376px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape23 {
top: 90px;
left: 13px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape24 {
top: 90px;
left: 20px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape25 {
top: 90px;
left: 51px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape26 {
top: -40px;
left: 124px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape27 {
top: -40px;
left: 133px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape28 {
top: -40px;
left: 177px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape29 {
top: -40px;
left: 218px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape30 {
top: -40px;
left: 235px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape31 {
top: -40px;
left: 250px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape32 {
top: 91px;
left: 282px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape33 {
top: 91px;
left: 309px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape34 {
top: -48px;
width: 147px;
background: #ddd9d9;
height: 172px;
left: 112px;
border: 1px solid #000;
z-index: 10;
}
#body .shape35 {
height: 40px;
width: 40px;
background: #ddd9d9;
top: -27px;
left: 79px;
-webkit-transform: rotate(-22deg);
-moz-transform: rotate(-22deg);
-o-transform: rotate(-22deg);
-ms-transform: rotate(-22deg);
transform: rotate(-22deg);
border-top: 1px solid #000;
z-index: -1;
}
#body .shape36 {
top: -47px;
left: 110px;
background: #ddd9d9;
border-top: 1px solid #000;
height: 30px;
width: 20px;
z-index: -1;
-webkit-transform: rotate(-61deg);
-moz-transform: rotate(-61deg);
-o-transform: rotate(-61deg);
-ms-transform: rotate(-61deg);
transform: rotate(-61deg);
}
#body .shape37 {
width: 40px;
height: 150px;
background: #ddd9d9;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
border-left: 1px solid #000;
left: 104px;
top: -30px;
}
#body .shape38 {
top: 11px;
left: 10px;
background: #ddd9d9;
height: 109px;
width: 100px;
z-index: -3;
border-bottom: 1px solid #000;
}
#body .shape39 {
top: 17px;
left: 96px;
background: #000;
height: 1px;
z-index: 110;
width: 7px;
}
#body .shape40 {
top: 47px;
left: 97px;
width: 7px;
height: 1px;
background: #000;
z-index: 110;
}
#body .shape41 {
top: 89px;
left: 100px;
height: 1px;
width: 5px;
background: #000;
z-index: 110;
}
#body .shape42 {
top: 45px;
left: 121px;
width: 133px;
background: #ddd9d9;
height: 59px;
border: 1px solid #8a8a8a;
z-index: 120;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#body .shape44 {
top: 101px;
left: 135px;
z-index: 150;
width: 119px;
height: 23px;
border: 1px solid #8a8a8a;
border-bottom: 0;
border-right: 0;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
#body .shape45 {
top: -48px;
left: 152px;
width: 1px;
height: 104px;
background: #000;
z-index: 105;
}
#body .shape46 {
top: -48px;
left: 189px;
width: 1px;
height: 110px;
background: #000;
z-index: 105;
}
#body .shape47 {
top: -48px;
width: 1px;
height: 110px;
background: #000;
left: 228px;
z-index: 105;
}
#body .shape48 {
top: 8px;
left: 255px;
background: #ddd9d9;
border-bottom: 1px solid #000;
height: 113px;
width: 143px;
}
#body .shape49 {
top: -20px;
left: 266px;
border-top: 1px solid #000;
height: 50px;
width: 127px;
background: #ddd9d9;
-webkit-transform: rotate(22deg);
-moz-transform: rotate(22deg);
-o-transform: rotate(22deg);
-ms-transform: rotate(22deg);
transform: rotate(22deg);
}
#body .shape50 {
top: -41px;
left: 277px;
width: 1px;
height: 150px;
background: #000;
z-index: 120;
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
-ms-transform: rotate(1deg);
transform: rotate(1deg);
}
#body .shape51 {
top: 109px;
width: 57px;
background: #000;
height: 1px;
left: 277px;
z-index: 150;
}
#body .shape52 {
top: 104px;
left: 332px;
height: 1px;
background: #000;
width: 15px;
-webkit-transform: rotate(-41deg);
-moz-transform: rotate(-41deg);
-o-transform: rotate(-41deg);
-ms-transform: rotate(-41deg);
transform: rotate(-41deg);
z-index: 150;
}
#body .shape53 {
top: 90px;
height: 1px;
width: 60px;
background: #000;
z-index: 130;
left: 345px;
top: 99px;
}
#body .shape54 {
top: -39px;
background: #ddd9d9;
height: 29px;
width: 8px;
left: 267px;
border-top: 1px solid #000;
z-index: 100;
-webkit-transform: rotate(17deg);
-moz-transform: rotate(17deg);
-o-transform: rotate(17deg);
-ms-transform: rotate(17deg);
transform: rotate(17deg);
}
#body .shape55 {
top: -45px;
left: 253px;
background: #ddd9d9;
height: 20px;
width: 13px;
z-index: 100;
border-top: 1px solid #000;
-webkit-transform: rotate(36deg);
-moz-transform: rotate(36deg);
-o-transform: rotate(36deg);
-ms-transform: rotate(36deg);
transform: rotate(36deg);
z-index: 4;
}
#body .shape56 {
background: #ddd9d9;
height: 51px;
width: 20px;
z-index: 0;
top: -36px;
left: 251px;
}
#body .shape57 {
top: -40px;
width: 1px;
height: 161px;
background: #000;
z-index: 100;
left: 267px;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
}
#body .shape58 {
background: #ddd9d9;
height: 5px;
width: 5px;
border-right: 1px solid #000;
z-index: 0;
left: 258px;
-webkit-transform: rotate(37deg);
-moz-transform: rotate(37deg);
-o-transform: rotate(37deg);
-ms-transform: rotate(37deg);
transform: rotate(37deg);
top: 120px;
}
#body .shape59 {
top: 119px;
z-index: 0;
left: 109px;
background: #ddd9d9;
border-left: 1px solid #000;
height: 5px;
width: 5px;
-webkit-transform: rotate(-40deg);
-moz-transform: rotate(-40deg);
-o-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
transform: rotate(-40deg);
}
#body .shape60 {
background: #ddd9d9;
height: 12px;
width: 9px;
border-left: 1px solid #000;
top: 107px;
-webkit-transform: rotate(-31deg);
-moz-transform: rotate(-31deg);
-o-transform: rotate(-31deg);
-ms-transform: rotate(-31deg);
transform: rotate(-31deg);
z-index: -1;
left: 6px;
}
#body .shape62 {
top: -3px;
left: 374px;
border-color: transparent transparent #ddd9d9;
border-style: solid;
border-width: 10px 10px 114px 23px;
}
#body .shape63 {
height: 1px;
width: 50px;
left: 358px;
background: #000;
top: 121px;
z-index: 150;
}
#body .shape64 {
top: 5px;
left: 402px;
background: #000;
width: 1px;
height: 117px;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
#body .shape65 {
top: 18px;
left: 295px;
height: 29px;
width: 27px;
border: 1px solid #8a8a8a;
}
#body .shape66 {
top: 51px;
left: 345px;
height: 39px;
width: 48px;
border: 1px solid #8a8a8a;
}
#body .shape67 {
top: 57px;
left: 375px;
height: 10px;
width: 12px;
border: 1px solid #8a8a8a;
}
#body .shape68 {
top: 81px;
left: 379px;
height: 5px;
width: 8px;
border: 1px solid #8a8a8a;
}
#body .shape69 {
top: 102px;
left: 345px;
border: 1px solid #8a8a8a;
height: 13px;
width: 34px;
}
#body .shape70 {
top: 106px;
left: 362px;
height: 5px;
background: #ddd9d9;
width: 20px;
border: 1px solid #8a8a8a;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}
#body .shape71 {
top: 106px;
left: 385px;
width: 2px;
height: 5px;
border: 1px solid #8a8a8a;
}
#body .shape72 {
top: 105px;
left: 348px;
border: 1px solid #8a8a8a;
width: 4px;
height: 8px;
}
#body .shape73 {
width: 30px;
height: 1px;
border: 1px solid #8a8a8a;
left: 299px;
top: 22px;
z-index: 140;
background: #ddd9d9;
}
#body .shape74 {
top: 20px;
width: 1px;
height: 5px;
border: 1px solid #8a8a8a;
left: 301px;
z-index: 150;
background: #ddd9d9;
}
#body .shape75 {
top: 20px;
left: 305px;
height: 5px;
width: 1px;
border: 1px solid #8a8a8a;
background: #ddd9d9;
z-index: 150;
}
#body .shape76 {
height: 5px;
width: 1px;
border: 1px solid #8a8a8a;
background: #ddd9d9;
left: 309px;
top: 20px;
z-index: 150;
}
#body .shape77 {
top: 14px;
left: 234px;
height: 27px;
width: 21px;
border: 1px solid #8a8a8a;
z-index: 150;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#body .shape78 {
height: 1px;
width: 8px;
background: #000;
left: 270px;
top: -28px;
z-index: 150;
}
#body .shape79 {
height: 1px;
width: 8px;
left: 269px;
background: #000;
top: 18px;
}
#body .shape80 {
height: 1px;
width: 9px;
top: 49px;
background: #000;
left: 268px;
}
#body .shape81 {
top: 100px;
left: 266px;
background: #000;
height: 1px;
width: 10px;
}
#body .shape82 {
top: 91px;
left: 266px;
height: 1px;
width: 11px;
background: #000;
}
#body .shape83 {
height: 1px;
background: #000;
left: 266px;
width: 11px;
top: 109px;
}
#body .shape84 {
width: 1px;
height: 19px;
left: 237px;
background: #8a8a8a;
z-index: 150;
top: 19px;
}
#body .shape85 {
top: 19px;
height: 19px;
width: 1px;
left: 253px;
background: #8a8a8a;
z-index: 150;
}
#body .shape86 {
left: 236px;
width: 15px;
background: #222;
border: 1px solid #8a8a8a;
top: 51px;
z-index: 150;
height: 1px;
}
#body .shape87 {
left: 236px;
width: 15px;
background: #222;
border: 1px solid #8a8a8a;
top: 63px;
z-index: 150;
height: 1px;
}
#body .shape88 {
left: 236px;
width: 15px;
background: #222;
border: 1px solid #8a8a8a;
top: 57px;
z-index: 150;
height: 1px;
}
#body .shape89 {
left: 236px;
width: 15px;
background: #222;
border: 1px solid #8a8a8a;
top: 51px;
z-index: 150;
height: 1px;
}
#body .shape90 {
left: 236px;
width: 15px;
background: #222;
border: 1px solid #8a8a8a;
top: 69px;
z-index: 150;
height: 1px;
}
#body .shape91 {
left: 236px;
width: 15px;
background: #222;
border: 1px solid #8a8a8a;
top: 74px;
z-index: 150;
height: 1px;
}
#body .shape92 {
left: 236px;
width: 15px;
background: #222;
border: 1px solid #8a8a8a;
top: 80px;
z-index: 150;
height: 1px;
}
#body .shape93 {
left: 236px;
width: 15px;
background: #222;
border: 1px solid #8a8a8a;
top: 86px;
z-index: 150;
height: 1px;
}
#body .shape94 {
left: 236px;
width: 15px;
background: #222;
border: 1px solid #8a8a8a;
top: 92px;
z-index: 150;
height: 1px;
}
#body .shape95 {
left: 236px;
width: 15px;
background: #222;
border: 1px solid #8a8a8a;
top: 97px;
z-index: 150;
height: 1px;
}
#body .shape96 {
left: 236px;
width: 15px;
background: #222;
border: 1px solid #8a8a8a;
top: 109px;
z-index: 150;
height: 1px;
}
#body .shape97 {
left: 236px;
width: 15px;
background: #222;
border: 1px solid #8a8a8a;
top: 113px;
z-index: 150;
height: 1px;
}
#body .shape98 {
top: -40px;
left: 250px;
height: 8px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape99 {
top: 91px;
left: 316px;
height: 8px;
width: 3px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape100 {
top: 91px;
left: 329px;
height: 8px;
width: 3px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape101 {
top: 45px;
left: 346px;
height: 3px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape102 {
top: 41px;
left: 156px;
height: 1px;
width: 4px;
border: 1px solid #8a8a8a;
z-index: 120;
}
#body .shape103 {
left: 181px;
top: 41px;
border: 1px solid #8a8a8a;
height: 1px;
z-index: 150;
width: 4px;
}
#body .shape104 {
left: 193px;
top: 41px;
border: 1px solid #8a8a8a;
height: 1px;
width: 5px;
z-index: 150;
}
#body .shape105 {
left: 218px;
top: 41px;
border: 1px solid #8a8a8a;
z-index: 150;
width: 5px;
height: 1px;
}
#body .shape106 {
left: 100px;
top: 97px;
height: 1px;
background: #000;
z-index: 150;
width: 6px;
}
#body .shape107 {
left: 99px;
top: 103px;
background: #000;
height: 1px;
width: 7px;
z-index: 150;
}
#body .shape108 {
left: 78px;
top: 110px;
height: 5px;
border: 1px solid #8a8a8a;
width: 23px;
z-index: 150;
}
#body .shape109 {
left: 82px;
top: 110px;
border: 1px solid #8a8a8a;
height: 5px;
width: 2px;
z-index: 150;
}
#body .shape110 {
left: 93px;
top: 110px;
height: 5px;
width: 2px;
border: 1px solid #8a8a8a;
z-index: 150;
}
#body .shape111 {
left: 383px;
top: 54px;
background: #ddd9d9;
width: 20px;
height: 30px;
-webkit-transform: rotate(24deg);
-moz-transform: rotate(24deg);
-o-transform: rotate(24deg);
-ms-transform: rotate(24deg);
transform: rotate(24deg);
z-index: -10;
border-top: 1px solid #000;
}
#body .shape112 {
left: 389px;
top: 62px;
height: 20px;
width: 21px;
background: #ddd9d9;
border-right: 1px solid #000;
-webkit-transform: rotate(-11deg);
-moz-transform: rotate(-11deg);
-o-transform: rotate(-11deg);
-ms-transform: rotate(-11deg);
transform: rotate(-11deg);
z-index: -9;
}
#body .shape113 {
left: 401px;
top: 81px;
background: #ddd9d9;
height: 28px;
width: 14px;
border-top: 1px solid #000;
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-o-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
z-index: -1;
}
#body .shape114 {
left: 352px;
top: 81px;
background: #ddd9d9;
border-right: 1px solid #000;
height: 85px;
width: 60px;
z-index: -13;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
border-bottom: 1px solid #000;
}
#body .shape115 {
left: 401px;
top: 79px;
background: #ddd9d9;
z-index: -8;
height: 10px;
width: 10px;
}
#body .shape116 {
left: 156px;
top: 123px;
height: 41px;
width: 87px;
background: #ddd9d9;
border-bottom: 1px solid #000;
z-index: -1;
}
#body .shape117 {
left: 117px;
top: 94px;
background: #ddd9d9;
width: 40px;
height: 40px;
border-bottom: 1px solid #000;
z-index: -10;
-webkit-transform: rotate(23deg);
-moz-transform: rotate(23deg);
-o-transform: rotate(23deg);
-ms-transform: rotate(23deg);
transform: rotate(23deg);
}
#body .shape118 {
left: 150px;
top: 137px;
background: #ddd9d9;
width: 20px;
height: 25px;
border-left: 1px solid #000;
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
z-index: -2;
}
#body .shape119 {
left: 147px;
top: 121px;
background: #ddd9d9;
width: 20px;
height: 20px;
}
#body .shape120 {
left: 223px;
top: 118px;
background: #ddd9d9;
height: 42px;
width: 30px;
border-right: 1px solid #000;
z-index: -8;
-webkit-transform: rotate(23deg);
-moz-transform: rotate(23deg);
-o-transform: rotate(23deg);
-ms-transform: rotate(23deg);
transform: rotate(23deg);
}
#body .shape121 {
left: 290px;
top: 120px;
background: #ddd9d9;
height: 75px;
width: 75px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
z-index: -12;
}
#body .shape122 {
left: 217px;
top: 132px;
background: #ddd9d9;
border: 1px solid #000;
height: 40px;
width: 40px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: -9;
}
#body .shape123 {
left: 243px;
top: 107px;
background: #ddd9d9;
width: 85px;
height: 78px;
border-bottom: 1px solid #000;
-webkit-transform: rotate(14deg);
-moz-transform: rotate(14deg);
-o-transform: rotate(14deg);
-ms-transform: rotate(14deg);
transform: rotate(14deg);
z-index: -11;
}
#body .shape124 {
left: 358px;
top: 136px;
border: 1px solid #000;
background: #ddd9d9;
height: 43px;
width: 32px;
z-index: -2;
}
#body .shape125 {
left: 385px;
top: 132px;
background: #ddd9d9;
height: 49px;
width: 2px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#body .shape126 {
left: 377px;
top: 132px;
width: 2px;
border: 1px solid #000;
background: #ddd9d9;
height: 49px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#body .shape127 {
left: 370px;
top: 132px;
background: #ddd9d9;
border: 1px solid #000;
width: 2px;
height: 49px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#body .shape128 {
left: 363px;
top: 132px;
height: 49px;
width: 2px;
border: 1px solid #000;
background: #ddd9d9;
z-index: -2;
}
#body .shape129 {
left: 401px;
top: 120px;
z-index: -1;
width: 1px;
height: 24px;
background: #000;
-webkit-transform: rotate(22deg);
-moz-transform: rotate(22deg);
-o-transform: rotate(22deg);
-ms-transform: rotate(22deg);
transform: rotate(22deg);
}
#body .shape130 {
left: 392px;
top: 142px;
height: 1px;
background: #000;
z-index: 100;
width: 5px;
}
#body .shape131 {
left: 28px;
top: 120px;
height: 75px;
width: 75px;
background: #ddd9d9;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
z-index: -11;
}
#body .shape132 {
left: 155px;
top: 132px;
height: 40px;
width: 40px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: -9;
}
#body .shape133 {
left: 70px;
top: 107px;
background: #ddd9d9;
height: 78px;
width: 101px;
border-bottom: 1px solid #000;
-webkit-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
-o-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
transform: rotate(-12deg);
z-index: -11;
}
#body .shape134 {
left: 184px;
top: 134px;
border: 1px solid #000;
height: 8px;
width: 5px;
z-index: 150;
border-top: 22px solid black;
}
#body .shape135 {
left: 198px;
top: 134px;
width: 5px;
height: 8px;
border: 1px solid #000;
border-top: 22px solid #000;
}
#body .shape136 {
left: 212px;
top: 134px;
border: 1px solid #000;
width: 6px;
height: 8px;
border-top: 22px solid #000;
}
#body .shape137 {
left: 145px;
top: 134px;
z-index: 150;
width: 33px;
height: 3px;
border: 1px solid #8a8a8a;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#body .shape138 {
left: 224px;
top: 134px;
height: 3px;
border: 1px solid #8a8a8a;
z-index: 150;
width: 23px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
#body .shape139 {
left: 155px;
top: 143px;
height: 2px;
width: 23px;
border: 1px solid #8a8a8a;
z-index: 150;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
#body .shape140 {
left: 224px;
top: 143px;
border: 1px solid #8a8a8a;
height: 2px;
z-index: 150;
width: 20px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
#body .shape141 {
left: 224px;
top: 151px;
height: 2px;
width: 16px;
border: 1px solid #8a8a8a;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
#body .shape142 {
left: 158px;
top: 151px;
height: 2px;
width: 19px;
border: 1px solid #8A8a8a;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
#body .shape143 {
left: 71px;
top: 180px;
height: 1px;
width: 103px;
background: #000;
-webkit-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
-o-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
transform: rotate(-12deg);
z-index: -11;
}
#body .shape144 {
left: 238px;
top: 181px;
height: 1px;
width: 85px;
-webkit-transform: rotate(14deg);
-moz-transform: rotate(14deg);
-o-transform: rotate(14deg);
-ms-transform: rotate(14deg);
transform: rotate(14deg);
background: #000;
z-index: -10;
}
#body .shape145 {
left: 158px;
top: 135px;
height: 34px;
width: 34px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: -4;
}
#body .shape146 {
left: 219px;
top: 135px;
height: 34px;
width: 34px;
border: 1px solid #000;
background: #ddd9d9;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: -9;
}
#body .shape147 {
left: 249px;
top: 126px;
height: 1px;
width: 69px;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
background: #000;
z-index: -11;
}
#body .shape148 {
left: 250px;
top: 131px;
height: 30px;
width: 89px;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
background: #ddd9d9;
z-index: -11;
border-top: 1px solid #000;
}
#body .shape149 {
left: 304px;
top: 125px;
height: 55px;
width: 54px;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
background: #ddd9d9;
z-index: -12;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#body .shape150 {
left: 348px;
top: 130px;
height: 1px;
width: 91px;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
background: #000;
z-index: -9;
}
#body .shape151 {
left: 348px;
top: 130px;
height: 1px;
width: 91px;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
background: #000;
z-index: -9;
}
/* Front Leg Back */
#main #front-leg-back {
height: auto;
position: absolute;
left: 670px;
top: 216px;
width: auto;
z-index: 100;
opacity: 1;
}
#main #front-leg-back * {
position: absolute
}
#front-leg-back #thigh {
position: absolute;
top: 5px;
height: auto;
width: auto;
/*-webkit-transform: rotate(-8deg);;
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);*/
left: -7px;
z-index: 10;
}
#front-leg-back .shape0 {
left: -3px;
top: 11px;
height: 59px;
width: 59px;
background: #ddd9d9;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#front-leg-back .shape01 {
left: 1px;
top: 15px;
height: 50px;
width: 50px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: 100;
}
#front-leg-back .shape02 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#front-leg-back .shape1 {
left: -2px;
top: 31px;
height: 93px;
width: 57px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -5;
}
#front-leg-back .shape2 {
left: 1px;
top: 35px;
height: 89px;
width: 51px;
background: #ddd9d9;
z-index: -4;
border: 1px solid #000;
}
#front-leg-back .shape3 {
left: 0.9px;
top: 99px;
height: 71px;
width: 54px;
border: 1px solid #000;
background: #ddd9d9;
z-index: -6;
border-bottom: 0;
}
#front-leg-back .shape4 {
left: 2px;
top: 120px;
height: 50px;
width: 50px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -6;
border-bottom: 0;
}
#front-leg-back .shape5 {
left: 0;
top: 158px;
height: 52px;
width: 52px;
background: #ddd9d9;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#front-leg-back .shape6 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#front-leg-back .shape6 {
left: 7px;
top: 165px;
height: 37px;
width: 37px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-back .shape7 {
left: 13px;
top: 79px;
height: 36px;
width: 25px;
border: 1px solid #000;
background: #ddd9d9;
z-index: -4;
border-top: 0;
}
#front-leg-back .shape8 {
left: 6px;
top: 42px;
height: 40px;
width: 40px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -1;
}
#front-leg-back .shape9 {
left: 4px;
top: 39px;
height: 40px;
width: 45px;
background: #ddd9d9;
z-index: -1;
}
#front-leg-back .shape10 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#front-leg-back .shape11 {
left: 9px;
top: 41px;
height: 9px;
width: 44px;
background: #ddd9d9;
z-index: 150;
-webkit-transform: rotate(147deg);
-moz-transform: rotate(147deg);
-o-transform: rotate(147deg);
-ms-transform: rotate(147deg);
transform: rotate(147deg);
border-top: 1px solid #000;
}
#front-leg-back .shape12 {
left: -0.8px;
top: 31px;
height: 8px;
width: 44px;
background: #ddd9d9;
z-index: 150;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
transform: rotate(-32deg);
border-top: 1px solid #000;
}
#front-leg-back .shape13 {
left: 21px;
top: 39px;
height: 4px;
width: 11px;
border: 1px solid #8a8a8a;
z-index: 150;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
transform: rotate(-32deg);
}
#front-leg-back .shape14 {
left: 7px;
top: 47px;
height: 4px;
width: 8px;
border: 1px solid #8a8a8a;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
transform: rotate(-32deg);
z-index: 150;
}
#front-leg-back .shape15 {
left: 8px;
top: 23px;
height: 32px;
width: 16px;
border: 4px solid black;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
border-right: 0;
z-index: 100;
-wevkit-tr: initial;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
#front-leg-back .shape16 {
left: 2px;
top: 86px;
height: 1px;
width: 5px;
background: #000;
z-index: 150;
-webkit-transform: rotate(32deg);
-moz-transform: rotate(32deg);
-o-transform: rotate(32deg);
-ms-transform: rotate(32deg);
transform: rotate(32deg);
}
#front-leg-back .shape17 {
left: 6px;
top: 88px;
height: 37px;
width: 1px;
background: #000;
z-index: 150;
}
#front-leg-back .shape18 {
left: 49px;
top: 83px;
height: 8px;
width: 1px;
background: #000;
-webkit-transform: rotate(51deg);
-moz-transform: rotate(51deg);
-o-transform: rotate(51deg);
-ms-transform: rotate(51deg);
transform: rotate(51deg);
}
#front-leg-back .shape19 {
left: 46px;
top: 89px;
height: 36px;
width: 1px;
background: #000;
}
#front-leg-back .shape20 {
left: 14px;
top: 120px;
height: 4px;
width: 25px;
border: 1px solid #000;
border-bottom: 0;
}
#front-leg-back .shape21 {
left: 13px;
top: 125px;
height: 17px;
width: 3px;
border: 1px solid #000;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}
#front-leg-back .shape22 {
left: 14px;
top: 144px;
height: 19px;
width: 1px;
border: 1px solid #000;
border-top: 0;
z-index: -1;
}
#front-leg-back .shape23 {
left: 36px;
top: 125px;
height: 10px;
width: 3px;
border: 1px solid #000;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-left-radius: 7px;
}
#front-leg-back .shape24 {
left: 37px;
top: 136px;
height: 26px;
width: 1px;
border: 1px solid #000;
z-index: -1;
}
#front-leg-back .shape25 {
left: 7px;
top: 175px;
height: 1px;
width: 34px;
background: #000;
-webkit-transform: rotate(-18deg);
-moz-transform: rotate(-18deg);
-o-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg);
}
#front-leg-back .shape26 {
left: 12px;
top: 193px;
height: 1px;
width: 34px;
background: #000;
-webkit-transform: rotate(-18deg);
-moz-transform: rotate(-18deg);
-o-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg);
}
#front-leg-back .shape27 {
left: 23px;
top: 181px;
height: 6px;
width: 6px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#front-leg-back .shape28 {
left: 26px;
top: 184px;
height: 0.5px;
width: 0.5px;
border: 1px solid black;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-back .shape29 {
left: -8px;
top: 71px;
height: 3px;
width: 13px;
background: #ddd9d9;
border: 1px solid #000;
border-left: 0;
z-index: -8;
}
#front-leg-back .shape30 {
left: -12px;
top: 28px;
height: 49px;
width: 3px;
border: 1px solid #000;
z-index: -9;
background: #ddd9d9;
}
#front-leg-back .shape31 {
left: 1px;
top: 170px;
height: 5px;
width: 4px;
background: #ddd9d9;
border-left: 1px solid black;
-webkit-transform: rotate(-22deg);
-moz-transform: rotate(-22deg);
-o-transform: rotate(-22deg);
-ms-transform: rotate(-22deg);
transform: rotate(-22deg);
z-index: -10;
}
#front-leg-back .shape32 {
left: 49px;
top: 170px;
height: 8px;
width: 5px;
background: #ddd9d9;
border-right: 1px solid #000;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
z-index: -10;
}
#front-leg-back #shin {
top: 167px;
height: auto;
width: auto;
opacity: 1;
z-index: 8;
/* -webkit-transform: rotate(-8deg);;
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);*/
left: -6px;
}
#front-leg-back #shin .shape33 {
left: 2px;
top: 18px;
height: 68px;
width: 48px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -10;
}
#front-leg-back #shin shape34 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#front-leg-back #shin .shape35 {
left: 5px;
top: 20px;
height: 63px;
width: 42px;
border: 1px solid #000;
}
#front-leg-back #shin .shape36 {
left: 18px;
top: 20px;
height: 57px;
width: 15px;
border: 1px solid #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#front-leg-back .shape37 {
left: 26px;
top: 57px;
height: 1px;
width: 1px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background: #000;
border: 1px solid #000;
}
#front-leg-back .shape38 {
left: 4px;
top: 88px;
height: 26px;
width: 47px;
background: #ddd9d9;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#front-leg-back .shape39 {
left: 10px;
top: 116px;
height: 15px;
width: 35px;
background: #ddd9d9;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#front-leg-back .shape40 {
left: -1px;
top: 109px;
height: 23px;
width: 13px;
background: #ddd9d9;
border-left: 1px solid #000;
z-index: -12;
-webkit-transform: rotate(-48deg);
-moz-transform: rotate(-48deg);
-o-transform: rotate(-48deg);
-ms-transform: rotate(-48deg);
transform: rotate(-48deg);
}
#front-leg-back .shape41 {
left: -8px;
top: 115px;
height: 1px;
width: 70px;
background: #000;
}
#front-leg-back .shape42 {
left: -8px;
top: 116px;
height: 1px;
width: 70px;
background: #000;
}
#front-leg-back .shape43 {
left: 28px;
top: 102px;
height: 23px;
width: 30px;
background: #ddd9d9;
border-right: 1px solid #000;
-webkit-transform: rotate(48deg);
-moz-transform: rotate(48deg);
-o-transform: rotate(48deg);
-ms-transform: rotate(48deg);
transform: rotate(48deg);
z-index: -2;
}
#front-leg-back .shape44 {
left: -2px;
top: 81px;
height: 40px;
width: 20px;
border-left: 1px solid #000;
background: #ddd9d9;
-webkit-transform: rotate(23deg);
-moz-transform: rotate(23deg);
-o-transform: rotate(23deg);
-ms-transform: rotate(23deg);
transform: rotate(23deg);
z-index: -20;
}
#front-leg-back .shape45 {
left: 35px;
top: 81px;
height: 40px;
width: 20px;
background: #ddd9d9;
-webkit-transform: rotate(-23deg);
-moz-transform: rotate(-23deg);
-o-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
transform: rotate(-23deg);
border-right: 1px solid #000;
z-index: -20;
}
#front-leg-back .shape46 {
left: -6px;
top: 94px;
height: 22px;
width: 30px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-transform: rotate(23deg);
-moz-transform: rotate(23deg);
-o-transform: rotate(23deg);
-ms-transform: rotate(23deg);
transform: rotate(23deg);
z-index: -30;
}
#front-leg-back .shape47 {
left: 28px;
top: 94px;
height: 22px;
width: 30px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-transform: rotate(-23deg);
-moz-transform: rotate(-23deg);
-o-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
transform: rotate(-23deg);
z-index: -30;
}
#front-leg-back .shape48 {
left: 5px;
top: 90px;
height: 1px;
width: 44px;
background: #000;
}
#front-leg-back .shape49 {
left: -1px;
top: 89px;
height: 27px;
width: 1px;
background: #000;
-webkit-transform: rotate(24deg);
-moz-transform: rotate(24deg);
-o-transform: rotate(24deg);
-ms-transform: rotate(24deg);
transform: rotate(24deg);
}
#front-leg-back .shape50 {
left: 54px;
top: 89px;
height: 28px;
width: 1px;
background: #000;
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
}
#front-leg-back .shape51 {
left: 2px;
top: 113px;
height: 21px;
width: 1px;
-webkit-transform: rotate(-49deg);
-moz-transform: rotate(-49deg);
-o-transform: rotate(-49deg);
-ms-transform: rotate(-49deg);
transform: rotate(-49deg);
background: #000;
}
#front-leg-back .shape52 {
left: 10px;
top: 130px;
height: 1px;
width: 34px;
background: #000;
}
#front-leg-back .shape53 {
left: 51px;
top: 113px;
height: 21px;
width: 1px;
background: #000;
-webkit-transform: rotate(48deg);
-moz-transform: rotate(48deg);
-o-transform: rotate(48deg);
-ms-transform: rotate(48deg);
transform: rotate(48deg);
}
#front-leg-back .shape54 {
left: 17px;
top: 124px;
height: 3px;
width: 3px;
border: 1px solid #000;
z-index: 150;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-back .shape55 {
left: 32px;
top: 124px;
height: 3px;
width: 3px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#front-leg-back .shape56 {
left: 10px;
top: 96px;
height: 3px;
width: 3px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-back .shape57 {
left: 38px;
top: 96px;
height: 3px;
width: 3px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-back .shape58 {
left: 2px;
top: 93px;
height: 19px;
width: 19px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-back .shape59 {
left: 30px;
top: 93px;
height: 19px;
width: 19px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-back .shape60 {
left: 6px;
top: 111px;
height: 3px;
width: 13px;
border-top: 1px solid #000;
background: #ddd9d9;
}
#front-leg-back .shape61 {
left: 33px;
top: 111px;
height: 2px;
width: 14px;
background: #ddd9d9;
border-top: 1px solid #000;
}
#front-leg-back #foot {
top: 87px;
left: 4px;
z-index: -130;
}
#front-leg-back .shape62 {
left: -2px;
top: 6px;
height: 84px;
width: 45px;
border: 1px solid #000;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
border-right: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#front-leg-back .shape63 {
left: -1px;
top: 58px;
height: 24px;
width: 45px;
border-top: 1px solid #000;
background: #ddd9d9;
border-bottom: 1px solid #000;
}
#front-leg-back .shape64 {
left: -2px;
top: 56px;
height: 1px;
width: 45px;
border: 1px solid #000;
background: #ddd9d9;
}
#front-leg-back .shape65 {
left: -5px;
top: 61px;
height: 24px;
width: 20px;
border-left: 1px solid #000;
background: #ddd9d9;
-webkit-transform: rotate(12deg);
-moz-transform: rotate(12deg);
-o-transform: rotate(12deg);
-ms-transform: rotate(12deg);
transform: rotate(12deg);
z-index: 600;
}
#front-leg-back .shape66 {
left: 27px;
top: 61px;
height: 24px;
width: 20px;
border-right: 1px solid #000;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
background: #ddd9d9;
z-index: 600;
}
#front-leg-back .shape67 {
left: -7px;
top: 83px;
height: 1px;
width: 58px;
background: #000;
z-index: 700;
}
#front-leg-back .shape68 {
left: -2px;
top: 7px;
height: 84px;
width: 46px;
background: #ddd9d9;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
z-index: -26;
}
#front-leg-back .shape69 {
left: 3px;
top: 24px;
height: 58px;
width: 36px;
z-index: 2000;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
background: #fff;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
border: 1px solid #000;
border-right: 0;
z-index: -25;
}
#front-leg-back .shape70 {
left: -21px;
top: 71px;
height: 1px;
width: 13px;
z-index: 150;
background: #000;
}
#front-leg-back .shape71 {
left: 51px;
top: 71px;
height: 1px;
width: 12px;
background: #000;
}
#front-leg-back .shape72 {
left: -24px;
top: 61px;
height: 6px;
width: 87px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -200;
}
#front-leg-back .shape73 {
left: -8px;
top: 61px;
height: 6px;
width: 57px;
border: 1px solid #000;
background: #ddd9d9;
z-index: -21;
}
#front-leg-back .shape74 {
left: -25px;
top: 92px;
height: 0;
width: 0;
border-width: 0.9px 76px 34px 2px;
border-color: transparent transparent #DDD9D9;
z-index: 200;
border-style: solid;
}
#front-leg-back .shape75 {
left: -10px;
top: 92px;
height: 0;
width: 0;
border-style: solid;
border-color: transparent transparent #ddd9d9;
border-width: 0.9px 2px 34px 76px;
}
#front-leg-back .shape76 {
left: -24px;
top: 95px;
height: 20px;
width: 91px;
border-top: 1px solid #000;
background: #ddd9d9;
z-index: 550;
}
#front-leg-back .shape77 {
left: -28px;
top: 106px;
height: 7px;
width: 98px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -300;
}
#front-leg-back .shape78 {
left: -47px;
top: 126px;
height: 1px;
width: 135px;
background: #000;
}
#front-leg-back .shape79 {
left: -25px;
top: 92px;
height: 35px;
width: 1px;
background: #000;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
z-index: 500;
}
#front-leg-back .shape80 {
left: 68px;
top: 92px;
height: 35px;
width: 1px;
background: #000;
z-index: 300;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
#front-leg-back .shape81 {
left: -19px;
top: 85px;
height: 24px;
width: 25px;
background: #ddd9d9;
border-left: 1px solid #000;
-webkit-transform: rotate(59deg);
-moz-transform: rotate(59deg);
-o-transform: rotate(59deg);
-ms-transform: rotate(59deg);
transform: rotate(59deg);
z-index: 300;
}
#front-leg-back .shape82 {
left: 37px;
top: 85px;
height: 24px;
width: 25px;
background: #ddd9d9;
border-right: 1px solid #000;
-webkit-transform: rotate(-59deg);
-moz-transform: rotate(-59deg);
-o-transform: rotate(-59deg);
-ms-transform: rotate(-59deg);
transform: rotate(-59deg);
z-index: 300;
}
#front-leg-back .shape83 {
left: 0.9px;
top: 82px;
height: 30px;
width: 46px;
background: #ddd9d9;
}
#front-leg-back .shape84 {
left: -25px;
top: 105px;
height: 1px;
width: 18px;
background: #000;
z-index: 600;
-webkit-transform: rotate(25deg);
-moz-transform: rotate(25deg);
-o-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
#front-leg-back .shape85 {
left: -9px;
top: 105px;
height: 1px;
width: 24px;
background: #000;
z-index: 700;
-webkit-transform: rotate(-19deg);
-moz-transform: rotate(-19deg);
-o-transform: rotate(-19deg);
-ms-transform: rotate(-19deg);
transform: rotate(-19deg);
}
#front-leg-back .shape86 {
left: 16px;
top: 96px;
height: 10px;
width: 10px;
border: 1px solid #000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 550;
border-left: 0;
border-top: 0;
}
#front-leg-back .shape87 {
left: 19px;
top: 106px;
height: 8px;
width: 4px;
z-index: 700;
border: 1px solid #000;
background: #ddd9d9;
}
#front-leg-back .shape88 {
left: 21px;
top: 108px;
height: 6px;
width: 2px;
background: #000;
z-index: 700;
}
#front-leg-back .shape89 {
left: 28px;
top: 105px;
height: 1px;
width: 24px;
background: #000;
z-index: 700;
-webkit-transform: rotate(19deg);
-moz-transform: rotate(19deg);
-o-transform: rotate(19deg);
-ms-transform: rotate(19deg);
transform: rotate(19deg);
}
#front-leg-back .shape90 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#front-leg-back .shape91 {
left: 50px;
top: 105px;
height: 1px;
width: 18px;
background: #000;
z-index: 700;
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
}
#front-leg-back .shape92 {
left: 8px;
top: 119px;
height: 1px;
width: 27px;
background: #000;
z-index: 700;
}
#front-leg-back .shape93 {
left: 7px;
top: 119px;
height: 7px;
width: 1px;
background: #000;
z-index: 700;
-webkit-transform: rotate(9deg);
-moz-transform: rotate(9deg);
-o-transform: rotate(9deg);
-ms-transform: rotate(9deg);
transform: rotate(9deg);
}
#front-leg-back .shape94 {
left: 35px;
top: 119px;
height: 7px;
width: 1px;
background: #000;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
z-index: 700;
}
#front-leg-back .shape95 {
left: 10px;
top: 119px;
height: 8px;
width: 1px;
background: #000;
z-index: 700;
-webkit-transform: rotate(-39deg);
-moz-transform: rotate(-39deg);
-o-transform: rotate(-39deg);
-ms-transform: rotate(-39deg);
transform: rotate(-39deg);
}
#front-leg-back .shape96 {
left: 31px;
top: 119px;
height: 8px;
width: 1px;
background: #000;
-webkit-transform: rotate(39deg);
-moz-transform: rotate(39deg);
-o-transform: rotate(39deg);
-ms-transform: rotate(39deg);
transform: rotate(39deg);
z-index: 700;
}
#front-leg-back .shape97 {
left: -37px;
top: 112px;
height: 22px;
width: 1px;
background: #000;
z-index: 700;
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-o-transform: rotate(72deg);
-ms-transform: rotate(72deg);
transform: rotate(72deg);
}
#front-leg-back .shape98 {
left: 78px;
top: 112px;
height: 22px;
width: 1px;
background: #000;
-webkit-transform: rotate(-72deg);
-moz-transform: rotate(-72deg);
-o-transform: rotate(-72deg);
-ms-transform: rotate(-72deg);
transform: rotate(-72deg);
z-index: 700;
}
#front-leg-back .shape99 {
left: -44px;
top: 108px;
height: 0;
width: 0;
z-index: -30;
border-style: solid;
border-color: transparent transparent #ddd9d9;
border-width: 0 0 18px 66px;
}
#front-leg-back .shape100 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#front-leg-back .shape100 {
left: 22px;
top: 108px;
height: 0;
width: 0;
border-style: solid;
z-index: -30;
border-color: transparent transparent #ddd9d9;
border-width: 0 66px 18px 0;
}
#front-leg-back .shape101 {
left: -8px;
top: 110px;
height: 16px;
width: 1px;
background: #000;
z-index: 700;
}
#front-leg-back .shape102 {
left: 50px;
top: 110px;
height: 16px;
width: 1px;
background: #000;
z-index: 700;
}
#front-leg-back .shape103 {
left: -18px;
top: 63px;
height: 4px;
width: 4px;
border: 1px solid #000;
z-index: 700;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-back .shape104 {
left: 54px;
top: 63px;
height: 4px;
width: 4px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: 700;
}
#front-leg-back .shape105 {
left: -16px;
top: 65px;
height: 2px;
width: 2px;
background: #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: 700;
}
#front-leg-back .shape106 {
left: 56px;
top: 65px;
height: 2px;
width: 2px;
background: #000;
z-index: 700;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-back .shape107 {
left: 21px;
top: 30px;
height: 30px;
width: 2px;
border: 1px solid #000;
background: #ddd9d9;
z-index: -20;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
/* Front Leg Front */
#main #front-leg-front {
height: auto;
position: absolute;
left: 405px;
top: 216px;
width: auto;
z-index: 100;
}
#main #front-leg-front * {
position: absolute
}
#front-leg-front #thigh {
position: absolute;
top: 8px;
height: auto;
width: auto;
left: -7px;
z-index: 10;
}
#front-leg-front .shape0 {
left: -3px;
top: 11px;
height: 59px;
width: 59px;
background: #ddd9d9;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#front-leg-front .shape01 {
left: 1px;
top: 15px;
height: 50px;
width: 50px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: 100;
}
#front-leg-front .shape02 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#front-leg-front .shape1 {
left: -2px;
top: 31px;
height: 93px;
width: 57px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -5;
}
#front-leg-front .shape2 {
left: 1px;
top: 35px;
height: 89px;
width: 51px;
background: #ddd9d9;
z-index: -4;
border: 1px solid #000;
}
#front-leg-front .shape3 {
left: 0.9px;
top: 99px;
height: 71px;
width: 54px;
border: 1px solid #000;
background: #ddd9d9;
z-index: -6;
border-bottom: 0;
}
#front-leg-front .shape4 {
left: 2px;
top: 120px;
height: 50px;
width: 50px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -6;
border-bottom: 0;
}
#front-leg-front .shape5 {
left: 0;
top: 158px;
height: 52px;
width: 52px;
background: #ddd9d9;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#front-leg-front .shape6 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#front-leg-front .shape6 {
left: 7px;
top: 165px;
height: 37px;
width: 37px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-front .shape7 {
left: 13px;
top: 79px;
height: 36px;
width: 25px;
border: 1px solid #000;
background: #ddd9d9;
z-index: -4;
border-top: 0;
}
#front-leg-front .shape8 {
left: 6px;
top: 42px;
height: 40px;
width: 40px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -1;
}
#front-leg-front .shape9 {
left: 4px;
top: 39px;
height: 40px;
width: 45px;
background: #ddd9d9;
z-index: -1;
}
#front-leg-front .shape10 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#front-leg-front .shape11 {
left: 9px;
top: 41px;
height: 9px;
width: 44px;
background: #ddd9d9;
z-index: 150;
-webkit-transform: rotate(147deg);
-moz-transform: rotate(147deg);
-o-transform: rotate(147deg);
-ms-transform: rotate(147deg);
transform: rotate(147deg);
border-top: 1px solid #000;
}
#front-leg-front .shape12 {
left: -0.8px;
top: 31px;
height: 8px;
width: 44px;
background: #ddd9d9;
z-index: 150;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
transform: rotate(-32deg);
border-top: 1px solid #000;
}
#front-leg-front .shape13 {
left: 32px;
top: 30px;
height: 4px;
width: 11px;
border: 1px solid #8a8a8a;
z-index: 150;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
transform: rotate(-32deg);
}
#front-leg-front .shape14 {
left: 17px;
top: 40px;
height: 4px;
width: 8px;
border: 1px solid #8a8a8a;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
transform: rotate(-32deg);
z-index: 150;
}
#front-leg-front .shape15 {
left: 25px;
top: 17px;
height: 32px;
width: 16px;
border: 4px solid black;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
border-right: 0;
z-index: 100;
-wevkit-tr: initial;
-webkit-transform: rotate(151deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
#front-leg-front .shape16 {
left: 2px;
top: 86px;
height: 1px;
width: 5px;
background: #000;
z-index: 150;
-webkit-transform: rotate(32deg);
-moz-transform: rotate(32deg);
-o-transform: rotate(32deg);
-ms-transform: rotate(32deg);
transform: rotate(32deg);
}
#front-leg-front .shape17 {
left: 6px;
top: 88px;
height: 37px;
width: 1px;
background: #000;
z-index: 150;
}
#front-leg-front .shape18 {
left: 49px;
top: 83px;
height: 8px;
width: 1px;
background: #000;
-webkit-transform: rotate(51deg);
-moz-transform: rotate(51deg);
-o-transform: rotate(51deg);
-ms-transform: rotate(51deg);
transform: rotate(51deg);
}
#front-leg-front .shape19 {
left: 46px;
top: 89px;
height: 36px;
width: 1px;
background: #000;
}
#front-leg-front .shape20 {
left: 14px;
top: 120px;
height: 4px;
width: 25px;
border: 1px solid #000;
border-bottom: 0;
}
#front-leg-front .shape21 {
left: 13px;
top: 125px;
height: 17px;
width: 3px;
border: 1px solid #000;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}
#front-leg-front .shape22 {
left: 14px;
top: 144px;
height: 19px;
width: 1px;
border: 1px solid #000;
border-top: 0;
z-index: -1;
}
#front-leg-front .shape23 {
left: 36px;
top: 125px;
height: 10px;
width: 3px;
border: 1px solid #000;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-left-radius: 7px;
}
#front-leg-front .shape24 {
left: 37px;
top: 136px;
height: 26px;
width: 1px;
border: 1px solid #000;
z-index: -1;
}
#front-leg-front .shape25 {
left: 7px;
top: 175px;
height: 1px;
width: 34px;
background: #000;
-webkit-transform: rotate(-18deg);
-moz-transform: rotate(-18deg);
-o-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg);
}
#front-leg-front .shape26 {
left: 12px;
top: 193px;
height: 1px;
width: 34px;
background: #000;
-webkit-transform: rotate(-18deg);
-moz-transform: rotate(-18deg);
-o-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg);
}
#front-leg-front .shape27 {
left: 23px;
top: 181px;
height: 6px;
width: 6px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#front-leg-front .shape28 {
left: 26px;
top: 184px;
height: 0.5px;
width: 0.5px;
border: 1px solid black;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-front .shape29 {
left: 49px;
top: 71px;
height: 3px;
width: 13px;
background: #ddd9d9;
border: 1px solid #000;
border-right: 0;
z-index: -8;
}
#front-leg-front .shape30 {
left: 62px;
top: 28px;
height: 49px;
width: 3px;
border: 1px solid #000;
z-index: -9;
background: #ddd9d9;
}
#front-leg-front .shape31 {
left: 1px;
top: 170px;
height: 5px;
width: 4px;
background: #ddd9d9;
border-left: 1px solid black;
-webkit-transform: rotate(-22deg);
-moz-transform: rotate(-22deg);
-o-transform: rotate(-22deg);
-ms-transform: rotate(-22deg);
transform: rotate(-22deg);
z-index: -10;
}
#front-leg-front .shape32 {
left: 49px;
top: 170px;
height: 8px;
width: 5px;
background: #ddd9d9;
border-right: 1px solid #000;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
z-index: -10;
}
#front-leg-front #shin {
top: 167px;
height: auto;
width: auto;
z-index: 8;
left: -6px;
}
#front-leg-front #shin .shape33 {
left: 2px;
top: 18px;
height: 68px;
width: 48px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -10;
}
#front-leg-front #shin shape34 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#front-leg-front #shin .shape35 {
left: 5px;
top: 20px;
height: 63px;
width: 42px;
border: 1px solid #000;
}
#front-leg-front #shin .shape36 {
left: 18px;
top: 20px;
height: 57px;
width: 15px;
border: 1px solid #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#front-leg-front .shape37 {
left: 26px;
top: 57px;
height: 1px;
width: 1px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background: #000;
border: 1px solid #000;
}
#front-leg-front .shape38 {
left: 4px;
top: 88px;
height: 26px;
width: 47px;
background: #ddd9d9;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#front-leg-front .shape39 {
left: 10px;
top: 116px;
height: 15px;
width: 35px;
background: #ddd9d9;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#front-leg-front .shape40 {
left: -1px;
top: 109px;
height: 23px;
width: 13px;
background: #ddd9d9;
border-left: 1px solid #000;
z-index: -12;
-webkit-transform: rotate(-48deg);
-moz-transform: rotate(-48deg);
-o-transform: rotate(-48deg);
-ms-transform: rotate(-48deg);
transform: rotate(-48deg);
}
#front-leg-front .shape41 {
left: -8px;
top: 115px;
height: 1px;
width: 70px;
background: #000;
}
#front-leg-front .shape42 {
left: -8px;
top: 116px;
height: 1px;
width: 70px;
background: #000;
}
#front-leg-front .shape43 {
left: 28px;
top: 102px;
height: 23px;
width: 30px;
background: #ddd9d9;
border-right: 1px solid #000;
-webkit-transform: rotate(48deg);
-moz-transform: rotate(48deg);
-o-transform: rotate(48deg);
-ms-transform: rotate(48deg);
transform: rotate(48deg);
z-index: -2;
}
#front-leg-front .shape44 {
left: -2px;
top: 81px;
height: 40px;
width: 20px;
border-left: 1px solid #000;
background: #ddd9d9;
-webkit-transform: rotate(23deg);
-moz-transform: rotate(23deg);
-o-transform: rotate(23deg);
-ms-transform: rotate(23deg);
transform: rotate(23deg);
z-index: -20;
}
#front-leg-front .shape45 {
left: 35px;
top: 81px;
height: 40px;
width: 20px;
background: #ddd9d9;
-webkit-transform: rotate(-23deg);
-moz-transform: rotate(-23deg);
-o-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
transform: rotate(-23deg);
border-right: 1px solid #000;
z-index: -20;
}
#front-leg-front .shape46 {
left: -6px;
top: 94px;
height: 22px;
width: 30px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-transform: rotate(23deg);
-moz-transform: rotate(23deg);
-o-transform: rotate(23deg);
-ms-transform: rotate(23deg);
transform: rotate(23deg);
z-index: -30;
}
#front-leg-front .shape47 {
left: 28px;
top: 94px;
height: 22px;
width: 30px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-transform: rotate(-23deg);
-moz-transform: rotate(-23deg);
-o-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
transform: rotate(-23deg);
z-index: -30;
}
#front-leg-front .shape48 {
left: 5px;
top: 90px;
height: 1px;
width: 44px;
background: #000;
}
#front-leg-front .shape49 {
left: -1px;
top: 89px;
height: 27px;
width: 1px;
background: #000;
-webkit-transform: rotate(24deg);
-moz-transform: rotate(24deg);
-o-transform: rotate(24deg);
-ms-transform: rotate(24deg);
transform: rotate(24deg);
}
#front-leg-front .shape50 {
left: 54px;
top: 89px;
height: 28px;
width: 1px;
background: #000;
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
}
#front-leg-front .shape51 {
left: 2px;
top: 113px;
height: 21px;
width: 1px;
-webkit-transform: rotate(-49deg);
-moz-transform: rotate(-49deg);
-o-transform: rotate(-49deg);
-ms-transform: rotate(-49deg);
transform: rotate(-49deg);
background: #000;
}
#front-leg-front .shape52 {
left: 10px;
top: 130px;
height: 1px;
width: 34px;
background: #000;
}
#front-leg-front .shape53 {
left: 51px;
top: 113px;
height: 21px;
width: 1px;
background: #000;
-webkit-transform: rotate(48deg);
-moz-transform: rotate(48deg);
-o-transform: rotate(48deg);
-ms-transform: rotate(48deg);
transform: rotate(48deg);
}
#front-leg-front .shape54 {
left: 17px;
top: 124px;
height: 3px;
width: 3px;
border: 1px solid #000;
z-index: 150;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-front .shape55 {
left: 32px;
top: 124px;
height: 3px;
width: 3px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#front-leg-front .shape56 {
left: 10px;
top: 96px;
height: 3px;
width: 3px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-front .shape57 {
left: 38px;
top: 96px;
height: 3px;
width: 3px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-front .shape58 {
left: 2px;
top: 93px;
height: 19px;
width: 19px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-front .shape59 {
left: 30px;
top: 93px;
height: 19px;
width: 19px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-front .shape60 {
left: 6px;
top: 111px;
height: 3px;
width: 13px;
border-top: 1px solid #000;
background: #ddd9d9;
}
#front-leg-front .shape61 {
left: 33px;
top: 111px;
height: 2px;
width: 14px;
background: #ddd9d9;
border-top: 1px solid #000;
}
#front-leg-front #foot {
top: 87px;
left: 4px;
z-index: -13;
}
#front-leg-front .shape62 {
left: -2px;
top: 6px;
height: 84px;
width: 45px;
border: 1px solid #000;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
border-right: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#front-leg-front .shape63 {
left: -1px;
top: 58px;
height: 24px;
width: 45px;
border-top: 1px solid #000;
background: #ddd9d9;
border-bottom: 1px solid #000;
}
#front-leg-front .shape64 {
left: -2px;
top: 56px;
height: 1px;
width: 45px;
border: 1px solid #000;
background: #ddd9d9;
}
#front-leg-front .shape65 {
left: -5px;
top: 61px;
height: 24px;
width: 20px;
border-left: 1px solid #000;
background: #ddd9d9;
-webkit-transform: rotate(12deg);
-moz-transform: rotate(12deg);
-o-transform: rotate(12deg);
-ms-transform: rotate(12deg);
transform: rotate(12deg);
z-index: 600;
}
#front-leg-front .shape66 {
left: 27px;
top: 61px;
height: 24px;
width: 20px;
border-right: 1px solid #000;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
background: #ddd9d9;
z-index: 600;
}
#front-leg-front .shape67 {
left: -7px;
top: 83px;
height: 1px;
width: 58px;
background: #000;
z-index: 700;
}
#front-leg-front .shape68 {
left: -2px;
top: 7px;
height: 84px;
width: 46px;
background: #ddd9d9;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
z-index: -26;
}
#front-leg-front .shape69 {
left: 3px;
top: 24px;
height: 58px;
width: 36px;
z-index: 2000;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
background: #fff;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
border: 1px solid #000;
border-right: 0;
z-index: -25;
}
#front-leg-front .shape70 {
left: -21px;
top: 71px;
height: 1px;
width: 13px;
z-index: 150;
background: #000;
}
#front-leg-front .shape71 {
left: 51px;
top: 71px;
height: 1px;
width: 12px;
background: #000;
}
#front-leg-front .shape72 {
left: -24px;
top: 61px;
height: 6px;
width: 87px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -200;
}
#front-leg-front .shape73 {
left: -8px;
top: 61px;
height: 6px;
width: 57px;
border: 1px solid #000;
background: #ddd9d9;
z-index: -21;
}
#front-leg-front .shape74 {
left: -25px;
top: 92px;
height: 0;
width: 0;
border-width: 0.9px 76px 34px 2px;
border-color: transparent transparent #DDD9D9;
z-index: 200;
border-style: solid;
}
#front-leg-front .shape75 {
left: -10px;
top: 92px;
height: 0;
width: 0;
border-style: solid;
border-color: transparent transparent #ddd9d9;
border-width: 0.9px 2px 34px 76px;
}
#front-leg-front .shape76 {
left: -24px;
top: 95px;
height: 20px;
width: 91px;
border-top: 1px solid #000;
background: #ddd9d9;
z-index: 550;
}
#front-leg-front .shape77 {
left: -28px;
top: 106px;
height: 7px;
width: 98px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -300;
}
#front-leg-front .shape78 {
left: -47px;
top: 126px;
height: 1px;
width: 135px;
background: #000;
}
#front-leg-front .shape79 {
left: -25px;
top: 92px;
height: 35px;
width: 1px;
background: #000;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
z-index: 500;
}
#front-leg-front .shape80 {
left: 68px;
top: 92px;
height: 35px;
width: 1px;
background: #000;
z-index: 300;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
#front-leg-front .shape81 {
left: -19px;
top: 85px;
height: 24px;
width: 25px;
background: #ddd9d9;
border-left: 1px solid #000;
-webkit-transform: rotate(59deg);
-moz-transform: rotate(59deg);
-o-transform: rotate(59deg);
-ms-transform: rotate(59deg);
transform: rotate(59deg);
z-index: 300;
}
#front-leg-front .shape82 {
left: 37px;
top: 85px;
height: 24px;
width: 25px;
background: #ddd9d9;
border-right: 1px solid #000;
-webkit-transform: rotate(-59deg);
-moz-transform: rotate(-59deg);
-o-transform: rotate(-59deg);
-ms-transform: rotate(-59deg);
transform: rotate(-59deg);
z-index: 300;
}
#front-leg-front .shape83 {
left: 0.9px;
top: 82px;
height: 30px;
width: 46px;
background: #ddd9d9;
}
#front-leg-front .shape84 {
left: -25px;
top: 105px;
height: 1px;
width: 18px;
background: #000;
z-index: 600;
-webkit-transform: rotate(25deg);
-moz-transform: rotate(25deg);
-o-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
#front-leg-front .shape85 {
left: -9px;
top: 105px;
height: 1px;
width: 24px;
background: #000;
z-index: 700;
-webkit-transform: rotate(-19deg);
-moz-transform: rotate(-19deg);
-o-transform: rotate(-19deg);
-ms-transform: rotate(-19deg);
transform: rotate(-19deg);
}
#front-leg-front .shape86 {
left: 16px;
top: 96px;
height: 10px;
width: 10px;
border: 1px solid #000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 550;
border-left: 0;
border-top: 0;
}
#front-leg-front .shape87 {
left: 19px;
top: 106px;
height: 8px;
width: 4px;
z-index: 700;
border: 1px solid #000;
background: #ddd9d9;
}
#front-leg-front .shape88 {
left: 21px;
top: 108px;
height: 6px;
width: 2px;
background: #000;
z-index: 700;
}
#front-leg-front .shape89 {
left: 28px;
top: 105px;
height: 1px;
width: 24px;
background: #000;
z-index: 700;
-webkit-transform: rotate(19deg);
-moz-transform: rotate(19deg);
-o-transform: rotate(19deg);
-ms-transform: rotate(19deg);
transform: rotate(19deg);
}
#front-leg-front .shape90 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#front-leg-front .shape91 {
left: 50px;
top: 105px;
height: 1px;
width: 18px;
background: #000;
z-index: 700;
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
}
#front-leg-front .shape92 {
left: 8px;
top: 119px;
height: 1px;
width: 27px;
background: #000;
z-index: 700;
}
#front-leg-front .shape93 {
left: 7px;
top: 119px;
height: 7px;
width: 1px;
background: #000;
z-index: 700;
-webkit-transform: rotate(9deg);
-moz-transform: rotate(9deg);
-o-transform: rotate(9deg);
-ms-transform: rotate(9deg);
transform: rotate(9deg);
}
#front-leg-front .shape94 {
left: 35px;
top: 119px;
height: 7px;
width: 1px;
background: #000;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
z-index: 700;
}
#front-leg-front .shape95 {
left: 10px;
top: 119px;
height: 8px;
width: 1px;
background: #000;
z-index: 700;
-webkit-transform: rotate(-39deg);
-moz-transform: rotate(-39deg);
-o-transform: rotate(-39deg);
-ms-transform: rotate(-39deg);
transform: rotate(-39deg);
}
#front-leg-front .shape96 {
left: 31px;
top: 119px;
height: 8px;
width: 1px;
background: #000;
-webkit-transform: rotate(39deg);
-moz-transform: rotate(39deg);
-o-transform: rotate(39deg);
-ms-transform: rotate(39deg);
transform: rotate(39deg);
z-index: 700;
}
#front-leg-front .shape97 {
left: -37px;
top: 112px;
height: 22px;
width: 1px;
background: #000;
z-index: 700;
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-o-transform: rotate(72deg);
-ms-transform: rotate(72deg);
transform: rotate(72deg);
}
#front-leg-front .shape98 {
left: 78px;
top: 112px;
height: 22px;
width: 1px;
background: #000;
-webkit-transform: rotate(-72deg);
-moz-transform: rotate(-72deg);
-o-transform: rotate(-72deg);
-ms-transform: rotate(-72deg);
transform: rotate(-72deg);
z-index: 700;
}
#front-leg-front .shape99 {
left: -44px;
top: 108px;
height: 0;
width: 0;
z-index: -30;
border-style: solid;
border-color: transparent transparent #ddd9d9;
border-width: 0 0 18px 66px;
}
#front-leg-front .shape100 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#front-leg-front .shape100 {
left: 22px;
top: 108px;
height: 0;
width: 0;
border-style: solid;
z-index: -30;
border-color: transparent transparent #ddd9d9;
border-width: 0 66px 18px 0;
}
#front-leg-front .shape101 {
left: -8px;
top: 110px;
height: 16px;
width: 1px;
background: #000;
z-index: 700;
}
#front-leg-front .shape102 {
left: 50px;
top: 110px;
height: 16px;
width: 1px;
background: #000;
z-index: 700;
}
#front-leg-front .shape103 {
left: -18px;
top: 63px;
height: 4px;
width: 4px;
border: 1px solid #000;
z-index: 700;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-front .shape104 {
left: 54px;
top: 63px;
height: 4px;
width: 4px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: 700;
}
#front-leg-front .shape105 {
left: -16px;
top: 65px;
height: 2px;
width: 2px;
background: #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: 700;
}
#front-leg-front .shape106 {
left: 56px;
top: 65px;
height: 2px;
width: 2px;
background: #000;
z-index: 700;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#front-leg-front .shape107 {
left: 21px;
top: 30px;
height: 30px;
width: 2px;
border: 1px solid #000;
background: #ddd9d9;
z-index: -20;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
/* Back Leg Front */
#main #back-leg-front {
height: auto;
position: absolute;
left: 379px;
top: 213px;
width: auto;
z-index: -100;
}
#main #back-leg-front * {
position: absolute
}
#back-leg-front #thigh {
position: absolute;
top: 0.8px;
height: auto;
width: auto;
left: 21px;
z-index: 9;
}
#back-leg-front .shape0 {
left: -3px;
top: 11px;
height: 59px;
width: 59px;
background: #ddd9d9;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#back-leg-front .shape01 {
left: 1px;
top: 15px;
height: 50px;
width: 50px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: 100;
}
#back-leg-front .shape02 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#back-leg-front .shape1 {
left: -2px;
top: 31px;
height: 82px;
width: 57px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -5;
}
#back-leg-front .shape2 {
left: 1px;
top: 35px;
height: 78px;
width: 51px;
background: #ddd9d9;
z-index: -4;
border: 1px solid #000;
}
#back-leg-front .shape3 {
left: 0.9px;
top: 99px;
height: 71px;
width: 54px;
border: 1px solid #000;
background: #ddd9d9;
z-index: -6;
border-bottom: 0;
}
#back-leg-front .shape4 {
left: 2px;
top: 88px;
height: 92px;
width: 50px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -6;
border-bottom: 0;
}
#back-leg-front .shape5 {
left: 0;
top: 158px;
height: 52px;
width: 52px;
background: #ddd9d9;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#back-leg-front .shape6 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#back-leg-front .shape6 {
left: 3px;
top: 161px;
height: 46px;
width: 46px;
background: #ddd9d9;
border: 1px solid black;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-front .shape7 {
}
#back-leg-front .shape8 {
}
#back-leg-front .shape9 {
}
#back-leg-front .shape10 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#back-leg-front .shape11 {
left: 9px;
top: 41px;
height: 9px;
width: 44px;
background: #ddd9d9;
z-index: 150;
-webkit-transform: rotate(147deg);
-moz-transform: rotate(147deg);
-o-transform: rotate(147deg);
-ms-transform: rotate(147deg);
transform: rotate(147deg);
border-top: 1px solid #000;
}
#back-leg-front .shape12 {
left: -0.8px;
top: 31px;
height: 8px;
width: 44px;
background: #ddd9d9;
z-index: 150;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
transform: rotate(-32deg);
border-top: 1px solid #000;
}
#back-leg-front .shape13 {
left: 21px;
top: 39px;
height: 4px;
width: 11px;
border: 1px solid #8a8a8a;
z-index: 150;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
transform: rotate(-32deg);
}
#back-leg-front .shape14 {
left: 7px;
top: 47px;
height: 4px;
width: 8px;
border: 1px solid #8a8a8a;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
transform: rotate(-32deg);
z-index: 150;
}
#back-leg-front .shape15 {
left: 8px;
top: 23px;
height: 32px;
width: 16px;
border: 4px solid black;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
border-right: 0;
z-index: 100;
-wevkit-tr: initial;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
#back-leg-front .shape18 {
left: 4px;
top: 89px;
height: 24px;
width: 45px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#back-leg-front .shape19 {
left: 40px;
top: 108px;
height: 4px;
width: 4px;
background: #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-front .shape20 {
top: 108px;
left: 12px;
height: 4px;
width: 4px;
background: #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-front .shape26 {
left: 9px;
top: 167px;
height: 33px;
width: 33px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 2px solid black;
}
#back-leg-front .shape27 {
left: 23px;
top: 181px;
height: 6px;
width: 6px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#back-leg-front .shape28 {
left: 26px;
top: 184px;
height: 0.5px;
width: 0.5px;
border: 1px solid black;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-front .shape29 {
left: -8px;
top: 71px;
height: 3px;
width: 13px;
background: #ddd9d9;
border: 1px solid #000;
border-left: 0;
z-index: -8;
}
#back-leg-front .shape30 {
left: -12px;
top: 28px;
height: 49px;
width: 3px;
border: 1px solid #000;
z-index: -9;
background: #ddd9d9;
}
#back-leg-front .shape31 {
left: 1px;
top: 170px;
height: 5px;
width: 4px;
background: #ddd9d9;
border-left: 1px solid black;
-webkit-transform: rotate(-22deg);
-moz-transform: rotate(-22deg);
-o-transform: rotate(-22deg);
-ms-transform: rotate(-22deg);
transform: rotate(-22deg);
z-index: -10;
}
#back-leg-front .shape32 {
left: 49px;
top: 170px;
height: 8px;
width: 5px;
background: #ddd9d9;
border-right: 1px solid #000;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
z-index: -10;
}
#back-leg-front #shin {
top: 165px;
height: auto;
width: auto;
opacity: 1;
z-index: 8;
left: 21px;
}
#back-leg-front #shin .shape33 {
left: 2px;
top: 18px;
height: 68px;
width: 48px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -10;
}
#back-leg-front #shin shape34 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#back-leg-front #shin .shape35 {
left: 5px;
top: 20px;
height: 63px;
width: 42px;
border: 1px solid #000;
}
#back-leg-front #shin .shape36 {
left: 18px;
top: 16px;
height: 57px;
width: 15px;
border: 1px solid #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index: 7000;
}
#back-leg-front .shape37 {
left: 26px;
top: 57px;
height: 1px;
width: 1px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background: #000;
border: 1px solid #000;
}
#back-leg-front .shape38 {
left: 4px;
top: 88px;
height: 26px;
width: 47px;
background: #ddd9d9;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#back-leg-front .shape39 {
left: 10px;
top: 116px;
height: 15px;
width: 35px;
background: #ddd9d9;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#back-leg-front .shape40 {
left: -1px;
top: 109px;
height: 23px;
width: 13px;
background: #ddd9d9;
border-left: 1px solid #000;
z-index: -12;
-webkit-transform: rotate(-48deg);
-moz-transform: rotate(-48deg);
-o-transform: rotate(-48deg);
-ms-transform: rotate(-48deg);
transform: rotate(-48deg);
}
#back-leg-front .shape41 {
left: -8px;
top: 115px;
height: 1px;
width: 70px;
background: #000;
}
#back-leg-front .shape42 {
left: -8px;
top: 116px;
height: 1px;
width: 70px;
background: #000;
}
#back-leg-front .shape43 {
left: 28px;
top: 102px;
height: 23px;
width: 30px;
background: #ddd9d9;
border-right: 1px solid #000;
-webkit-transform: rotate(48deg);
-moz-transform: rotate(48deg);
-o-transform: rotate(48deg);
-ms-transform: rotate(48deg);
transform: rotate(48deg);
z-index: -2;
}
#back-leg-front .shape44 {
left: -2px;
top: 81px;
height: 40px;
width: 20px;
border-left: 1px solid #000;
background: #ddd9d9;
-webkit-transform: rotate(23deg);
-moz-transform: rotate(23deg);
-o-transform: rotate(23deg);
-ms-transform: rotate(23deg);
transform: rotate(23deg);
z-index: -20;
}
#back-leg-front .shape45 {
left: 35px;
top: 81px;
height: 40px;
width: 20px;
background: #ddd9d9;
-webkit-transform: rotate(-23deg);
-moz-transform: rotate(-23deg);
-o-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
transform: rotate(-23deg);
border-right: 1px solid #000;
z-index: -20;
}
#back-leg-front .shape46 {
left: -6px;
top: 94px;
height: 22px;
width: 30px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-transform: rotate(23deg);
-moz-transform: rotate(23deg);
-o-transform: rotate(23deg);
-ms-transform: rotate(23deg);
transform: rotate(23deg);
z-index: -30;
}
#back-leg-front .shape47 {
left: 28px;
top: 94px;
height: 22px;
width: 30px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-transform: rotate(-23deg);
-moz-transform: rotate(-23deg);
-o-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
transform: rotate(-23deg);
z-index: -30;
}
#back-leg-front .shape48 {
left: 5px;
top: 90px;
height: 1px;
width: 44px;
background: #000;
}
#back-leg-front .shape49 {
left: -1px;
top: 89px;
height: 27px;
width: 1px;
background: #000;
-webkit-transform: rotate(24deg);
-moz-transform: rotate(24deg);
-o-transform: rotate(24deg);
-ms-transform: rotate(24deg);
transform: rotate(24deg);
}
#back-leg-front .shape50 {
left: 54px;
top: 89px;
height: 28px;
width: 1px;
background: #000;
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
}
#back-leg-front .shape51 {
left: 2px;
top: 113px;
height: 21px;
width: 1px;
-webkit-transform: rotate(-49deg);
-moz-transform: rotate(-49deg);
-o-transform: rotate(-49deg);
-ms-transform: rotate(-49deg);
transform: rotate(-49deg);
background: #000;
}
#back-leg-front .shape52 {
left: 10px;
top: 130px;
height: 1px;
width: 34px;
background: #000;
}
#back-leg-front .shape53 {
left: 51px;
top: 113px;
height: 21px;
width: 1px;
background: #000;
-webkit-transform: rotate(48deg);
-moz-transform: rotate(48deg);
-o-transform: rotate(48deg);
-ms-transform: rotate(48deg);
transform: rotate(48deg);
}
#back-leg-front .shape54 {
left: 17px;
top: 124px;
height: 3px;
width: 3px;
border: 1px solid #000;
z-index: 150;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-front .shape55 {
left: 32px;
top: 124px;
height: 3px;
width: 3px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#back-leg-front .shape56 {
left: 10px;
top: 96px;
height: 3px;
width: 3px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-front .shape58 {
left: 2px;
top: 93px;
height: 19px;
width: 19px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-front .shape59 {
left: 16px;
top: 86px;
height: 28px;
width: 19px;
border: 1px solid #000;
-webkit-border-radius: 75px 0 0 75px;
-moz-border-radius: 75px 0 0 75px;
border-radius: 75px 0 0 75px;
border-right: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#back-leg-front .shape60 {
left: 6px;
top: 111px;
height: 3px;
width: 13px;
border-top: 1px solid #000;
background: #ddd9d9;
}
#back-leg-front .shape61 {
height: 85px;
width: 2px;
border: 1px solid;
z-index: 1700;
background: #ddd9d9;
top: 94px;
left: 26px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
#back-leg-front #foot {
top: 89px;
left: 9px;
opacity: 1;
z-index: -13;
}
#back-leg-front .shape62 {
left: -2px;
top: 6px;
height: 84px;
width: 45px;
border: 1px solid #000;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
border-right: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#back-leg-front .shape63 {
left: -1px;
top: 58px;
height: 24px;
width: 45px;
border-top: 1px solid #000;
background: #ddd9d9;
border-bottom: 1px solid #000;
}
#back-leg-front .shape64 {
left: -2px;
top: 56px;
height: 1px;
width: 45px;
border: 1px solid #000;
background: #ddd9d9;
}
#back-leg-front .shape65 {
left: -5px;
top: 61px;
height: 24px;
width: 20px;
border-left: 1px solid #000;
background: #ddd9d9;
-webkit-transform: rotate(12deg);
-moz-transform: rotate(12deg);
-o-transform: rotate(12deg);
-ms-transform: rotate(12deg);
transform: rotate(12deg);
z-index: 600;
}
#back-leg-front .shape66 {
left: 27px;
top: 61px;
height: 24px;
width: 20px;
border-right: 1px solid #000;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
background: #ddd9d9;
z-index: 600;
}
#back-leg-front .shape67 {
left: -7px;
top: 83px;
height: 1px;
width: 58px;
background: #000;
z-index: 700;
}
#back-leg-front .shape68 {
left: -2px;
top: 7px;
height: 84px;
width: 46px;
background: #ddd9d9;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
z-index: -26;
}
#back-leg-front .shape69 {
left: 3px;
top: 24px;
height: 58px;
width: 36px;
z-index: 2000;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
background: #fff;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
border: 1px solid #000;
border-right: 0;
z-index: -25;
}
#back-leg-front .shape70 {
left: -21px;
top: 71px;
height: 1px;
width: 13px;
z-index: 150;
background: #000;
}
#back-leg-front .shape71 {
left: 51px;
top: 71px;
height: 1px;
width: 12px;
background: #000;
}
#back-leg-front .shape72 {
left: -24px;
top: 61px;
height: 6px;
width: 87px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -200;
}
#back-leg-front .shape73 {
left: -8px;
top: 61px;
height: 6px;
width: 57px;
border: 1px solid #000;
background: #ddd9d9;
z-index: -21;
}
#back-leg-front .shape74 {
left: -25px;
top: 92px;
height: 0;
width: 0;
border-width: 0.9px 76px 34px 2px;
border-color: transparent transparent #DDD9D9;
z-index: 200;
border-style: solid;
}
#back-leg-front .shape75 {
left: -10px;
top: 92px;
height: 0;
width: 0;
border-style: solid;
border-color: transparent transparent #ddd9d9;
border-width: 0.9px 2px 34px 76px;
}
#back-leg-front .shape76 {
left: -24px;
top: 95px;
height: 20px;
width: 91px;
border-top: 1px solid #000;
background: #ddd9d9;
z-index: 550;
}
#back-leg-front .shape77 {
left: -28px;
top: 106px;
height: 7px;
width: 98px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -300;
}
#back-leg-front .shape78 {
left: -47px;
top: 126px;
height: 1px;
width: 135px;
background: #000;
}
#back-leg-front .shape79 {
left: -25px;
top: 92px;
height: 35px;
width: 1px;
background: #000;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
z-index: 500;
}
#back-leg-front .shape80 {
left: 68px;
top: 92px;
height: 35px;
width: 1px;
background: #000;
z-index: 300;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
#back-leg-front .shape81 {
left: -19px;
top: 85px;
height: 24px;
width: 25px;
background: #ddd9d9;
border-left: 1px solid #000;
-webkit-transform: rotate(59deg);
-moz-transform: rotate(59deg);
-o-transform: rotate(59deg);
-ms-transform: rotate(59deg);
transform: rotate(59deg);
z-index: 300;
}
#back-leg-front .shape82 {
left: 37px;
top: 85px;
height: 24px;
width: 25px;
background: #ddd9d9;
border-right: 1px solid #000;
-webkit-transform: rotate(-59deg);
-moz-transform: rotate(-59deg);
-o-transform: rotate(-59deg);
-ms-transform: rotate(-59deg);
transform: rotate(-59deg);
z-index: 300;
}
#back-leg-front .shape83 {
left: 0.9px;
top: 82px;
height: 30px;
width: 46px;
background: #ddd9d9;
}
#back-leg-front .shape84 {
left: -25px;
top: 105px;
height: 1px;
width: 18px;
background: #000;
z-index: 600;
-webkit-transform: rotate(25deg);
-moz-transform: rotate(25deg);
-o-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
#back-leg-front .shape85 {
left: -9px;
top: 105px;
height: 1px;
width: 24px;
background: #000;
z-index: 700;
-webkit-transform: rotate(-19deg);
-moz-transform: rotate(-19deg);
-o-transform: rotate(-19deg);
-ms-transform: rotate(-19deg);
transform: rotate(-19deg);
}
#back-leg-front .shape86 {
left: 16px;
top: 96px;
height: 10px;
width: 10px;
border: 1px solid #000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 550;
border-left: 0;
border-top: 0;
}
#back-leg-front .shape87 {
left: 19px;
top: 106px;
height: 8px;
width: 4px;
z-index: 700;
border: 1px solid #000;
background: #ddd9d9;
}
#back-leg-front .shape88 {
left: 21px;
top: 108px;
height: 6px;
width: 2px;
background: #000;
z-index: 700;
}
#back-leg-front .shape89 {
left: 28px;
top: 105px;
height: 1px;
width: 24px;
background: #000;
z-index: 700;
-webkit-transform: rotate(19deg);
-moz-transform: rotate(19deg);
-o-transform: rotate(19deg);
-ms-transform: rotate(19deg);
transform: rotate(19deg);
}
#back-leg-front .shape90 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#back-leg-front .shape91 {
left: 50px;
top: 105px;
height: 1px;
width: 18px;
background: #000;
z-index: 700;
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
}
#back-leg-front .shape92 {
left: 8px;
top: 119px;
height: 1px;
width: 27px;
background: #000;
z-index: 700;
}
#back-leg-front .shape93 {
left: 7px;
top: 119px;
height: 7px;
width: 1px;
background: #000;
z-index: 700;
-webkit-transform: rotate(9deg);
-moz-transform: rotate(9deg);
-o-transform: rotate(9deg);
-ms-transform: rotate(9deg);
transform: rotate(9deg);
}
#back-leg-front .shape94 {
left: 35px;
top: 119px;
height: 7px;
width: 1px;
background: #000;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
z-index: 700;
}
#back-leg-front .shape95 {
left: 10px;
top: 119px;
height: 8px;
width: 1px;
background: #000;
z-index: 700;
-webkit-transform: rotate(-39deg);
-moz-transform: rotate(-39deg);
-o-transform: rotate(-39deg);
-ms-transform: rotate(-39deg);
transform: rotate(-39deg);
}
#back-leg-front .shape96 {
left: 31px;
top: 119px;
height: 8px;
width: 1px;
background: #000;
-webkit-transform: rotate(39deg);
-moz-transform: rotate(39deg);
-o-transform: rotate(39deg);
-ms-transform: rotate(39deg);
transform: rotate(39deg);
z-index: 700;
}
#back-leg-front .shape97 {
left: -37px;
top: 112px;
height: 22px;
width: 1px;
background: #000;
z-index: 700;
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-o-transform: rotate(72deg);
-ms-transform: rotate(72deg);
transform: rotate(72deg);
}
#back-leg-front .shape98 {
left: 78px;
top: 112px;
height: 22px;
width: 1px;
background: #000;
-webkit-transform: rotate(-72deg);
-moz-transform: rotate(-72deg);
-o-transform: rotate(-72deg);
-ms-transform: rotate(-72deg);
transform: rotate(-72deg);
z-index: 700;
}
#back-leg-front .shape99 {
left: -44px;
top: 108px;
height: 0;
width: 0;
z-index: -30;
border-style: solid;
border-color: transparent transparent #ddd9d9;
border-width: 0 0 18px 66px;
}
#back-leg-front .shape100 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#back-leg-front .shape100 {
left: 22px;
top: 108px;
height: 0;
width: 0;
border-style: solid;
z-index: -30;
border-color: transparent transparent #ddd9d9;
border-width: 0 66px 18px 0;
}
#back-leg-front .shape101 {
left: -8px;
top: 110px;
height: 16px;
width: 1px;
background: #000;
z-index: 700;
}
#back-leg-front .shape102 {
left: 50px;
top: 110px;
height: 16px;
width: 1px;
background: #000;
z-index: 700;
}
#back-leg-front .shape103 {
left: -18px;
top: 63px;
height: 4px;
width: 4px;
border: 1px solid #000;
z-index: 700;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-front .shape104 {
left: 54px;
top: 63px;
height: 4px;
width: 4px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: 700;
}
#back-leg-front .shape105 {
left: -16px;
top: 65px;
height: 2px;
width: 2px;
background: #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: 700;
}
#back-leg-front .shape106 {
left: 56px;
top: 65px;
height: 2px;
width: 2px;
background: #000;
z-index: 700;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-front .shape107 {
left: 17px;
top: 90px;
height: 14px;
width: 5px;
border: 1px solid #000;
background: #ddd9d9;
z-index: 1100;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
/* Back Leg Back */
#main #back-leg-back {
height: auto;
position: absolute;
left: 643px;
top: 213px;
width: auto;
z-index: -100;
opacity: 1;
}
#main #back-leg-back * {
position: absolute
}
#back-leg-back #thigh {
position: absolute;
top: 1px;
height: auto;
width: auto;
left: 21px;
z-index: 9;
}
#back-leg-back .shape0 {
left: -3px;
top: 11px;
height: 59px;
width: 59px;
background: #ddd9d9;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#back-leg-back .shape01 {
left: 1px;
top: 15px;
height: 50px;
width: 50px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: 100;
}
#back-leg-back .shape02 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#back-leg-back .shape1 {
left: -2px;
top: 31px;
height: 82px;
width: 57px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -5;
}
#back-leg-back .shape2 {
left: 1px;
top: 35px;
height: 78px;
width: 51px;
background: #ddd9d9;
z-index: -4;
border: 1px solid #000;
}
#back-leg-back .shape3 {
left: 0.9px;
top: 99px;
height: 71px;
width: 54px;
border: 1px solid #000;
background: #ddd9d9;
z-index: -6;
border-bottom: 0;
}
#back-leg-back .shape4 {
left: 2px;
top: 88px;
height: 92px;
width: 50px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -6;
border-bottom: 0;
}
#back-leg-back .shape5 {
left: 0;
top: 158px;
height: 52px;
width: 52px;
background: #ddd9d9;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#back-leg-back .shape6 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#back-leg-back .shape6 {
left: 3px;
top: 161px;
height: 46px;
width: 46px;
background: #ddd9d9;
border: 1px solid black;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-back .shape7 {
}
#back-leg-back .shape8 {
}
#back-leg-back .shape9 {
left: 23px;
top: 183px;
height: 5px;
width: 5px;
background: #ddd9d9;
z-index: 750;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#back-leg-back .shape10 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#back-leg-back .shape11 {
left: 9px;
top: 41px;
height: 9px;
width: 44px;
background: #ddd9d9;
z-index: 150;
-webkit-transform: rotate(147deg);
-moz-transform: rotate(147deg);
-o-transform: rotate(147deg);
-ms-transform: rotate(147deg);
transform: rotate(147deg);
border-top: 1px solid #000;
}
#back-leg-back .shape12 {
left: -0.8px;
top: 31px;
height: 8px;
width: 44px;
background: #ddd9d9;
z-index: 150;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
transform: rotate(-32deg);
border-top: 1px solid #000;
}
#back-leg-back .shape13 {
left: 21px;
top: 39px;
height: 4px;
width: 11px;
border: 1px solid #8a8a8a;
z-index: 150;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
transform: rotate(-32deg);
}
#back-leg-back .shape14 {
left: 7px;
top: 47px;
height: 4px;
width: 8px;
border: 1px solid #8a8a8a;
-webkit-transform: rotate(-32deg);
-moz-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
transform: rotate(-32deg);
z-index: 150;
}
#back-leg-back .shape15 {
left: 8px;
top: 23px;
height: 32px;
width: 16px;
border: 4px solid black;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
border-right: 0;
z-index: 100;
-wevkit-tr: initial;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
#back-leg-back .shape18 {
left: 4px;
top: 89px;
height: 24px;
width: 45px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
#back-leg-back .shape19 {
left: 40px;
top: 108px;
height: 4px;
width: 4px;
background: #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-back .shape20 {
top: 108px;
left: 12px;
height: 4px;
width: 4px;
background: #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-back .shape26 {
left: 9px;
top: 167px;
height: 33px;
width: 33px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 2px solid black;
}
#back-leg-back .shape27 {
}
#back-leg-back .shape28 {
left: 26px;
top: 184px;
height: 0.5px;
width: 0.5px;
border: 1px solid black;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-back .shape29 {
left: -8px;
top: 71px;
height: 3px;
width: 13px;
background: #ddd9d9;
border: 1px solid #000;
border-left: 0;
z-index: -8;
}
#back-leg-back .shape30 {
left: -12px;
top: 28px;
height: 49px;
width: 3px;
border: 1px solid #000;
z-index: -9;
background: #ddd9d9;
}
#back-leg-back .shape31 {
left: 1px;
top: 170px;
height: 5px;
width: 4px;
background: #ddd9d9;
border-left: 1px solid black;
-webkit-transform: rotate(-22deg);
-moz-transform: rotate(-22deg);
-o-transform: rotate(-22deg);
-ms-transform: rotate(-22deg);
transform: rotate(-22deg);
z-index: -10;
}
#back-leg-back .shape32 {
left: 49px;
top: 170px;
height: 8px;
width: 5px;
background: #ddd9d9;
border-right: 1px solid #000;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
z-index: -10;
}
#back-leg-back #shin {
top: 165px;
height: auto;
width: auto;
z-index: 8;
left: 20px;
}
#back-leg-back #shin .shape33 {
left: 2px;
top: 18px;
height: 68px;
width: 48px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -10;
}
#back-leg-back #shin shape34 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#back-leg-back #shin .shape35 {
left: 5px;
top: 20px;
height: 63px;
width: 42px;
border: 1px solid #000;
}
#back-leg-back #shin .shape36 {
left: 18px;
top: 16px;
height: 57px;
width: 15px;
border: 1px solid #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index: 7000;
}
#back-leg-back .shape37 {
left: 26px;
top: 57px;
height: 1px;
width: 1px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background: #000;
border: 1px solid #000;
}
#back-leg-back .shape38 {
left: 4px;
top: 88px;
height: 26px;
width: 47px;
background: #ddd9d9;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#back-leg-back .shape39 {
left: 10px;
top: 116px;
height: 15px;
width: 35px;
background: #ddd9d9;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#back-leg-back .shape40 {
left: -1px;
top: 109px;
height: 23px;
width: 13px;
background: #ddd9d9;
border-left: 1px solid #000;
z-index: -12;
-webkit-transform: rotate(-48deg);
-moz-transform: rotate(-48deg);
-o-transform: rotate(-48deg);
-ms-transform: rotate(-48deg);
transform: rotate(-48deg);
}
#back-leg-back .shape41 {
left: -8px;
top: 115px;
height: 1px;
width: 70px;
background: #000;
}
#back-leg-back .shape42 {
left: -8px;
top: 116px;
height: 1px;
width: 70px;
background: #000;
}
#back-leg-back .shape43 {
left: 28px;
top: 102px;
height: 23px;
width: 30px;
background: #ddd9d9;
border-right: 1px solid #000;
-webkit-transform: rotate(48deg);
-moz-transform: rotate(48deg);
-o-transform: rotate(48deg);
-ms-transform: rotate(48deg);
transform: rotate(48deg);
z-index: -2;
}
#back-leg-back .shape44 {
left: -2px;
top: 81px;
height: 40px;
width: 20px;
border-left: 1px solid #000;
background: #ddd9d9;
-webkit-transform: rotate(23deg);
-moz-transform: rotate(23deg);
-o-transform: rotate(23deg);
-ms-transform: rotate(23deg);
transform: rotate(23deg);
z-index: -20;
}
#back-leg-back .shape45 {
left: 35px;
top: 81px;
height: 40px;
width: 20px;
background: #ddd9d9;
-webkit-transform: rotate(-23deg);
-moz-transform: rotate(-23deg);
-o-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
transform: rotate(-23deg);
border-right: 1px solid #000;
z-index: -20;
}
#back-leg-back .shape46 {
left: -6px;
top: 94px;
height: 22px;
width: 30px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-transform: rotate(23deg);
-moz-transform: rotate(23deg);
-o-transform: rotate(23deg);
-ms-transform: rotate(23deg);
transform: rotate(23deg);
z-index: -30;
}
#back-leg-back .shape47 {
left: 28px;
top: 94px;
height: 22px;
width: 30px;
background: #ddd9d9;
border: 1px solid #000;
-webkit-transform: rotate(-23deg);
-moz-transform: rotate(-23deg);
-o-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
transform: rotate(-23deg);
z-index: -30;
}
#back-leg-back .shape48 {
left: 5px;
top: 90px;
height: 1px;
width: 44px;
background: #000;
}
#back-leg-back .shape49 {
left: -1px;
top: 89px;
height: 27px;
width: 1px;
background: #000;
-webkit-transform: rotate(24deg);
-moz-transform: rotate(24deg);
-o-transform: rotate(24deg);
-ms-transform: rotate(24deg);
transform: rotate(24deg);
}
#back-leg-back .shape50 {
left: 54px;
top: 89px;
height: 28px;
width: 1px;
background: #000;
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
}
#back-leg-back .shape51 {
left: 2px;
top: 113px;
height: 21px;
width: 1px;
-webkit-transform: rotate(-49deg);
-moz-transform: rotate(-49deg);
-o-transform: rotate(-49deg);
-ms-transform: rotate(-49deg);
transform: rotate(-49deg);
background: #000;
}
#back-leg-back .shape52 {
left: 10px;
top: 130px;
height: 1px;
width: 34px;
background: #000;
}
#back-leg-back .shape53 {
left: 51px;
top: 113px;
height: 21px;
width: 1px;
background: #000;
-webkit-transform: rotate(48deg);
-moz-transform: rotate(48deg);
-o-transform: rotate(48deg);
-ms-transform: rotate(48deg);
transform: rotate(48deg);
}
#back-leg-back .shape54 {
left: 17px;
top: 124px;
height: 3px;
width: 3px;
border: 1px solid #000;
z-index: 150;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-back .shape55 {
left: 32px;
top: 124px;
height: 3px;
width: 3px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
border: 1px solid #000;
}
#back-leg-back .shape56 {
left: 10px;
top: 96px;
height: 3px;
width: 3px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-back .shape58 {
left: 2px;
top: 93px;
height: 19px;
width: 19px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-back .shape59 {
left: 16px;
top: 86px;
height: 28px;
width: 19px;
border: 1px solid #000;
-webkit-border-radius: 75px 0 0 75px;
-moz-border-radius: 75px 0 0 75px;
border-radius: 75px 0 0 75px;
border-right: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#back-leg-back .shape60 {
left: 6px;
top: 111px;
height: 3px;
width: 13px;
border-top: 1px solid #000;
background: #ddd9d9;
}
#back-leg-back .shape61 {
height: 85px;
width: 2px;
border: 1px solid #000;
z-index: 9;
background: #ddd9d9;
top: 94px;
left: 26px;
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
transform: rotate(-4deg);
}
#back-leg-back #foot {
top: 89px;
left: 5px;
z-index: -13;
}
#back-leg-back .shape62 {
left: -2px;
top: 6px;
height: 84px;
width: 45px;
border: 1px solid #000;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
border-right: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#back-leg-back .shape63 {
left: -1px;
top: 58px;
height: 24px;
width: 45px;
border-top: 1px solid #000;
background: #ddd9d9;
border-bottom: 1px solid #000;
}
#back-leg-back .shape64 {
left: -2px;
top: 56px;
height: 1px;
width: 45px;
border: 1px solid #000;
background: #ddd9d9;
}
#back-leg-back .shape65 {
left: -5px;
top: 61px;
height: 24px;
width: 20px;
border-left: 1px solid #000;
background: #ddd9d9;
-webkit-transform: rotate(12deg);
-moz-transform: rotate(12deg);
-o-transform: rotate(12deg);
-ms-transform: rotate(12deg);
transform: rotate(12deg);
z-index: 600;
}
#back-leg-back .shape66 {
left: 27px;
top: 61px;
height: 24px;
width: 20px;
border-right: 1px solid #000;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
background: #ddd9d9;
z-index: 600;
}
#back-leg-back .shape67 {
left: -7px;
top: 83px;
height: 1px;
width: 58px;
background: #000;
z-index: 700;
}
#back-leg-back .shape68 {
left: -2px;
top: 7px;
height: 84px;
width: 46px;
background: #ddd9d9;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
z-index: -26;
}
#back-leg-back .shape69 {
left: 3px;
top: 24px;
height: 58px;
width: 36px;
z-index: 2000;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
background: #fff;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
border: 1px solid #000;
border-right: 0;
z-index: -25;
}
#back-leg-back .shape70 {
left: -21px;
top: 71px;
height: 1px;
width: 13px;
z-index: 150;
background: #000;
}
#back-leg-back .shape71 {
left: 51px;
top: 71px;
height: 1px;
width: 12px;
background: #000;
}
#back-leg-back .shape72 {
left: -24px;
top: 61px;
height: 6px;
width: 87px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -200;
}
#back-leg-back .shape73 {
left: -8px;
top: 61px;
height: 6px;
width: 57px;
border: 1px solid #000;
background: #ddd9d9;
z-index: -21;
}
#back-leg-back .shape74 {
left: -25px;
top: 92px;
height: 0;
width: 0;
border-width: 0.9px 76px 34px 2px;
border-color: transparent transparent #DDD9D9;
z-index: 200;
border-style: solid;
}
#back-leg-back .shape75 {
left: -10px;
top: 92px;
height: 0;
width: 0;
border-style: solid;
border-color: transparent transparent #ddd9d9;
border-width: 0.9px 2px 34px 76px;
}
#back-leg-back .shape76 {
left: -24px;
top: 95px;
height: 20px;
width: 91px;
border-top: 1px solid #000;
background: #ddd9d9;
z-index: 550;
}
#back-leg-back .shape77 {
left: -28px;
top: 106px;
height: 7px;
width: 98px;
background: #ddd9d9;
border: 1px solid #000;
z-index: -300;
}
#back-leg-back .shape78 {
left: -47px;
top: 126px;
height: 1px;
width: 135px;
background: #000;
}
#back-leg-back .shape79 {
left: -25px;
top: 92px;
height: 35px;
width: 1px;
background: #000;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
z-index: 500;
}
#back-leg-back .shape80 {
left: 68px;
top: 92px;
height: 35px;
width: 1px;
background: #000;
z-index: 300;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
#back-leg-back .shape81 {
left: -19px;
top: 85px;
height: 24px;
width: 25px;
background: #ddd9d9;
border-left: 1px solid #000;
-webkit-transform: rotate(59deg);
-moz-transform: rotate(59deg);
-o-transform: rotate(59deg);
-ms-transform: rotate(59deg);
transform: rotate(59deg);
z-index: 300;
}
#back-leg-back .shape82 {
left: 37px;
top: 85px;
height: 24px;
width: 25px;
background: #ddd9d9;
border-right: 1px solid #000;
-webkit-transform: rotate(-59deg);
-moz-transform: rotate(-59deg);
-o-transform: rotate(-59deg);
-ms-transform: rotate(-59deg);
transform: rotate(-59deg);
z-index: 300;
}
#back-leg-back .shape83 {
left: 0.9px;
top: 82px;
height: 30px;
width: 46px;
background: #ddd9d9;
}
#back-leg-back .shape84 {
left: -25px;
top: 105px;
height: 1px;
width: 18px;
background: #000;
z-index: 600;
-webkit-transform: rotate(25deg);
-moz-transform: rotate(25deg);
-o-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
#back-leg-back .shape85 {
left: -9px;
top: 105px;
height: 1px;
width: 24px;
background: #000;
z-index: 700;
-webkit-transform: rotate(-19deg);
-moz-transform: rotate(-19deg);
-o-transform: rotate(-19deg);
-ms-transform: rotate(-19deg);
transform: rotate(-19deg);
}
#back-leg-back .shape86 {
left: 16px;
top: 96px;
height: 10px;
width: 10px;
border: 1px solid #000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 550;
border-left: 0;
border-top: 0;
}
#back-leg-back .shape87 {
left: 19px;
top: 106px;
height: 8px;
width: 4px;
z-index: 700;
border: 1px solid #000;
background: #ddd9d9;
}
#back-leg-back .shape88 {
left: 21px;
top: 108px;
height: 6px;
width: 2px;
background: #000;
z-index: 700;
}
#back-leg-back .shape89 {
left: 28px;
top: 105px;
height: 1px;
width: 24px;
background: #000;
z-index: 700;
-webkit-transform: rotate(19deg);
-moz-transform: rotate(19deg);
-o-transform: rotate(19deg);
-ms-transform: rotate(19deg);
transform: rotate(19deg);
}
#back-leg-back .shape90 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#back-leg-back .shape91 {
left: 50px;
top: 105px;
height: 1px;
width: 18px;
background: #000;
z-index: 700;
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
}
#back-leg-back .shape92 {
left: 8px;
top: 119px;
height: 1px;
width: 27px;
background: #000;
z-index: 700;
}
#back-leg-back .shape93 {
left: 7px;
top: 119px;
height: 7px;
width: 1px;
background: #000;
z-index: 700;
-webkit-transform: rotate(9deg);
-moz-transform: rotate(9deg);
-o-transform: rotate(9deg);
-ms-transform: rotate(9deg);
transform: rotate(9deg);
}
#back-leg-back .shape94 {
left: 35px;
top: 119px;
height: 7px;
width: 1px;
background: #000;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
z-index: 700;
}
#back-leg-back .shape95 {
left: 10px;
top: 119px;
height: 8px;
width: 1px;
background: #000;
z-index: 700;
-webkit-transform: rotate(-39deg);
-moz-transform: rotate(-39deg);
-o-transform: rotate(-39deg);
-ms-transform: rotate(-39deg);
transform: rotate(-39deg);
}
#back-leg-back .shape96 {
left: 31px;
top: 119px;
height: 8px;
width: 1px;
background: #000;
-webkit-transform: rotate(39deg);
-moz-transform: rotate(39deg);
-o-transform: rotate(39deg);
-ms-transform: rotate(39deg);
transform: rotate(39deg);
z-index: 700;
}
#back-leg-back .shape97 {
left: -37px;
top: 112px;
height: 22px;
width: 1px;
background: #000;
z-index: 700;
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-o-transform: rotate(72deg);
-ms-transform: rotate(72deg);
transform: rotate(72deg);
}
#back-leg-back .shape98 {
left: 78px;
top: 112px;
height: 22px;
width: 1px;
background: #000;
-webkit-transform: rotate(-72deg);
-moz-transform: rotate(-72deg);
-o-transform: rotate(-72deg);
-ms-transform: rotate(-72deg);
transform: rotate(-72deg);
z-index: 700;
}
#back-leg-back .shape99 {
left: -44px;
top: 108px;
height: 0;
width: 0;
z-index: -30;
border-style: solid;
border-color: transparent transparent #ddd9d9;
border-width: 0 0 18px 66px;
}
#back-leg-back .shape100 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#back-leg-back .shape100 {
left: 22px;
top: 108px;
height: 0;
width: 0;
border-style: solid;
z-index: -30;
border-color: transparent transparent #ddd9d9;
border-width: 0 66px 18px 0;
}
#back-leg-back .shape101 {
left: -8px;
top: 110px;
height: 16px;
width: 1px;
background: #000;
z-index: 700;
}
#back-leg-back .shape102 {
left: 50px;
top: 110px;
height: 16px;
width: 1px;
background: #000;
z-index: 700;
}
#back-leg-back .shape103 {
left: -18px;
top: 63px;
height: 4px;
width: 4px;
border: 1px solid #000;
z-index: 700;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-back .shape104 {
left: 54px;
top: 63px;
height: 4px;
width: 4px;
border: 1px solid #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: 700;
}
#back-leg-back .shape105 {
left: -16px;
top: 65px;
height: 2px;
width: 2px;
background: #000;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: 700;
}
#back-leg-back .shape106 {
left: 56px;
top: 65px;
height: 2px;
width: 2px;
background: #000;
z-index: 700;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#back-leg-back .shape107 {
left: 18px;
top: 90px;
height: 14px;
width: 5px;
border: 1px solid #000;
background: #ddd9d9;
z-index: 1100;
}
/* Death Star */
#death-star {
height: auto;
position: absolute;
left: 8px;
top: 75px;
width: auto;
padding-top: 20px;
z-index: 1;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#death-star:hover {
opacity: 1
}
#death-star * {
left: 0;
top: 0;
position: absolute;
}
#death-star .shape0 {
left: 3px;
top: 82px;
height: 2px;
width: 165px;
border: 1px solid #8a8a8a;
background: #ddd9d9;
}
#death-star .shape01 {
left: 43px;
top: 43px;
height: 168px;
width: 84px;
background: #ddd9d9;
border: 1px solid #8a8a8a;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#death-star .shape02 {
left: 43px;
top: -45px;
height: 168px;
width: 84px;
border: 1px solid #8a8a8a;
-webkit-border-radius: 150px 0 0 150px;
-moz-border-radius: 150px 0 0 150px;
border-radius: 150px 0 0 150px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
background: #ddd9d9;
}
#death-star .shape1 {
left: 58px;
top: 20px;
height: 55px;
width: 55px;
border: 1px solid #8a8a8a;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#death-star .shape2 {
left: 61px;
top: 23px;
height: 49px;
width: 49px;
background: #ddd9d9;
border: 1px solid #8a8a8a;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#death-star .shape3 {
left: 85px;
top: 23px;
height: 50px;
width: 1px;
background: #8a8a8a;
}
#death-star .shape4 {
left: 85px;
top: 23px;
height: 50px;
width: 1px;
background: #8a8a8a;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
#death-star .shape5 {
left: 85px;
top: 23px;
height: 50px;
width: 1px;
background: #8a8a8a;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
#death-star .shape6 {
left: 85px;
top: 23px;
height: 50px;
width: 1px;
background: #8a8a8a;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#death-star .shape7 {
left: 85px;
top: 23px;
height: 50px;
width: 1px;
background: #8a8a8a;
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-o-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
#death-star .shape8 {
left: 85px;
top: 23px;
height: 50px;
width: 1px;
background: #8a8a8a;
-webkit-transform: rotate(75deg);
-moz-transform: rotate(75deg);
-o-transform: rotate(75deg);
-ms-transform: rotate(75deg);
transform: rotate(75deg);
}
#death-star .shape9 {
left: 85px;
top: 23px;
height: 50px;
width: 1px;
background: #8a8a8a;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#death-star .shape10 {
left: 0;
top: 0;
height: 0;
width: 0;
}
#death-star .shape11 {
left: 85px;
top: 23px;
height: 50px;
width: 1px;
background: #8a8a8a;
-webkit-transform: rotate(105deg);
-moz-transform: rotate(105deg);
-o-transform: rotate(105deg);
-ms-transform: rotate(105deg);
transform: rotate(105deg);
}
#death-star .shape12 {
left: 85px;
top: 23px;
height: 50px;
width: 1px;
background: #8a8a8a;
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
#death-star .shape13 {
left: 85px;
top: 23px;
height: 50px;
width: 1px;
background: #8a8a8a;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
#death-star .shape14 {
left: 85px;
top: 23px;
height: 50px;
width: 1px;
background: #8a8a8a;
-webkit-transform: rotate(150deg);
-moz-transform: rotate(150deg);
-o-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
#death-star .shape15 {
left: 85px;
top: 23px;
height: 50px;
width: 1px;
background: #8a8a8a;
-webkit-transform: rotate(165deg);
-moz-transform: rotate(165deg);
-o-transform: rotate(165deg);
-ms-transform: rotate(165deg);
transform: rotate(165deg);
}
#death-star .shape16 {
left: 75px;
top: 37px;
height: 20px;
width: 20px;
background: #ddd9d9;
border: 1px solid #8a8a8a;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#death-star .shape17 {
left: 81px;
top: 43px;
height: 9px;
width: 9px;
border: 1px solid #8a8a8a;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
#death-star .shape18 {
top: 47px
}
/* Head Animation */
#head {
-webkit-animation: head 5s 0s infinite normal forwards;
-moz-animation: head 5s 0s infinite normal forwards;
-ms-animation: head 5s 0s infinite normal forwards;
animation: head 5s 0s infinite normal forwards;
}
@-webkit-keyframes head {
10% {
-webkit-transform: rotate(-2deg) translate(2px,0px)
}
20% {
-webkit-transform: rotate(1deg) translate(4px,0px)
}
30% {
-webkit-transform: rotate(-1deg) translate(6px,0px)
}
40% {
-webkit-transform: rotate(0deg) translate(8px,0px)
}
50% {
-webkit-transform: rotate(2deg) translate(10px,0px)
}
}
@-moz-keyframes head {
10% {
-moz-transform: rotate(-2deg) translate(2px,0px)
}
20% {
-moz-transform: rotate(1deg) translate(4px,0px)
}
30% {
-moz-transform: rotate(-1deg) translate(6px,0px)
}
40% {
-moz-transform: rotate(0deg) translate(8px,0px)
}
50% {
-moz-transform: rotate(2deg) translate(10px,0px)
}
}
@keyframes head {
10% {
transform: rotate(-2deg) translate(2px,0px)
}
20% {
transform: rotate(1deg) translate(4px,0px)
}
30% {
transform: rotate(-1deg) translate(6px,0px)
}
40% {
transform: rotate(0deg) translate(8px,0px)
}
50% {
transform: rotate(2deg) translate(10px,0px)
}
}
#head-neck {
-webkit-animation: head-neck 10s 0s infinite normal forwards;
-moz-animation: head-neck 10s 0s infinite normal forwards;
-ms-animation: head-neck 10s 0s infinite normal forwards;
animation: head-neck 10s 0s infinite normal forwards;
position: absolute;
z-index: -10;
height: auto;
width: auto;
}
@-webkit-keyframes head-neck {
0% {
-webkit-transform: rotate(0deg) translate(4px,0px)
}
10% {
-webkit-transform: rotate(0deg) translate(6px,0px)
}
20% {
-webkit-transform: rotate(0deg) translate(8px,0px)
}
30% {
-webkit-transform: rotate(0deg) translate(10px,0px)
}
40% {
-webkit-transform: rotate(.5deg) translate(12px,0px)
}
50% {
-webkit-transform: rotate(0deg) translate(14px,0px)
}
50% {
-webkit-transform: rotate(0deg) translate(12px,0px)
}
60% {
-webkit-transform: rotate(0deg) translate(10px,0px)
}
70% {
-webkit-transform: rotate(-.2deg) translate(8px,0px)
}
80% {
-webkit-transform: rotate(0deg) translate(6px,0px)
}
90% {
-webkit-transform: rotate(0deg) translate(4px,0px)
}
100% {
-webkit-transform: rotate(0deg) translate(2px,0px)
}
}
@-moz-keyframes head-neck {
0% {
-moz-transform: rotate(0deg) translate(4px,0px)
}
10% {
-moz-transform: rotate(0deg) translate(6px,0px)
}
20% {
-moz-transform: rotate(0deg) translate(8px,0px)
}
30% {
-moz-transform: rotate(0deg) translate(10px,0px)
}
40% {
-moz-transform: rotate(.5deg) translate(12px,0px)
}
50% {
-moz-transform: rotate(0deg) translate(14px,0px)
}
50% {
-moz-transform: rotate(0deg) translate(12px,0px)
}
60% {
-moz-transform: rotate(0deg) translate(10px,0px)
}
70% {
-moz-transform: rotate(-.2deg) translate(8px,0px)
}
80% {
-moz-transform: rotate(0deg) translate(6px,0px)
}
90% {
-moz-transform: rotate(0deg) translate(4px,0px)
}
100% {
-moz-transform: rotate(0deg) translate(2px,0px)
}
}
@keyframes head-neck {
0% {
transform: rotate(0deg) translate(4px,0px)
}
10% {
transform: rotate(0deg) translate(6px,0px)
}
20% {
transform: rotate(0deg) translate(8px,0px)
}
30% {
transform: rotate(0deg) translate(10px,0px)
}
40% {
transform: rotate(.5deg) translate(12px,0px)
}
50% {
transform: rotate(0deg) translate(14px,0px)
}
50% {
transform: rotate(0deg) translate(12px,0px)
}
60% {
transform: rotate(0deg) translate(10px,0px)
}
70% {
transform: rotate(-.2deg) translate(8px,0px)
}
80% {
transform: rotate(0deg) translate(6px,0px)
}
90% {
transform: rotate(0deg) translate(4px,0px)
}
100% {
transform: rotate(0deg) translate(2px,0px)
}
}
.chin-gun {
-webkit-animation: chin-gun 0.8s 0s infinite normal forwards;
-moz-animation: chin-gun 0.8s 0s infinite normal forwards;
-ms-animation: chin-gun 0.8s 0s infinite normal forwards;
animation: chin-gun 0.8s 0s infinite normal forwards;
z-index: -5;
position: absolute;
top: 83px;
}
@-webkit-keyframes chin-gun {
0% {
-webkit-transform: translate(4px, 0px)
}
50% {
-webkit-transform: translate(14px, 0px)
}
100% {
-webkit-transform: translate(2px, 0px)
}
}
@-moz-keyframes chin-gun {
0% {
-moz-transform: translate(4px, 0px)
}
50% {
-moz-transform: translate(14px, 0px)
}
100% {
-moz-transform: translate(2px, 0px)
}
}
@keyframes chin-gun {
0% {
transform: translate(4px, 0px)
}
50% {
transform: translate(14px, 0px)
}
100% {
transform: translate(2px, 0px)
}
}
.chin-laser-overlay {
position: absolute;
top: 78px;
left: -14px;
height: 19px;
width: 90px;
background: #fff;
z-index: -7;
}
.laser {
-webkit-animation: laser 0.8s 0s infinite normal;
-moz-animation: laser 0.8s 0s infinite normal;
-ms-animation: laser 0.8s 02s infinite normal;
animation: laser 0.8s 0s infinite normal;
position: absolute;
top: 85px;
background: red;
left: 5px;
height: 6px;
width: 90px;
z-index: -11;
-webkit-border-radius: 60%;
-moz-border-radius: 60%;
border-radius: 60%;
-webkit-box-shadow: 0 0 5px 1px red;
-moz-box-shadow: 0 0 5px 1px red;
box-shadow: 0 0 5px 1px red;
opacity: 0.7;
}
@-webkit-keyframes laser {
0% {
-webkit-transform: translate(4px, 0px)
}
100% {
-webkit-transform: translate(-1000px, 0px)
}
}
@-webkit-keyframes laser {
0% {
-moz-transform: translate(4px, 0px)
}
100% {
-moz-transform: translate(-1000px, 0px)
}
}
@-webkit-keyframes laser {
0% {
-ms-transform: translate(4px, 0px)
}
100% {
-ms-transform: translate(-1000px, 0px)
}
}
@keyframes laser {
0% {
transform: translate(4px, 0px)
}
100% {
transform: translate(-1000px, 0px)
}
}
@-webkit-keyframes front-leg-back {
12.5% {
-webkit-transform: rotate(50deg) translate(25px,-30px)
}
25% {
-webkit-transform: rotate(0deg) translate(0px,0px)
}
}
@-moz-keyframes front-leg-back {
12.5% {
-moz-transform: rotate(50deg) translate(25px,-30px)
}
25% {
-moz-transform: rotate(0deg) translate(0px,0px)
}
}
@keyframes front-leg-back {
12.5% {
transform: rotate(50deg) translate(25px,-30px)
}
25% {
transform: rotate(0deg) translate(0px,0px)
}
}
#front-leg-back {
-webkit-animation: front-leg-back 12s 0s infinite;
-moz-animation: front-leg-back 12s 0s infinite;
-ms-animation: front-leg-back 12s 0s infinite;
animation: front-leg-back 12s 0s infinite;
}
@-webkit-keyframes front-leg-back-shin {
12.5% {
-webkit-transform: rotate(-50deg) translate(-25px,23px)
}
25% {
-webkit-transform: rotate(0deg) translate(0px,0px)
}
}
@-moz-keyframes front-leg-back-shin {
12.5% {
-moz-transform: rotate(-50deg) translate(-25px,23px)
}
25% {
-moz-transform: rotate(0deg) translate(0px,0px)
}
}
@keyframes front-leg-back-shin {
12.5% {
transform: rotate(-50deg) translate(-25px,23px)
}
25% {
transform: rotate(0deg) translate(0px,0px)
}
}
#front-leg-back #shin {
-webkit-animation: front-leg-back-shin 12s 0s infinite;
-moz-animation: front-leg-back-shin 12s 0s infinite;
-ms-animation: front-leg-back-shin 12s 0s infinite;
animation: front-leg-back-shin 12s 0s infinite;
}
@-webkit-keyframes front-leg-back-foot {
8% {
-webkit-transform: rotate(-1deg) translate(0px,0px)
}
16% {
-webkit-transform: rotate(1deg) translate(-1px,1px)
}
25% {
-webkit-transform: rotate(0deg) translate(0px,0px)
}
}
@-moz-keyframes front-leg-back-foot {
8% {
-moz-transform: rotate(-1deg) translate(0px,0px)
}
16% {
-moz-transform: rotate(1deg) translate(-1px,1px)
}
25% {
-moz-transform: rotate(0deg) translate(0px,0px)
}
}
@keyframes front-leg-back-foot {
8% {
transform: rotate(-1deg) translate(0px,0px)
}
16% {
transform: rotate(1deg) translate(-1px,1px)
}
25% {
transform: rotate(0deg) translate(0px,0px)
}
}
#front-leg-back #foot {
-webkit-animation: front-leg-back-foot 12s 0s infinite;
-moz-animation: front-leg-back-foot 12s 0s infinite;
-ms-animation: front-leg-back-foot 12s 0s infinite;
animation: front-leg-back-foot 12s 0s infinite;
}
/* Back Leg Front */
@-webkit-keyframes back-leg-front {
12.5% {
-webkit-transform: rotate(50deg) translate(25px,-30px)
}
25% {
-webkit-transform: rotate(0deg) translate(0px,0px)
}
}
@-moz-keyframes back-leg-front {
12.5% {
-moz-transform: rotate(50deg) translate(25px,-30px)
}
25% {
-moz-transform: rotate(0deg) translate(0px,0px)
}
}
@keyframes back-leg-front {
12.5% {
transform: rotate(50deg) translate(25px,-30px)
}
25% {
transform: rotate(0deg) translate(0px,0px)
}
}
#back-leg-front {
-webkit-animation: back-leg-front 12s 3s infinite;
-moz-animation: back-leg-front 12s 3s infinite;
-ms-animation: back-leg-front 12s 3s infinite;
animation: back-leg-front 12s 3s infinite;
}
@-webkit-keyframes back-leg-front-shin {
12.5% {
-webkit-transform: rotate(-50deg) translate(-25px,23px)
}
25% {
-webkit-transform: rotate(0deg) translate(0px,0px)
}
}
@-moz-keyframes back-leg-front-shin {
12.5% {
-moz-transform: rotate(-50deg) translate(-25px,23px)
}
25% {
-moz-transform: rotate(0deg) translate(0px,0px)
}
}
@keyframes back-leg-front-shin {
12.5% {
transform: rotate(-50deg) translate(-25px,23px)
}
25% {
transform: rotate(0deg) translate(0px,0px)
}
}
#back-leg-front #shin {
-webkit-animation: back-leg-front-shin 12s 3s infinite;
-moz-animation: back-leg-front-shin 12s 3s infinite;
-ms-animation: back-leg-front-shin 12s 3s infinite;
animation: back-leg-front-shin 12s 3s infinite;
}
@-webkit-keyframes back-leg-front-foot {
8% {
-webkit-transform: rotate(-1deg) translate(0px,0px)
}
16% {
-webkit-transform: rotate(1deg) translate(-1px,1px)
}
25% {
-webkit-transform: rotate(0deg) translate(0px,0px)
}
}
@-moz-keyframes back-leg-front-foot {
8% {
-moz-transform: rotate(-1deg) translate(0px,0px)
}
16% {
-moz-transform: rotate(1deg) translate(-1px,1px)
}
25% {
-moz-transform: rotate(0deg) translate(0px,0px)
}
}
@keyframes back-leg-front-foot {
8% {
transform: rotate(-1deg) translate(0px,0px)
}
16% {
transform: rotate(1deg) translate(-1px,1px)
}
25% {
transform: rotate(0deg) translate(0px,0px)
}
}
#back-leg-front #foot {
-webkit-animation: back-leg-front-foot 12s 3s infinite;
-moz-animation: back-leg-front-foot 12s 3s infinite;
-ms-animation: back-leg-front-foot 12s 3s infinite;
animation: back-leg-front-foot 12s 3s infinite;
}
/* Back Leg Back */
@-webkit-keyframes back-leg-back {
12.5% {
-webkit-transform: rotate(50deg) translate(25px,-30px)
}
25% {
-webkit-transform: rotate(0deg) translate(0px,0px)
}
}
@-moz-keyframes back-leg-back {
12.5% {
-moz-transform: rotate(50deg) translate(25px,-30px)
}
25% {
-moz-transform: rotate(0deg) translate(0px,0px)
}
}
@keyframes back-leg-back {
12.5% {
transform: rotate(50deg) translate(25px,-30px)
}
25% {
transform: rotate(0deg) translate(0px,0px)
}
}
#back-leg-back {
-webkit-animation: back-leg-back 12s 6s infinite;
-moz-animation: back-leg-back 12s 6s infinite;
-ms-animation: back-leg-back 12s 6s infinite;
animation: back-leg-back 12s 6s infinite;
}
@-webkit-keyframes back-leg-back-shin {
12.5% {
-webkit-transform: rotate(-50deg) translate(-25px,23px)
}
25% {
-webkit-transform: rotate(0deg) translate(0px,0px)
}
}
@-moz-keyframes back-leg-back-shin {
12.5% {
-moz-transform: rotate(-50deg) translate(-25px,23px)
}
25% {
-moz-transform: rotate(0deg) translate(0px,0px)
}
}
@keyframes back-leg-back-shin {
12.5% {
transform: rotate(-50deg) translate(-25px,23px)
}
25% {
transform: rotate(0deg) translate(0px,0px)
}
}
#back-leg-back #shin {
-webkit-animation: back-leg-back-shin 12s 6s infinite;
-moz-animation: back-leg-back-shin 12s 6s infinite;
-ms-animation: back-leg-back-shin 12s 6s infinite;
animation: back-leg-back-shin 12s 6s infinite;
}
@-webkit-keyframes back-leg-back-foot {
8% {
-webkit-transform: rotate(-1deg) translate(0px,0px)
}
16% {
-webkit-transform: rotate(1deg) translate(-1px,1px)
}
25% {
-webkit-transform: rotate(0deg) translate(0px,0px)
}
}
@-moz-keyframes back-leg-back-foot {
8% {
-moz-transform: rotate(-1deg) translate(0px,0px)
}
16% {
-moz-transform: rotate(1deg) translate(-1px,1px)
}
25% {
-moz-transform: rotate(0deg) translate(0px,0px)
}
}
@keyframes back-leg-back-foot {
8% {
transform: rotate(-1deg) translate(0px,0px)
}
16% {
transform: rotate(1deg) translate(-1px,1px)
}
25% {
transform: rotate(0deg) translate(0px,0px)
}
}
#back-leg-back #foot {
-webkit-animation: back-leg-back-foot 12s 6s infinite;
-moz-animation: back-leg-back-foot 12s 6s infinite;
-ms-animation: back-leg-back-foot 12s 6s infinite;
animation: back-leg-back-foot 12s 6s infinite;
}
/* Front Leg Front */
@-webkit-keyframes front-leg-front {
12.5% {
-webkit-transform: rotate(50deg) translate(25px,-30px)
}
25% {
-webkit-transform: rotate(0deg) translate(0px,0px)
}
}
@-moz-keyframes front-leg-front {
12.5% {
-moz-transform: rotate(50deg) translate(25px,-30px)
}
25% {
-moz-transform: rotate(0deg) translate(0px,0px)
}
}
@keyframes front-leg-front {
12.5% {
transform: rotate(50deg) translate(25px,-30px)
}
25% {
transform: rotate(0deg) translate(0px,0px)
}
}
#front-leg-front {
-webkit-animation: front-leg-front 12s 9s infinite;
-moz-animation: front-leg-front 12s 9s infinite;
-ms-animation: front-leg-front 12s 9s infinite;
animation: front-leg-front 12s 9s infinite;
}
@-webkit-keyframes front-leg-front-shin {
12.5% {
-webkit-transform: rotate(-50deg) translate(-25px,23px)
}
25% {
-webkit-transform: rotate(0deg) translate(0px,0px)
}
}
@-moz-keyframes front-leg-front-shin {
0% {
-moz-transform: rotate(0deg) translate(0px,0px)
}
12.5% {
-moz-transform: rotate(-50deg) translate(-25px,23px)
}
25% {
-moz-transform: rotate(0deg) translate(0px,0px)
}
}
@keyframes front-leg-front-shin {
12.5% {
transform: rotate(-50deg) translate(-25px,23px)
}
25% {
transform: rotate(0deg) translate(0px,0px)
}
}
#front-leg-front #shin {
-webkit-animation: front-leg-front-shin 12s 9s infinite;
-moz-animation: front-leg-front-shin 12s 9s infinite;
-ms-animation: front-leg-front-shin 12s 9s infinite;
animation: front-leg-front-shin 12s 9s infinite;
}
@-webkit-keyframes front-leg-front-foot {
8% {
-webkit-transform: rotate(-1deg) translate(0px,0px)
}
16% {
-webkit-transform: rotate(1deg) translate(-1px,1px)
}
25% {
-webkit-transform: rotate(0deg) translate(0px,0px)
}
}
@-moz-keyframes front-leg-front-foot {
8% {
-moz-transform: rotate(-1deg) translate(0px,0px)
}
16% {
-moz-transform: rotate(1deg) translate(-1px,1px)
}
25% {
-moz-transform: rotate(0deg) translate(0px,0px)
}
}
@keyframes front-leg-front-foot {
8% {
transform: rotate(-1deg) translate(0px,0px)
}
16% {
transform: rotate(1deg) translate(-1px,1px)
}
25% {
transform: rotate(0deg) translate(0px,0px)
}
}
#front-leg-front #foot {
-webkit-animation: front-leg-front-foot 12s 9s infinite;
-moz-animation: front-leg-front-foot 12s 9s infinite;
-ms-animation: front-leg-front-foot 12s 9s infinite;
animation: front-leg-front-foot 12s 9s infinite;
}
#death-star {
-webkit-animation: death-star 900s 0s infinite;
-moz-animation: death-star 900s 0s infinite;
-ms-animation: death-star 900s 0s infinite;
animation: death-star 900s 0s infinite;
opacity: .6;
z-index: -10000;
}
@-webkit-keyframes death-star {
0% {
-webkit-transform: translate(120px, -120px)
}
100% {
-webkit-transform: translate(4000px, 350px)
}
}
@-moz-keyframes death-star {
50% {
-moz-transform: translate(-2px, -4px)
}
}
@keyframes death-star {
100% {
transform: translate(4000px, 0px)
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment