/* CSS3 Spider-Man (supplied from the original source; the archive never kept it) */
.herobox {
    width:290px;
    margin:auto
}

/* Spiderman  */

#spiderman {
width:280px;
border:1px solid #222;
padding:33px 0;
margin-bottom:20px;
text-align:center;
margin:auto;
overflow:hidden;
background-color:#fff;
box-shadow:0 5px 20px rgba(0,0,0,1);
}

/* Spiderman Eyes */

#spiderman-eyes {
width:195px;
height:120px;
margin:auto;
margin-top:120px;
margin-bottom:-215px;
position:relative;
z-index:9999999;
overflow:hidden;
}

#spiderman-left-eye {
background:#333;
float:left;
margin-top:3px;
margin-left:10px;
margin-right:5px;
padding:4px;
border-top-left-radius:0;
border-top-right-radius:60px;
border-bottom-left-radius:90px;
border-bottom-right-radius:0;
transform:rotate(-10deg);
}

#spiderman-eye-intl {
padding:35px 27px;
margin:7px;
border-top-right-radius:60px;
border-top-left-radius:0;
border-bottom-right-radius:0;
border-bottom-left-radius:90px;
background:#fcfff4;
background:-webkit-radial-gradient(center, ellipse cover, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);

background:radial-gradient(center, ellipse cover, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
box-shadow:inset 0 -1px 2px rgba(255, 255, 255, .9);
}

#spiderman-right-eye {
background:#333;
float:right;
margin-top:3px;
margin-right:10px;
margin-left:5px;
padding:4px;
border-top-left-radius:60px;
border-top-right-radius:0;
border-bottom-left-radius:0;
border-bottom-right-radius:90px;
transform:rotate(10deg);
}

#spiderman-eye-intr {
padding:35px 27px;
margin:7px;
background:#fcfff4;
background:-webkit-radial-gradient(center, ellipse cover, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
background:radial-gradient(center, ellipse cover, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
box-shadow:inset 0 -1px 2px rgba(255, 255, 255, .9);
border-top-left-radius:60px;
border-top-right-radius:0;
border-bottom-left-radius:0;
border-bottom-right-radius:90px;
}





/* Spiderman Face Web Base Strands */

#spiderman-web {
width:196px;
height:300px;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:9999;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
box-shadow:0 2px 14px #000;
}

#spiderman-web-right {
width:98px;
height:300px;
float:right;
}

#spiderman-web-left {
width:98px;
height:300px;
float:left;
}

#spiderman-web-one-l {
width:100px;
height:150px;
margin-top:15px;
margin-right:10px;
clear:both;
float:right;
border-radius:80px/735px;
border-right:3px solid #000;
transform:rotate(-12deg);
}

#spiderman-web-one-r {
width:100px;
height:150px;
margin-top:15px;
margin-left:10px;
border-left:3px solid #000;
border-radius:80px/735px;
transform:rotate(12deg);
}

#spiderman-web-two-l {
width:90px;
height:135px;
margin-top:-113px;
margin-right:25px;
clear:both;
float:right;
border-right:3px solid #000;
border-radius:110px/735px;
transform:rotate(-32deg);
}

#spiderman-web-two-r {
width:90px;
height:135px;
margin-top:-113px;
margin-left:25px;
border-left:3px solid #000;
border-radius:110px/735px;
transform:rotate(32deg);
}

#spiderman-web-three-l {
width:75px;
height:115px;
margin-top:-100px;
margin-right:32px;
clear:both;
float:right;
border-right:3px solid #000;
border-radius:80px/735px;
transform:rotate(-50deg);
}

#spiderman-web-three-r {
width:75px;
height:115px;
margin-top:-100px;
margin-left:32px;
border-left:3px solid #000;
border-radius:80px/735px;
transform:rotate(50deg);
}

#spiderman-web-four-l {
width:65px;
height:93px;
margin-top:-60px;
margin-right:15px;
clear:both;
float:right;
border-right:3px solid #000;
border-radius:80px/735px;
transform:rotate(-90deg);
}

#spiderman-web-four-r {
width:65px;
height:93px;
margin-top:-60px;
margin-left:15px;
border-left:3px solid #000;
border-radius:80px/735px;
transform:rotate(90deg);
}

#spiderman-web-five-l {
width:83px;
height:100px;
margin-top:-126px;
margin-right:25px;
float:right;
border-left:3px solid #000;
border-radius:80px/735px;
transform:rotate(-130deg);
}

#spiderman-web-five-r {
width:83px;
height:100px;
margin-top:-126px;
margin-left:25px;
border-right:3px solid #000;
border-radius:80px/735px;
transform:rotate(130deg);
}

#spiderman-web-six-l {
width:70px;
height:110px;
margin-top:-105px;
margin-right:27px;
float:right;
border-left:3px solid #000;
border-radius:80px/735px;
transform:rotate(-145deg);
}

#spiderman-web-six-r {
width:70px;
height:110px;
margin-top:-80px;
margin-left:27px;
border-right:3px solid #000;
border-radius:80px/735px;
transform:rotate(145deg);
}

#spiderman-web-seven-l {
width:70px;
height:125px;
margin-top:-100px;
margin-right:20px;
float:right;
border-left:3px solid #000;
border-radius:80px/735px;
transform:rotate(-155deg);
}

#spiderman-web-seven-r {
width:70px;
height:120px;
margin-top:-100px;
margin-left:20px;
border-right:3px solid #000;
border-radius:80px/735px;
transform:rotate(150deg);
}

#spiderman-web-eight-l {
width:100px;
height:130px;
margin-top:-105px;
margin-right:7px;
float:right;
border-left:3px solid #000;
border-radius:80px/735px;
transform:rotate(-170deg);
}

#spiderman-web-eight-r {
width:100px;
height:135px;
margin-top:-105px;
margin-left:7px;
border-right:3px solid #000;
border-radius:80px/735px;
transform:rotate(170deg);
}






/* Spiderman Face Web Cross Strands */

#spiderman-head-webbing {
width:196px;
height:300px;
border:1px solid transparent;
margin-top:-429px;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:99999;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-webbing-one {
width:55px;
height:120px;
margin:auto;
}

#spiderman-web-one {
width:48px;
height:15px;
margin-top:20px;
margin-bottom:23px;
margin-left:auto;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-two {
width:30px;
height:10px;
margin-bottom:12px;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
margin-left:auto;
margin-right:auto;
}

#spiderman-web-three {
width:20px;
height:7px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-four {
width:12px;
height:5px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-webbing-two {
height:120px;
width:50px;
margin-left:auto;
margin-right:auto;
}

#spiderman-web-five {
width:10px;
height:7px;
margin-top:40px;
visibility:hidden;
margin-bottom:35px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-six {
width:18px;
height:7px;
margin-bottom:10px;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
margin-left:auto;
margin-right:auto;
}

#spiderman-web-seven {
width:22px;
height:10px;
margin-bottom:17px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-eight {
width:36px;
height:15px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-webbing-three {
width:50px;
height:120px;
margin-left:44px;
transform:rotate(-25deg);
}

#main-section-two {
margin-top:-320px;
}

#spiderman-web-nine {
width:46px;
height:15px;
margin-top:44px;
margin-bottom:23px;
margin-left:auto;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-ten {
width:33px;
height:10px;
margin-bottom:12px;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
margin-left:10px;
}

#spiderman-web-eleven {
width:24px;
height:7px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-twelve {
width:14px;
height:5px;
margin-left:auto;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-webbing-four {
height:120px;
width:50px;
margin-left:45px;
transform:rotate(18deg);
}

#spiderman-web-thirteen {
width:10px;
height:5px;
margin-top:46px;
visibility:hidden;
margin-bottom:22px;
margin-left:20px;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-fourteen {
width:18px;
height:7px;
margin-bottom:12px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-fifteen {
width:28px;
height:10px;
margin-bottom:12px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-sixteen {
width:35px;
height:15px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
transform:rotate(16deg);
}

#spiderman-webbing-five {
height:120px;
width:50px;
margin-left:94px;
transform:rotate(23deg);
}

#main-section-three {
margin-top:-310px;
}

#spiderman-web-seventeen {
width:48px;
height:15px;
margin-top:25px;
margin-bottom:22px;
margin-left:auto;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-eighteen {
width:32px;
height:10px;
margin-bottom:14px;
margin-left:auto;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-nineteen {
width:24px;
height:7px;
margin-bottom:19px;
margin-left:auto;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-twenty {
width:13px;
height:5px;
margin-bottom:10px;
margin-left:22px;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-webbing-six {
height:120px;
width:50px;
margin-left:97px;
transform:rotate(-18deg);
}

#spiderman-web-twentyone {
width:10px;
height:5px;
visibility:hidden;
margin-top:40px;
margin-bottom:28px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-twentytwo {
width:20px;
height:7px;
margin-bottom:11px;
margin-left:12px;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-twentythree {
width:28px;
height:10px;
margin-bottom:12px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-twentyfour {
width:37px;
height:15px;
margin-left:8px;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
transform:rotate(-18deg);
}

#spiderman-webbing-seven {
width:40px;
height:120px;
margin-left:36px;
transform:rotate(-43deg);
}

#main-section-four {
margin-top:-310px;
}

#spiderman-web-twentyfive {
width:39px;
height:15px;
margin-top:42px;
margin-bottom:18px;
margin-left:-5px;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
transform:rotate(-12deg);
}

#spiderman-web-twentysix {
width:33px;
height:10px;
margin-bottom:12px;
margin-left:0;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-twentyseven {
width:25px;
height:7px;
margin-left:3px;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-webbing-eight {
height:120px;
width:40px;
margin-left:30px;
transform:rotate(33deg);
}

#spiderman-web-twentynine {
width:10px;
height:5px;
visibility:hidden;
margin-top:20px;
margin-bottom:27px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-thirty {
width:20px;
height:7px;
margin-bottom:8px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-thirtyone {
width:23px;
height:10px;
margin-bottom:6px;
transform:rotate(12deg);
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-thirtytwo {
width:23px;
height:10px;
margin-left:8px;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
transform:rotate(13deg);
}

#spiderman-webbing-nine {
width:50px;
height:120px;
margin-left:114px;
transform:rotate(45deg);
}

#main-section-five {
margin-top:-285px;
}

#spiderman-web-thirtythree {
width:39px;
height:15px;
margin-top:28px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
transform:rotate(7deg);
}

#spiderman-web-thirtyfour {
width:30px;
height:10px;
margin-bottom:12px;
margin-left:auto;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-thirtyfive {
width:20px;
height:7px;
margin-bottom:17px;
margin-left:auto;
margin-right:auto;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-webbing-ten {
height:120px;
width:40px;
margin-left:117px;
transform:rotate(-37deg);
}

#spiderman-web-thirtyseven {
width:7px;
height:5px;
margin-bottom:40px;
margin-left:18px;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-thirtyeight {
width:15px;
height:7px;
margin-bottom:13px;
margin-left:8px;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-thirtynine {
width:16px;
height:10px;
margin-bottom:8px;
margin-left:6px;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-forty {
width:21px;
height:10px;
margin-left:5px;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-webbing-eleven {
width:70px;
height:120px;
margin-left:16px;
transform:rotate(73deg);
}

#main-section-six {
margin-top:-210px;
}

#spiderman-web-fortyone {
width:14px;
height:5px;
margin-top:42px;
margin-bottom:60px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-fortytwo{
width:45px;
height:7px;
margin-bottom:6px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-fortythree {
width:50px;
height:10px;
margin-bottom:0px;
margin-left:13px;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-fortyfour {
width:60px;
height:15px;
margin-top:5px;
margin-bottom:10px;
margin-left:10px;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-webbing-twelve {
width:70px;
height:120px;
margin-top:-120px;
margin-left:25px;
transform:rotate(43deg);
}

#spiderman-web-fortyfive {
width:16px;
height:5px;
margin-top:22px;
margin-bottom:45px;
margin-left:auto;
margin-right:auto;
visibility:hidden;
border-top:22px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-fortysix {
width:19px;
height:7px;
margin-bottom:6px;
margin-left:27px;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-fortyseven {
width:20px;
height:10px;
margin-bottom:2px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
transform:rotate(13deg)}

#spiderman-web-fortyeight {
width:24px;
height:15px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
transform:rotate(13deg)
}

#spiderman-webbing-thirteen {
width:70px;
height:120px;
margin-left:120px;
transform:rotate(-70deg);
}

#main-section-seven {
margin-top:-185px;
}

#spiderman-web-fortynine {
width:14px;
height:5px;
margin-top:75px;
margin-left:50px;
margin-bottom:38px;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-fifty {
width:39px;
height:7px;
margin-bottom:5px;
margin-left:37px;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-fiftyone {
width:55px;
height:10px;
margin-bottom:1px;
margin-left:33px;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
transform:rotate(-3deg)
}

#spiderman-web-fiftytwo {
width:63px;
height:15px;
margin-bottom:10px;
margin-left:28px;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
transform:rotate(-6deg)}

#spiderman-webbing-fourteen {
width:70px;
height:120px;
margin-top:-125px;
margin-left:124px;
transform:rotate(-43deg);
}

#spiderman-web-fiftythree {
width:15px;
height:5px;
margin-top:10px;
margin-left:15px;
margin-bottom:35px;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-fiftyfour {
width:15px;
height:7px;
margin-top:15px;
margin-bottom:8px;
margin-left:15px;
margin-right:auto;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
}

#spiderman-web-fiftyfive {
width:25px;
height:10px;
margin-bottom:3px;
margin-left:13px;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
transform:rotate(-13deg);
}

#spiderman-web-fiftysix {
width:29px;
height:15px;
margin-bottom:1zpx;
margin-left:12px;
border-top:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
transform:rotate(-13deg);
}

/* Spiderman Body */

#spiderman-head {
width:196px;
height:300px;
margin-top:-300px;
margin-left:auto;
margin-bottom:-50px;
margin-right:auto;
position:relative;
z-index:999;
background:#ff3019;
background:radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%);
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
box-shadow:inset 0 20px 45px rgba(0, 0, 0, .6);
}

#spiderman-neck {
width:90px;
height:70px;
margin-top:0px;
margin-bottom:-20px;
margin-left:auto;
margin-right:auto;
border:1px solid #000;
position:relative;
z-index:222;
background:#ff3019;
background:radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%);
box-shadow:inset 0 20px 45px rgba(0, 0, 0, .5);
border-radius:600px/235px;
}



/* Spiderman Chest Web Base Strands */

#spiderman-chest {
width:270px;
height:90px;
margin-bottom:-150px;
border-bottom:none;
}

#spiderman-chest-one {
width:2px;
margin-top:20px;
margin-left:25px;
margin-right:14px;
height:70px;
float:left;
background:#000;
box-shadow:0 2px 14px #000;
transform:rotate(12deg);
}

#spiderman-chest-two {
width:2px;
height:86px;
margin-top:4px;
margin-left:10px;
margin-right:14px;
float:left;
background:#000;
box-shadow:0 2px 14px #000;
transform:rotate(12deg);
}

#spiderman-chest-three {
width:2px;
height:90px;
margin-left:10px;
margin-right:14px;
background:#000;
float:left;
box-shadow:0 2px 14px #000;
transform:rotate(12deg);
}

#spiderman-chest-four {
width:2px;
height:90px;
margin-left:10px;
margin-right:14px;
background:#000;
float:left;
box-shadow:0 2px 14px #000;
transform:rotate(12deg);
}

#spiderman-chest-five {
width:2px;
height:90px;
margin-left:10px;
margin-right:10px;
margin-bottom:-30px;
background:#000;
float:left;
box-shadow:0 2px 14px #000;
}

#spiderman-chest-six {
width:2px;
height:70px;
margin-top:20px;
margin-left:14px;
margin-right:35px;
background:#000;
float:right;
box-shadow:0 2px 14px #000;
transform:rotate(-12deg);
}

#spiderman-chest-seven {
width:2px;
height:82px;
margin-top:6px;
margin-left:14px;
margin-right:10px;
background:#000;
float:right;
box-shadow:0 2px 14px #000;
transform:rotate(-12deg);
}

#spiderman-chest-eight {
width:2px;
height:90px;
margin-left:14px;
margin-right:10px;
background:#000;
float:right;
box-shadow:0 2px 14px #000;
transform:rotate(-12deg);
}

#spiderman-chest-nine {
width:2px;
height:80px;
margin-top:10px;
margin-left:14px;
margin-right:10px;
background:#000;
float:right;
box-shadow:0 2px 14px #000;
transform:rotate(-12deg);
}



/* Spiderman Chest Web Cross Strands */


#spiderman-body-web-l {
width:20px;
margin-top:10px;
margin-left:2px;
position:relative;
float:left;
z-index:99;
transform:rotate(15deg);
}

#spiderman-body-web-l-frame {
width:100px;
margin-left:34px;
float:left;
margin-top:10px;

}

#spiderman-body-web-r-frame {
width:100px;
margin-right:28px;
float:right;
margin-top:10px;
}

.spiderman-body-web-l-one, .spiderman-body-web-l-two, .spiderman-body-web-l-three {
width:25px;
height:10px;
margin-bottom:12px;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
transform:rotate(-15deg);
}

#spiderman-body-web-r {
width:20px;
margin-top:10px;
margin-right:2px;
position:relative;
float:left;
z-index:99;
transform:rotate(-15deg);
}

.spiderman-body-web-r-one, .spiderman-body-web-r-two, .spiderman-body-web-r-three {
width:25px;
height:10px;
margin-bottom:12px;
border-bottom:2px solid #000;
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
transform:rotate(15deg);
}



/* Spiderman Chest and Shoulders */


#spiderman-shoulders {
width:260px;
height:90px;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:99;
background:#ff3019;
background:radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%);
border-top-left-radius:75px;
border-top-right-radius:75px;
box-shadow:inset 0 20px 45px rgba(0, 0, 0, .5);
}

#spiderman-spider-head {
height:24%;
width:6%;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:33;
background:#000;
border-radius:150px/235px;
}

#spiderman-spider-body {
width:36px;
height:55px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
background:#000;
position:relative;
border-radius: 150px/235px;
position:relative;
z-index:99999;
box-shadow:0 5px 13px rgba(0, 0, 0, .9);
}

#spiderman-spider {
height:50px;
width:80px;
margin:101px;
overflow:hidden;
position:absolute;
margin-top:-4px;
padding-top:47px;
}



.spider-foot{
    clear:both;
    padding:50px 0;
}