HOME | DD

techgnotic — A Modern Day Fairy Godmother
#costume #fairygodmother #costumedesigner #cosplay #inspiration #tutorial #depthradius
Published: 2015-01-09 04:36:45 +0000 UTC; Views: 88041; Favourites: 578; Downloads: 0
Redirect to original
Description body div#devskin11811593 .gr-box, body div#devskin11811593 body { font:400 18px/28px 'Lora', serif; background:#eceadb; color:#57481A; position:relative; border-bottom:none; margin:0; padding:0; } /* ------------------------------------------------------- WRAP ------------------------------------------------------- */ body div#devskin11811593 .wrap { max-width:1080px; margin:auto; padding:0 15px; position:relative; } body div#devskin11811593 .wrap .wrap { width:100%; padding:0; } body div#devskin11811593 .wrap.wide { max-width:1500px; } /* ------------------------------------------------------- COLUMNS ------------------------------------------------------- */ body div#devskin11811593 .col_1, body div#devskin11811593 .col_2, body div#devskin11811593 .col_3, body div#devskin11811593 .col_4, body div#devskin11811593 .col_5, body div#devskin11811593 .col_6, body div#devskin11811593 .col_7, body div#devskin11811593 .col_8, body div#devskin11811593 .col_9, body div#devskin11811593 .col_10, body div#devskin11811593 .col_11, body div#devskin11811593 .col_12 { display:inline; float:left; position:relative; margin-left:1.388%; margin-right:1.388%; } body div#devskin11811593 .col_1 { width:5.5550%; } body div#devskin11811593 .col_2 { width:13.888%; } body div#devskin11811593 .col_3 { width:22.222%; } body div#devskin11811593 .col_4 { width:30.555%; } body div#devskin11811593 .col_5 { width:38.888%; } body div#devskin11811593 .col_6 { width:47.222%; } body div#devskin11811593 .col_7 { width:55.555%; } body div#devskin11811593 .col_8 { width:63.888%; } body div#devskin11811593 .col_9 { width:72.222%; } body div#devskin11811593 .col_10 { width:80.555%; } body div#devskin11811593 .col_11 { width:88.888%; } body div#devskin11811593 .col_12 { width:97.222%; } /* ------------------------------------------------------- COLUMN BEFORE ------------------------------------------------------- */ body div#devskin11811593 .before_1 { padding-left:8.3330%; } body div#devskin11811593 .before_2 { padding-left:16.666%; } body div#devskin11811593 .before_3 { padding-left:25.000%; } body div#devskin11811593 .before_4 { padding-left:33.333%; } body div#devskin11811593 .before_5 { padding-left:41.667%; } body div#devskin11811593 .before_6 { padding-left:50.000%; } body div#devskin11811593 .before_7 { padding-left:58.333%; } body div#devskin11811593 .before_8 { padding-left:66.667%; } body div#devskin11811593 .before_9 { padding-left:75.000%; } body div#devskin11811593 .before_10 { padding-left:83.333%; } body div#devskin11811593 .before_11 { padding-left:91.667%; } /* ------------------------------------------------------- COLUMN AFTER ------------------------------------------------------- */ body div#devskin11811593 .after_1 { padding-right:8.3330%; } body div#devskin11811593 .after_2 { padding-right:16.667%; } body div#devskin11811593 .after_3 { padding-right:25.000%; } body div#devskin11811593 .after_4 { padding-right:33.333%; } body div#devskin11811593 .after_5 { padding-right:41.667%; } body div#devskin11811593 .after_6 { padding-right:50.000%; } body div#devskin11811593 .after_7 { padding-right:58.333%; } body div#devskin11811593 .after_8 { padding-right:66.667%; } body div#devskin11811593 .after_9 { padding-right:75.000%; } body div#devskin11811593 .after_10 { padding-right:83.333%; } body div#devskin11811593 .after_11 { padding-right:91.667%; } /* ------------------------------------------------------- PUSH BEFORE ------------------------------------------------------- */ body div#devskin11811593 .push_1 { margin-left:8.3330%; } body div#devskin11811593 .push_2 { margin-left:16.667%; } body div#devskin11811593 .push_3 { margin-left:25.000%; } body div#devskin11811593 .push_4 { margin-left:33.333%; } body div#devskin11811593 .push_5 { margin-left:41.667%; } body div#devskin11811593 .push_6 { margin-left:50.000%; } body div#devskin11811593 .push_7 { margin-left:58.333%; } body div#devskin11811593 .push_8 { margin-left:66.667%; } body div#devskin11811593 .push_9 { margin-left:75.000%; } body div#devskin11811593 .push_10 { margin-left:83.333%; } body div#devskin11811593 .push_11 { margin-left:91.667%; } /* ------------------------------------------------------- PULL AFTER ------------------------------------------------------- */ body div#devskin11811593 .pull_1 { margin-left:-8.3330%; } body div#devskin11811593 .pull_2 { margin-left:-16.667%; } body div#devskin11811593 .pull_3 { margin-left:-25.000%; } body div#devskin11811593 .pull_4 { margin-left:-33.333%; } body div#devskin11811593 .pull_5 { margin-left:-41.667%; } body div#devskin11811593 .pull_6 { margin-left:-50.000%; } body div#devskin11811593 .pull_7 { margin-left:-58.333%; } body div#devskin11811593 .pull_8 { margin-left:-66.667%; } body div#devskin11811593 .pull_9 { margin-left:-75.000%; } body div#devskin11811593 .pull_10 { margin-left:-83.333%; } body div#devskin11811593 .pull_11 { margin-left:-91.667%; } body div#devskin11811593 .alpha { margin-left:0!important; } body div#devskin11811593 .omega { margin-right:0!important; } /* ------------------------------------------------------- NESTED COLUMNS ------------------------------------------------------- */ body div#devskin11811593 .col_10 .wrap .col_10 { width:100.00%; margin-left:0.000%; margin-right:0.000%; } body div#devskin11811593 .col_10 .wrap .col_9 { width:89.655%; margin-left:1.724%; margin-right:1.724%; } body div#devskin11811593 .col_10 .wrap .col_8 { width:78.168%; margin-left:1.724%; margin-right:1.724%; } body div#devskin11811593 .col_10 .wrap .col_7 { width:68.965%; margin-left:1.724%; margin-right:1.724%; } body div#devskin11811593 .col_10 .wrap .col_6 { width:58.620%; margin-left:1.724%; margin-right:1.724%; } body div#devskin11811593 .col_10 .wrap .col_3 { width:27.586%; margin-left:1.724%; margin-right:1.724%; } body div#devskin11811593 .col_9 .wrap .col_8 { width:88.461%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11811593 .col_9 .wrap .col_7 { width:76.923%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11811593 .col_9 .wrap .col_6 { width:65.384%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11811593 .col_9 .wrap .col_5 { width:53.846%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11811593 .col_9 .wrap .col_4 { width:42.307%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11811593 .col_9 .wrap .col_3 { width:30.769%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11811593 .col_9 .wrap .col_2 { width:19.230%; margin-left:1.923%; margin-right:1.923%; } body div#devskin11811593 .col_8 .wrap .col_7 { width:86.956%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11811593 .col_8 .wrap .col_6 { width:73.913%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11811593 .col_8 .wrap .col_5 { width:60.869%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11811593 .col_8 .wrap .col_4 { width:47.826%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11811593 .col_8 .wrap .col_3 { width:34.782%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11811593 .col_8 .wrap .col_2 { width:21.739%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11811593 .col_8 .wrap .col_1 { width:08.695%; margin-left:2.173%; margin-right:2.173%; } body div#devskin11811593 .col_7 .wrap .col_7 { width:100.00%; margin-left:0.000%; margin-right:0.000%; } body div#devskin11811593 .col_7 .wrap .col_6 { width:85.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin11811593 .col_7 .wrap .col_5 { width:70.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin11811593 .col_7 .wrap .col_4 { width:55.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin11811593 .col_7 .wrap .col_3 { width:40.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin11811593 .col_7 .wrap .col_2 { width:25.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin11811593 .col_6 .wrap .col_6 { width:100.00%; margin-left:0.000%; margin-right:0.000%; } body div#devskin11811593 .col_6 .wrap .col_5 { width:82.352%; margin-left:2.941%; margin-right:2.941%; } body div#devskin11811593 .col_6 .wrap .col_4 { width:64.705%; margin-left:2.941%; margin-right:2.941%; } body div#devskin11811593 .col_6 .wrap .col_3 { width:47.058%; margin-left:2.941%; margin-right:2.941%; } body div#devskin11811593 .col_6 .wrap .col_2 { width:29.411%; margin-left:2.941%; margin-right:2.941%; } body div#devskin11811593 .col_5 .wrap .col_5 { width:100.00%; margin-left:0.000%; margin-right:0.000%; } body div#devskin11811593 .col_5 .wrap .col_4 { width:78.571%; margin-left:3.571%; margin-right:3.571%; } body div#devskin11811593 .col_5 .wrap .col_3 { width:57.142%; margin-left:3.571%; margin-right:3.571%; } body div#devskin11811593 .col_5 .wrap .col_2 { width:35.714%; margin-left:3.571%; margin-right:3.571%; } body div#devskin11811593 .col_4 .wrap .col_3 { width:72.727%; margin-left:4.545%; margin-right:4.545%; } body div#devskin11811593 .col_4 .wrap .col_2 { width:45.454%; margin-left:4.545%; margin-right:4.545%; } body div#devskin11811593 .col_3 .wrap .col_2 { width:62.500%; margin-left:6.250%; margin-right:6.250%; } body div#devskin11811593 .col_3 .wrap .col_1 { width:25.000%; margin-left:6.250%; margin-right:6.250%; } /* ------------------------------------------------------- NESTED BEFORE ------------------------------------------------------- */ body div#devskin11811593 .col_10 .wrap .before_1 { padding-left:10.344%; } body div#devskin11811593 .col_9 .wrap .before_1 { padding-left:11.538%; } body div#devskin11811593 .col_8 .wrap .before_2 { padding-left:26.086%; } body div#devskin11811593 .col_8 .wrap .before_1 { padding-left:13.043%; } body div#devskin11811593 .col_8 .wrap .after_1 { padding-right:13.043%; } body div#devskin11811593 .col_8 .wrap .pull_1 { margin-left:-13.043%; } body div#devskin11811593 .col_7 .wrap .after_2 { padding-right:30.000%; } body div#devskin11811593 .col_7 .wrap .before_1 { padding-left:15.000%; } body div#devskin11811593 .col_7 .wrap .before_2 { padding-left:30.000%; } body div#devskin11811593 .col_7 .wrap .after_1 { padding-right:15.000%; } body div#devskin11811593 .col_6 .wrap .before_3 { padding-left:52.941%; } body div#devskin11811593 .col_6 .wrap .before_2 { padding-left:35.294%; } body div#devskin11811593 .col_6 .wrap .before_1 { padding-left:17.647%; } body div#devskin11811593 .col_6 .wrap .after_2 { padding-right:35.294%; } body div#devskin11811593 .col_6 .wrap .after_1 { padding-right:17.647%; } body div#devskin11811593 .col_5 .wrap .before_1 { padding-left:21.428%; } body div#devskin11811593 .col_5 .wrap .before_2 { padding-left:42.857%; } body div#devskin11811593 .col_5 .wrap .before_3 { padding-left:64.285%; } body div#devskin11811593 .col_5 .wrap .after_1 { padding-right:21.428%; } body div#devskin11811593 .col_4 .wrap .before_1 { padding-left:27.272%; } body div#devskin11811593 .col_4 .wrap .before_2 { padding-left:54.545%; } body div#devskin11811593 .col_4 .wrap .after_1 { padding-right:27.272%; } body div#devskin11811593 .col_3 .wrap .after_1 { padding-right:37.500%; } body div#devskin11811593 .col_3 .wrap .before_1 { padding-left:37.500%; } body div#devskin11811593 .clear:before, body div#devskin11811593 .clear:after { content:''; display:table; } body div#devskin11811593 .clear:after { clear:both; } body div#devskin11811593 .clear { clear:both; } /* ------------------------------------------------------- COMMON ------------------------------------------------------- */ body div#devskin11811593 h1, body div#devskin11811593 h2, body div#devskin11811593 h3, body div#devskin11811593 h4 { font-family:'Berkshire Swash', cursive; line-height:normal; letter-spacing:normal; font-weight:400; position:relative; color:#51331C; margin:0 0 30px 0; z-index:1; } body div#devskin11811593 h1 span.user-symbol, body div#devskin11811593 h2 span.user-symbol, body div#devskin11811593 h3 span.user-symbol, body div#devskin11811593 h4 span.user-symbol { display:none; } body div#devskin11811593 h1 a, body div#devskin11811593 h2 a, body div#devskin11811593 h3 a, body div#devskin11811593 h4 a { color:inherit!important; text-decoration:none; } body div#devskin11811593 h1 { font-size:72px; line-height:72px; border-bottom:1px solid #ccc; } body div#devskin11811593 h2 { font-size:38px; line-height:52px; margin-bottom:60px; } body div#devskin11811593 h3 { color:#fff; font-size:65px; line-height:88px; text-align:left; font-family:'Great Vibes', cursive; } body div#devskin11811593 h3 span { display:block; font-size:31px; line-height:36px; font-weight:300; font-family:'Alegreya Sans SC', sans-serif; } body div#devskin11811593 h4 { font-size:24px; line-height:30px; margin:0 0 15px; font-weight:bold; font-family:'Lora', serif; text-transform:capitalize; } body div#devskin11811593 p { margin:0 0 30px; padding:0; } body div#devskin11811593 .lt-blue { color:#2A454D; } body div#devskin11811593 div a, body div#devskin11811593 p a, body div#devskin11811593 li a { position:relative; color:#367F7A; font-weight:400; text-decoration:underline; z-index:1; } body div#devskin11811593 p a, body div#devskin11811593 li a { text-decoration:underline!important; } body div#devskin11811593 p a:hover, body div#devskin11811593 li a:hover { color:#40CEC6; } body div#devskin11811593 a[target*='self'] { display:block; border-bottom:none; } body div#devskin11811593 .links { position:absolute; z-index:99; top:0; right:0; left:0; padding:15px 30px; border-bottom:1px solid rgba(90,10,56,0.2); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:right; z-index:3; } body div#devskin11811593 .links .title { float:left; position:relative; top:5px; } body div#devskin11811593 .links a, body div#devskin11811593 .social { display:inline-block; font-weight:400; font:600 12px/18px 'Alegreya Sans SC', sans-serif; text-transform:uppercase; text-decoration:none; color:#794161; } body div#devskin11811593 .links > span { font-weight:100; font-size:12px; display:inline-block; line-height:20px; margin:0 20px; opacity:0; filter:alpha(opacity=0); _zoom:1; } body div#devskin11811593 .links a:hover, body div#devskin11811593 .links .social:hover { color:#CC1B81; text-decoration:none; } body div#devskin11811593 .social { position:relative; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; } body div#devskin11811593 .social::before { content:''; position:absolute; left:-22px; top:1px; width:16px; height:16px; background:url(https://www.da-files.com/artnetwork/lillyxandra/icon_share.svg) 0 0 no-repeat; opacity:1; filter:alpha(opacity=100); _zoom:1; background-size:auto 16px; cursor:default; } body div#devskin11811593 .social .widgets { position:absolute; left:50%; top:3em; width:100px; background:#000; padding:5px; border:1px solid #794161; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; opacity:0; filter:alpha(opacity=0); _zoom:1; transform:scale(0.9) translate(-50%,0); -moz-transform:scale(0.9) translate(-50%,0); -webkit-transform:scale(0.9) translate(-50%,0); -ms-transform:scale(0.9) translate(-50%,0); -o-transform:scale(0.9) translate(-50%,0); transition:all 0.2s ease-in-out 3s; -moz-transition:all 0.2s ease-in-out 3s; -webkit-transition:all 0.2s ease-in-out 3s; -ms-transition:all 0.2s ease-in-out 3s; -o-transition:all 0.2s ease-in-out 3s; } body div#devskin11811593 .social .widgets::before { content:''; position:absolute; top:-20px; left:50%; margin-left:-10px; border-width:10px; border-style:solid; border-color:transparent transparent #794161 transparent; width:0; height:0; } body div#devskin11811593 .social:hover .widgets { top:3.1em; transform:scale(1) translate(-50%,0); -moz-transform:scale(1) translate(-50%,0); -webkit-transform:scale(1) translate(-50%,0); -ms-transform:scale(1) translate(-50%,0); -o-transform:scale(1) translate(-50%,0); transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin11811593 .social div[class*='social'] { width:100px; letter-spacing:normal; margin-bottom:3px; vertical-align:baseline; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:6px; height:34px; } body div#devskin11811593 .social-twitter { margin-top:1px!important; } body div#devskin11811593 .social-fb { margin-left:-3px!important; } body div#devskin11811593 .social-gp { margin-bottom:0!important; } body div#devskin11811593 .align-right { text-align:right; } body div#devskin11811593 .align-left { text-align:left; } body div#devskin11811593 .align-center { text-align:center; } body div#devskin11811593 span.user-symbol { font-size:.6em; vertical-align:inherit; position:relative; top:-1px; } body div#devskin11811593 span.dropcaps { font:700 91px/62px 'Montserrat', Calibre, Sans-Serif; float:left; position:relative; height:.75em; margin:0 5px 0 0; color:#242627; } body div#devskin11811593 span.w-dropcaps { float:left; width:101px; height:100px; margin:0 15px 0 0; position:relative; background:url(https://www.da-files.com/artnetwork/lillyxandra/w-dropcaps-02.png) 50% 50%/contain no-repeat; } body div#devskin11811593 span.caps { font-weight:700; text-transform:uppercase; } body div#devskin11811593 .align-left { text-align:left; } body div#devskin11811593 .align-center { text-align:center; } body div#devskin11811593 .align-right { text-align:right; } body div#devskin11811593 span.avatar { line-height:50px; height:50px; margin:0 15px 15px 0; float:left; display:inline-block; vertical-align:middle; position:relative; float:left; z-index:3; } body div#devskin11811593 span.avatar img.avatar { width:40px; padding:2px; margin-left:-70px; border:1px dashed #57481A; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; } body div#devskin11811593 img.avatar { width:40px; padding:2px; margin-left:-70px; border:1px dashed #57481A; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; } body div#devskin11811593 .pt-10 { padding-top:10px; } body div#devskin11811593 .pt-28 { padding-top:28px; } body div#devskin11811593 .pt-30 { padding-top:30px; } body div#devskin11811593 .pt-60 { padding-top:60px; } body div#devskin11811593 .pt-90 { padding-top:90px; } body div#devskin11811593 .pb-15 { padding-bottom:15px; } body div#devskin11811593 .pb-30 { padding-bottom:30px; } body div#devskin11811593 .pb-60 { padding-bottom:60px; } body div#devskin11811593 .pb-90 { padding-bottom:90px; } body div#devskin11811593 .mb-0 { margin-bottom:0 !important; } body div#devskin11811593 .mt-30 { margin-top:30px !important; } /* ------------------------------------------------------- HEADER ------------------------------------------------------- */ body div#devskin11811593 .header { background:url(https://www.da-files.com/artnetwork/lillyxandra/img-00.jpg) 50% 50%/cover no-repeat; color:#fff; position:relative; padding:0 0 15%; margin:0; overflow:hidden; z-index:1; } body div#devskin11811593 .header .copy { margin:0 1.388%; left:0; width:100%; max-width:70%; z-index:1; font:bold 12px/18px 'Alegreya Sans SC', sans-serif; } body div#devskin11811593 .header .banner img { width:25%; } /* ------------------------------------------------------- HEADER BACKGROUND IMAGE ------------------------------------------------------- */ body div#devskin11811593 .header .background { position:relative; line-height:0; } body div#devskin11811593 .header .background img { width:100%; max-width:100%; vertical-align:bottom; } body div#devskin11811593 .header h1 { color:#FFF; margin:23% 0 0; padding:27% 0; border-bottom:none; word-wrap:break-word; width:100%; position:relative; background:url(https://www.da-files.com/artnetwork/lillyxandra/lillyxandra-title-04.svg) 0 50%/contain no-repeat; } body div#devskin11811593 .header h1 a { font-weight:700; display:block; position:relative; text-shadow:0 0 50px transparent; text-decoration:none; } body div#devskin11811593 .header h1 a:hover { opacity:1; filter:alpha(opacity=100); _zoom:1; text-shadow:0 0 0 #fff; } body div#devskin11811593 .header h1 img { vertical-align:bottom; display:inline-block; max-width:100%; } body div#devskin11811593 .author { color:inherit; text-transform:uppercase; font-weight:400; font-size:14px; line-height:20px; text-align:right; padding-right:46.5%; margin-top:-35px; } body div#devskin11811593 .author a { color:inherit; font:inherit; text-decoration:none; } body div#devskin11811593 .author.invert { color:#242627; } body div#devskin11811593 .author span.user-symbol a { display:none; } body div#devskin11811593 .essay .emblem span[class*='user'] a { color:#51331C !important; } body div#devskin11811593 .essay span[class*='user'] a { color:#2A454D !important; font-weight:400; } body div#devskin11811593 .essay .image .credit span[class*='user'] a { color:#fff !important; font-weight:400; } body div#devskin11811593 span[class*='user'] a:hover { color:#CC1B81 !important; } body div#devskin11811593 .essay.interview div em span[class*='user'] a { color:#51331C !important; font-weight:400; } body div#devskin11811593 .header .copy .author a:hover { color:#fff !important; } body div#devskin11811593 .header .credit::before { content:'Artist: '; } body div#devskin11811593 .header .credit { color:#f2f2f2; font-weight:bold; text-transform:uppercase; font-size:11px; margin-top:10px; line-height:16px; display:none; } body div#devskin11811593 .header .credit a { color:inherit; text-decoration:none; font-weight:bold; } body div#devskin11811593 .header .credit a:hover { color:#CC1B81; } body div#devskin11811593 .header .credit em { font-style:normal; } body div#devskin11811593 .header .credit:hover { opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin11811593 .header .credit.invert { color:#242627; } /* ------------------------------------------------------- ESSAY ------------------------------------------------------- */ body div#devskin11811593 .emblem::before { content:''; width:210px; height:207px; top:-85px; left:-107px; position:absolute; background:url(https://www.da-files.com/artnetwork/lillyxandra/firefly-path-emblem-01.svg) 0 0/contain no-repeat; } body div#devskin11811593 .essay { padding:60px 0 0; position:relative; } body div#devskin11811593 .emblem { margin-top:90px; } body div#devskin11811593 .essay .author { font:bold 12px/18px 'Alegreya Sans SC', sans-serif; margin:0 0 5px; } body div#devskin11811593 .essay .author a { color:inherit; font:inherit; text-decoration:none !important; } body div#devskin11811593 .essay .gallery { background:none; color:inherit; padding:0; } body div#devskin11811593 .essay .gallery::before, body div#devskin11811593 .essay .gallery::after { display:none; } body div#devskin11811593 .guides { position:relative; padding:0 15%; padding-bottom:30px; } body div#devskin11811593 .guides::before, body div#devskin11811593 .guides::after { content:''; position:absolute; left:0; top:0; bottom:0; background:#ccc; width:1px; } body div#devskin11811593 .guides::after { left:inherit; right:0; } body div#devskin11811593 .essay .guides.left { padding:0 0 30px 10%; } body div#devskin11811593 .essay .guides.left::after { display:none; } body div#devskin11811593 .essay ol, body div#devskin11811593 .essay ul { margin:0 0 30px; } body div#devskin11811593 .essay ol li { font-weight:700; } body div#devskin11811593 .essay ol li p { font-weight:400; } body div#devskin11811593 .essay strong { font-weight:700; color:#000; } body div#devskin11811593 .essay.interview p { color:#746A49; font-size:16px; line-height:24px; font-family:'Alegreya Sans', sans-serif; } body div#devskin11811593 .essay.interview p[class*='list'] { color:#57481A; font-size:18px; line-height:26px; font-weight:normal; font-family:'Alegreya', serif; } body div#devskin11811593 .essay .image { font-size:0.777em; } body div#devskin11811593 .essay .col_12 .image.right { float:right; max-width:55%; margin:0 0 0 5%; font-size:0.777em; } body div#devskin11811593 .essay .col_9 .image.left { float:left; margin:0 3.846% 30px 0; max-width:45%; } body div#devskin11811593 .essay .col_9 .image.right { float:right; margin:0 0 30px 3.846%; max-width:45%; } body div#devskin11811593 .essay .col_8 .image.right { float:right; margin:0 0 30px 3.846%; max-width:35%; } body div#devskin11811593 .essay .col_8 .image.left { float:left; margin:0 3.846% 30px 0; max-width:35%; } body div#devskin11811593 .essay .col_7 .image.left { float:left; margin:0 5% 30px 0; max-width:55%; } body div#devskin11811593 .essay .col_7 .image.right { float:right; margin:0 -30% 30px 5%; max-width:55%; } body div#devskin11811593 .essay .col_6 .image.left { float:left; margin:0 5% 30px 0; max-width:45%; } body div#devskin11811593 .essay .col_6 .image.right { float:right; margin:0 0 30px 5%; max-width:45%; } body div#devskin11811593 a.button { font-size:14px; text-transform:uppercase; display:inline-block; position:relative; padding:10px 20px; background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #CC1B81; margin:0 0 15px; text-decoration:none; color:#FFF; font-weight:400; font-family:'Alegreya Sans SC', sans-serif; } body div#devskin11811593 a.button:hover { background:none; color:#05cc47; } body div#devskin11811593 a.button.selected { background:#05CC47; color:#FFF; border:1px solid #05CC47; position:relative; } /* ------------------------------------------------------- GALLERY ------------------------------------------------------- */ body div#devskin11811593 .gallery div.col_6 { width:44.44% !important; } body div#devskin11811593 .col_3.no-format.gallery-first { padding-left:5%; } body div#devskin11811593 .gallery .image { margin-bottom:0 !important; } body div#devskin11811593 .gallery div[class*='col'] { margin-left:0 !important; margin-right:0 !important; } body div#devskin11811593 .gallery { background:#181A1B; color:#f2f2f2; position:relative; padding:200px 0 0; margin:0; } body div#devskin11811593 .image { margin:0 0 30px; text-align:center; position:relative; overflow:hidden; box-shadow:0 0 15px rgba(0,0,0,0.35); -moz-box-shadow:0 0 15px rgba(0,0,0,0.35); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.35); z-index:2; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } body div#devskin11811593 .image img { display:inline-block; vertical-align:bottom; max-width:100%; width:100%; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } body div#devskin11811593 .image:hover { box-shadow:0 0 15px rgba(0,0,0,0); -moz-box-shadow:0 0 15px rgba(0,0,0,0); -webkit-box-shadow:0 0 15px rgba(0,0,0,0); transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } body div#devskin11811593 .image img:hover { transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } body div#devskin11811593 .image > a { position:relative; display:block; z-index:1; } body div#devskin11811593 .image a:hover { color:#CC1B81 !important; } body div#devskin11811593 .image .credit { color:#181A1B; font-weight:bold; font-size:12px; line-height:18px; text-align:center; text-transform:uppercase; padding:15px 30px 15px; position:absolute; right:0; bottom:-5px; left:0; z-index:1; opacity:0; filter:alpha(opacity=0); _zoom:1; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; font-family:'Alegreya Sans SC', sans-serif; } body div#devskin11811593 .image:hover .credit { bottom:0; opacity:1; filter:alpha(opacity=100); _zoom:1; background:rgb(0, 0, 0); background:rgba(0,0,0,0.6); transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } body div#devskin11811593 .gallery .image .credit { bottom:0; } body div#devskin11811593 .image .credit > a { border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:8px; margin-bottom:6px; display:block; color:#fff; text-transform:uppercase; font-weight:bold; text-decoration:none; } body div#devskin11811593 .image .credit em { font-style:normal; font-weight:normal; text-transform:none; display:block; color:#f2f2f2; } body div#devskin11811593 .image .credit em a { color:inherit; font:inherit!important; } body div#devskin11811593 .credit.detach { text-align:right; padding-right:15px; } body div#devskin11811593 .credit.detach a, body div#devskin11811593 .credit.detach em, body div#devskin11811593 .credit .credit-center { color:#57481A; font-size:14px; line-height:22px; font-weight:400; text-decoration:none; margin:0 !important; position:relative !important; } body div#devskin11811593 .gallery .image.no-shadow { box-shadow:0 0 15px rgba(0,0,0,0); -moz-box-shadow:0 0 15px rgba(0,0,0,0); -webkit-box-shadow:0 0 15px rgba(0,0,0,0); } body div#devskin11811593 .large.image .credit { bottom:0; right:0; position:absolute; background:none; text-align:right; opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin11811593 .large .credit { margin-top:-56px; right:30px; position:absolute; z-index:5; } body div#devskin11811593 .credit.format { right:0 !important; } body div#devskin11811593 .large.image .credit a, body div#devskin11811593 .large.image .credit em, body div#devskin11811593 .large .credit a, body div#devskin11811593 .large .credit em { color:#fff; font-size:12px; line-height:14px; font-weight:400; font-family:'Alegreya Sans SC', sans-serif; text-decoration:none; display:block; text-align:right; opacity:0.7; filter:alpha(opacity=70); _zoom:1; } body div#devskin11811593 .large.image .credit > a { border-bottom:0 !important; padding-bottom:0; margin-bottom:0; } body div#devskin11811593 .large.overlay-2 .credit { margin-top:88px; } /* ------------------------------------------------------- LARGE BACKGROUND IMAGES ------------------------------------------------------- */ body div#devskin11811593 .support { background:#000; } body div#devskin11811593 .support h4 { color:#fff; font-size:43px; line-height:46px; text-align:left; margin:0 0 30px; font-weight:normal; font-family:'Berkshire Swash', cursive; } body div#devskin11811593 .support p { color:#fff; font-size:22px; line-height:30px; text-align:left; position:relative; font-family:'Alegreya Sans', sans-serif; z-index:2; } body div#devskin11811593 .support a.video { color:#fff; font-size:14px; line-height:22px; font-weight:400; display:inline-block; text-align:left !important; position:relative; font-family:'Lora', serif; text-decoration:none; z-index:2; } body div#devskin11811593 .video-credit { color:#fff; display:inline-block; position:relative; text-decoration:none; } body div#devskin11811593 .video-link { text-align:left !important; } body div#devskin11811593 div.group { margin:30px 0 -5px; } body div#devskin11811593 div.group:last-of-type, body div#devskin11811593 div.group .image.large, body div#devskin11811593 div.group .image.large:last-of-type { margin:0; } body div#devskin11811593 .overlay::before { content:''; display:block; background:rgb(0, 0, 0); background:rgba(0,0,0,0.4); position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; } body div#devskin11811593 .overlay-2::before { content:''; display:block; background:rgb(0, 0, 0); background:rgba(0,0,0,0.6); position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; } body div#devskin11811593 .bg-img-02 { margin:0; padding:35% 0 !important; background:url(https://www.da-files.com/artnetwork/lillyxandra/img-02b.jpg) 0 0/cover no-repeat; background-attachment:scroll; } body div#devskin11811593 .bg-img-03 { width:100%; max-width:100%; margin:0; padding:10% 0; background:url(https://www.da-files.com/artnetwork/lillyxandra/img-42.jpg) 0 0/cover no-repeat; background-attachment:fixed; } body div#devskin11811593 .bg-img-05 { padding:35% 0 2%; background:url(https://www.da-files.com/artnetwork/lillyxandra/img-05.jpg) 0 0/contain no-repeat; margin:0; } body div#devskin11811593 .bot-gradient::before { content:''; background:rgba(0,0,0,0); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,1) 60%); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,1) 60%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,1) 60%); position:absolute; top:0; right:0; bottom:0; left:0; text-align:left; z-index:-1; } body div#devskin11811593 .bg-img-06 { padding:25% 0 0; background:url(https://www.da-files.com/artnetwork/lillyxandra/img-06.jpg) 50% 100%/contain no-repeat; margin:0; } body div#devskin11811593 .bg-img-10 { padding:45% 0 0%; background:url(https://www.da-files.com/artnetwork/lillyxandra/img-10a.jpg) 70% 80%/cover no-repeat; background-attachment:scroll; margin:0; max-width:100%; width:100%; position:relative; overflow:hidden; z-index:2; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } body div#devskin11811593 .bg-img-11 { padding:10% 0; background:url(https://www.da-files.com/artnetwork/lillyxandra/img-11.jpg) 0 30%/cover no-repeat; background-attachment:fixed; margin:0; max-width:100%; width:100%; position:relative; overflow:hidden; z-index:2; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } body div#devskin11811593 .bg-img-12 { padding:10% 0; background:url(https://www.da-files.com/artnetwork/lillyxandra/img-12.jpg) 0 0/cover no-repeat; background-attachment:fixed; margin:0; max-width:100%; width:100%; position:relative; overflow:hidden; z-index:2; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } body div#devskin11811593 .bg-img-13 { padding:10% 0; background:url(https://www.da-files.com/artnetwork/lillyxandra/img-13.jpg) 0 50%/cover no-repeat; background-attachment:fixed; margin:0; max-width:100%; width:100%; position:relative; overflow:hidden; z-index:2; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } body div#devskin11811593 .bg-img-14 { padding:10% 0; background:url(https://www.da-files.com/artnetwork/lillyxandra/img-14.jpg) 0 20%/cover no-repeat; background-attachment:fixed; margin:0; max-width:100%; width:100%; position:relative; overflow:hidden; z-index:2; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } body div#devskin11811593 .bg-img-15 { padding:10% 0; background:url(https://www.da-files.com/artnetwork/lillyxandra/img-15a.jpg) 0 0/cover no-repeat; background-attachment:fixed; margin:0; max-width:100%; width:100%; position:relative; overflow:hidden; z-index:2; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } /* ------------------------------------------------------- INTERVIEW QUESTIONS ------------------------------------------------------- */ body div#devskin11811593 .essay.interview em { font-size:14px; line-height:22px; margin-top:10px; top:0; left:0; position:absolute; } body div#devskin11811593 .interview p[class*='list']::before { content:''; font-size:50px; margin-top:-20px; margin-left:-65px; line-height:normal; font-family:'Alegreya', serif; font-weight:normal; position:absolute; display:block; } body div#devskin11811593 .list-01::before { content:'01' !important; } body div#devskin11811593 .list-02::before { content:'02' !important; } body div#devskin11811593 .list-03::before { content:'03' !important; } body div#devskin11811593 .list-04::before { content:'04' !important; } body div#devskin11811593 .list-05::before { content:'05' !important; } body div#devskin11811593 .list-06::before { content:'06' !important; } /* ------------------------------------------------------- TOP FIVE DEVIANTS ------------------------------------------------------- */ /* ------------------------------------------------------- TRENCHES ------------------------------------------------------- */ body div#devskin11811593 .trenches { padding:60px 0 120px; margin:0; position:relative; background:#000; background:url(https://www.da-files.com/artnetwork/lillyxandra/img-42.jpg) 0 0/cover repeat; color:#fff; overflow:hidden; } body div#devskin11811593 .trenches .guides { padding-bottom:0; padding-left:60px; padding-right:60px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body div#devskin11811593 .trenches .guides::before, body div#devskin11811593 .trenches .guides::after { display:none; } body div#devskin11811593 .trenches h1, body div#devskin11811593 .trenches h2, body div#devskin11811593 .trenches h3, body div#devskin11811593 .trenches h4 { color:#fff; border-color:#333; } body div#devskin11811593 .trenches h1::before, body div#devskin11811593 .trenches h2::before, body div#devskin11811593 .trenches h3::before, body div#devskin11811593 .trenches h4::before { color:#333; } body div#devskin11811593 .trenches h3 { font-size:75px; } body div#devskin11811593 .trenches li { font-family:'Alegreya Sans', sans-serif; color:#10C048; font-size:22px; position:relative; z-index:5; } body div#devskin11811593 .trenches.questions li { border-bottom:1px dashed #43594A; padding:0 0 30px; margin:0 0 30px; } body div#devskin11811593 .trenches.questions li ul li { list-style:lower-alpha; border-bottom:none; padding:0; margin-bottom:0; } body div#devskin11811593 .trenches.questions li:last-of-type { border:none; margin:0; padding:0; } body div#devskin11811593 .trenches li p, body div#devskin11811593 .trenches li span { color:#fff; font-family:'Alegreya Sans', sans-serif; font-size:22px; line-height:34px; font-weight:normal; } body div#devskin11811593 .trenches.questions li p { margin:0; } body div#devskin11811593 .trenches blockquote::before { background-color:#181A1B; } body div#devskin11811593 .trenches .guides::before, body div#devskin11811593 .trenches .guides::after { background:#333; bottom:-300px; } body div#devskin11811593 .trenches .sidebar * { color:#666; } body div#devskin11811593 .trenches .sidebar h1, body div#devskin11811593 .trenches .sidebar h2, body div#devskin11811593 .trenches .sidebar h3, body div#devskin11811593 .trenches .sidebar h4, body div#devskin11811593 .trenches .sidebar strong { color:#FFF; } body div#devskin11811593 .trenches .sidebar blockquote { color:#666; } body div#devskin11811593 .trenches .sidebar a.button { color:#fff; border-color:#333; } /* ------------------------------------------------------- TRENCHES ESSAY - CUSTOM ------------------------------------------------------- */ body div#devskin11811593 .trenches.essay p:not(.large):not(.x-large) { color:#f2f2f2; } body div#devskin11811593 .trenches.essay p.x-large { border-top:1px solid #333; border-bottom:1px solid #333; } body div#devskin11811593 .trenches.essay span.dropcaps { color:#fff; } body div#devskin11811593 .trenches.essay strong { color:#fff; } body div#devskin11811593 .trenches.essay .image .credit a { border-bottom:1px solid #333; } body div#devskin11811593 .trenches.essay .image .credit em a { border-bottom:none; } body div#devskin11811593 .trenches.essay blockquote { border-left:1px solid #333; } body div#devskin11811593 .trenches.essay blockquote .credit { color:#7D7F7F; } body div#devskin11811593 .trenches.essay p a, body div#devskin11811593 .trenches.essay li a { color:#40CEC6; } body div#devskin11811593 .trenches.essay p a:hover, body div#devskin11811593 .trenches.essay li a:hover { color:#367F7A; } body div#devskin11811593 .trenches.essay h1, body div#devskin11811593 .trenches.essay h2, body div#devskin11811593 .trenches.essay h3, body div#devskin11811593 .trenches.essay h4 { color:#05CC47; border-color:#333; } /* ------------------------------------------------------- PAPER ------------------------------------------------------- */ body div#devskin11811593 .paper { background:#f2f2f2; color:#666; padding:90px 90px 60px; margin:0 0 90px 0; box-shadow:0 0 0 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.15), 0 10px 0 -5px #f2f2f2, 0 10px 1px -4px rgba(0,0,0,0.15), 0 20px 0 -10px #f2f2f2, 0 20px 1px -9px rgba(0,0,0,0.15); -moz-box-shadow:0 0 0 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.15), 0 10px 0 -5px #f2f2f2, 0 10px 1px -4px rgba(0,0,0,0.15), 0 20px 0 -10px #f2f2f2, 0 20px 1px -9px rgba(0,0,0,0.15); -webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.15), 0 10px 0 -5px #f2f2f2, 0 10px 1px -4px rgba(0,0,0,0.15), 0 20px 0 -10px #f2f2f2, 0 20px 1px -9px rgba(0,0,0,0.15); position:relative; z-index:1; } body div#devskin11811593 .paper.note { background:#ffffab; color:#000; box-shadow:0 0 0 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.15), 0 10px 0 -5px #ffffab, 0 10px 1px -4px rgba(0,0,0,0.15), 0 20px 0 -10px #ffffab, 0 20px 1px -9px rgba(0,0,0,0.15); -moz-box-shadow:0 0 0 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.15), 0 10px 0 -5px #ffffab, 0 10px 1px -4px rgba(0,0,0,0.15), 0 20px 0 -10px #ffffab, 0 20px 1px -9px rgba(0,0,0,0.15); -webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.15), 0 10px 0 -5px #ffffab, 0 10px 1px -4px rgba(0,0,0,0.15), 0 20px 0 -10px #ffffab, 0 20px 1px -9px rgba(0,0,0,0.15); } body div#devskin11811593 .paper h2 { line-height:75px!important; margin-bottom:15px; } body div#devskin11811593 .paper h4 { margin-bottom:0; } body div#devskin11811593 .paper p ~ span { display:block; } body div#devskin11811593 .paper::before { content:''; display:none; position:absolute; top:0; left:0; bottom:0; right:0; background:url(https://www.da-files.com/artnetwork/default/bg-rule_blue.gif) 0 0 repeat; z-index:-1; opacity:0.10; filter:alpha(opacity=10); _zoom:1; } body div#devskin11811593 .paper.note::before { opacity:.15; filter:alpha(opacity=15); _zoom:1; } body div#devskin11811593 .paper::after { content:''; position:absolute; top:0; left:30px; bottom:0; width:1px; background:#F1580A; z-index:-1; } body div#devskin11811593 .paper .author { color:#000; font-size:0.777em; } body div#devskin11811593 .paper li { font-weight:700; font-size:1em; border:none; margin:0; padding:0; } body div#devskin11811593 .paper h1, body div#devskin11811593 .paper h2, body div#devskin11811593 .paper h3, body div#devskin11811593 .paper h4, body div#devskin11811593 .paper strong, body div#devskin11811593 .paper .x-large, body div#devskin11811593 .paper .large { color:#000; } body div#devskin11811593 .trenches .paper li p { color:#666; font-weight:400; } body div#devskin11811593 .paper .title { margin:0 0 30px; } body div#devskin11811593 .paper .title * { margin:0; } body div#devskin11811593 .icon_phone { position:relative; } body div#devskin11811593 .icon_phone::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:url(https://www.da-files.com/artnetwork/default/icon_phone.svg) 0 0/60px auto no-repeat; } body div#devskin11811593 h2.icon_phone { padding-left:70px; } body div#devskin11811593 h2.icon_phone::before { background:url(https://www.da-files.com/artnetwork/default/icon_phone.svg) 0 0/60px auto no-repeat; } body div#devskin11811593 h3.icon_phone { padding-left:40px; } body div#devskin11811593 h3.icon_phone::before { background:url(https://www.da-files.com/artnetwork/default/icon_phone.svg) 0 0/30px auto no-repeat; } /* ------------------------------------------------------- BOTTOM ------------------------------------------------------- */ body div#devskin11811593 .bottom { margin:0; padding:0; right:0; bottom:40px; left:0; position:absolute; z-index:2; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body div#devskin11811593 .bottom a.commentslink { color:#10C048; text-transform:uppercase; font:bold 12px/18px 'Alegreya Sans SC', sans-serif; display:inline-block; text-decoration:none; position:relative; padding:0; margin:0; } body div#devskin11811593 .bottom a.commentslink:hover { color:#CC1B81; } body div#devskin11811593 .gr-body .bottom .prevlink, body div#devskin11811593 .previous { display:none; } /* ------------------------------------------------------- MISC ------------------------------------------------------- */ body div#devskin11811593 .gr-body { overflow:hidden; } body div#devskin11811593 .ogpreview, body div#devskin11811593 .depthradius, body div#devskin11811593 .hide { display:none; } @media only screen and (max-width: 767px) { body div#devskin11811593 .hide-mobile { display:none!important; } } body div#devskin11811593 i.gr1, body div#devskin11811593 i.gr1 i, body div#devskin11811593 i.gr2, body div#devskin11811593 i.gr2 i, body div#devskin11811593 i.gr3, body div#devskin11811593 .gr-top { display:none; } body div#devskin11811593 .gr-body { background:transparent; border:0!important; position:static; overflow:visible; } body div#devskin11811593 .gr-body .grf-indent { background:transparent; margin:auto; text-align:center; padding:0; } body div#devskin11811593 .gr-body .gr { border:0!important; position:static; background:none; } body div#devskin11811593 a.external::after, body div#devskin11811593 a.external { font-style:normal; display:none; display:inline; } body div#devskin11811593 a.external:after { display:none; } body div#devskin11811593 span[class*='user'] a { display:inline!important; white-space:normal; text-decoration:none; } body div#devskin11811593 span[class*='user'] *:hover { color:inherit; } body div#devskin11811593 span.user-symbol { } body div#devskin11811593 .text { padding:0; position:relative; text-align:left; } body div#devskin11811593 .text br { display:none; } body div#devskin11811593 .list { height:0; width:0; clear:both; visibility:hidden; } @media only screen and (max-width: 767px) { body div#devskin11811593 .wrap { width:auto; display:block; padding:0 5%; max-width:420px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .wrap.wide { max-width:420px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .push_1, body div#devskin11811593 .push_2, body div#devskin11811593 .push_3, body div#devskin11811593 .push_4, body div#devskin11811593 .push_5, body div#devskin11811593 .push_6 .push_7, body div#devskin11811593 .push_8, body div#devskin11811593 .push_9, body div#devskin11811593 .push_10, body div#devskin11811593 .push_11, body div#devskin11811593 .pull_1, body div#devskin11811593 .pull_2, body div#devskin11811593 .pull_3, body div#devskin11811593 .pull_4, body div#devskin11811593 .pull_5, body div#devskin11811593 .pull_6, body div#devskin11811593 .pull_7, body div#devskin11811593 .pull_8, body div#devskin11811593 .pull_9, body div#devskin11811593 .pull_10, body div#devskin11811593 .pull_11 { left:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .wrap .wrap { padding:0!important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .image { padding:0; top:0; right:0; bottom:0; left:0; max-width:100%; width:100%; float:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gr-box { font-size:16px; line-height:24px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .depthradius, body div#devskin11811593 .links { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .social .widgets { left:-50%; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .social::before { top:1px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .social-fb { margin-top:0!important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .links > span, body div#devskin11811593 .links a { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .text h1, body div#devskin11811593 .text h2, body div#devskin11811593 .text h3, body div#devskin11811593 .text h4, body div#devskin11811593 .text h5 { margin-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .text h2 { font-size:22px; line-height:36px; padding-bottom:30px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .text h3 { font-size:33px; line-height:46px; padding:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .text h4 { font-size:20px; line-height:30px; margin-bottom:10px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 h1 small, body div#devskin11811593 h2 small, body div#devskin11811593 h3 small, body div#devskin11811593 h4 small { line-height:normal; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .text p { margin-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 h2::before { top:1px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 blockquote { margin:0 0 0 30px; padding:0 0 0 15px; clear:left; } } @media only screen and (max-width: 767px) { body div#devskin11811593 blockquote::before { left:-30px; width:15px; background-size:contain; } } @media only screen and (max-width: 767px) { body div#devskin11811593 span.dropcaps { font-size:76px; line-height:60px; height:60px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .guides::before, body div#devskin11811593 .guides::after { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .text p.large { font:400 21px/25px 'Calibre', 'Montserrat'; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .text p.x-large { font:600 24px/30px 'Calibre', 'Montserrat'; margin:0 0 20px 0; padding:0 0 20px; border-top:none; text-transform:none; border-bottom-color:#CCC; } } @media only screen and (max-width: 767px) { body div#devskin11811593 a.button.selected::after { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 iframe.daembed { height:252px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .padding-t30 { padding-top:15px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .padding-b30 { padding-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .padding-t60 { padding-top:30px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .padding-b60 { padding-bottom:30px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 span.avatar { line-height:30px; height:30px; margin:0 6px 15px 0; float:left; display:inline-block; vertical-align:middle; position:relative; z-index:3; width:30px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 span.avatar img { width:30px; } } /* ------- HEADER ------- */ @media only screen and (max-width: 767px) { body div#devskin11811593 .header { padding:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .header::before, body div#devskin11811593 .header::after { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .header .credit { margin:0; font-size:10px; line-height:16px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .header .credit > a { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .header .credit a { font-weight:inherit; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .header .wrap { position:relative; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .header .copy { max-width:80%; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .header .copy .author, body div#devskin11811593 .header .copy .credit { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .header .credit::before { content:'Header Artist '; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .header .background { position:relative; line-height:0; z-index:0; top:0; bottom:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .header .background img { width:100%; max-width:60%; vertical-align:bottom; display:block; max-width:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .text .header h1 { color:#000; margin:10% 0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .text .header h1 a { font-weight:bold; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .text .header .author { font-size:10px; font-family:'Alegreya Sans SC', sans-serif; line-height:16px; } } /* ------- ESSAY ------- */ @media only screen and (max-width: 767px) { body div#devskin11811593 .essay { padding:30px 0 0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay .before_1, body div#devskin11811593 .essay .before_2, body div#devskin11811593 .essay .before_3, body div#devskin11811593 .essay .before_4, body div#devskin11811593 .essay .before_5, body div#devskin11811593 .essay .before_6, body div#devskin11811593 .essay .before_7, body div#devskin11811593 .essay .before_8, body div#devskin11811593 .essay .before_9, body div#devskin11811593 .essay .before_10, body div#devskin11811593 .essay .before_11, body div#devskin11811593 .essay .after_1, body div#devskin11811593 .essay .after_2, body div#devskin11811593 .essay .after_3, body div#devskin11811593 .essay .after_4, body div#devskin11811593 .essay .after_5, body div#devskin11811593 .essay .after_6, body div#devskin11811593 .essay .after_7, body div#devskin11811593 .essay .after_8, body div#devskin11811593 .essay .after_9, body div#devskin11811593 .essay .after_10, body div#devskin11811593 .essay .after_11 { padding:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay div[class*='col']:not(.no-format) { width:100%!important; float:none; height:auto; display:block; padding:0%; margin-left:0!important; margin-right:0!important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay div[class*='col']:not(.no-format) .credit > a { display:none!important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay div[class*='col']:not(.no-format) .image .credit { background:none; position:relative; padding:5px 0 0; bottom:0; left:0; right:0; text-align:center; z-index:1; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay div[class*='col']:not(.no-format) .image .credit a { border:none; margin:0; padding:0; color:#000; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay div[class*='col']:not(.no-format) .image .credit.detach::before { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay div[class*='col']:not(.no-format) .image .credit.detach > em { color:#4F5254; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay .image.right { margin:0 0 0 5%!important; max-width:35%!important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay .image.left { margin:0 5% 0 0!important; max-width:35%!important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay .image.right .credit, body div#devskin11811593 .essay .image.left .credit { margin:0; position:relative; padding:0; background:none!important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay .image.right .credit > a, body div#devskin11811593 .essay .image.left .credit > a { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay .image.right .credit em, body div#devskin11811593 .essay .image.left .credit em { font-size:8px!important; text-align:center; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay .sidebar { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay .guides { padding:0!important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay * { border-color:#ccc; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay .gallery div[class*='col'] { margin:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay .gallery div[class*='col'] .image .credit { display:block; padding:13px 15px; } } /* ------- SIDEBAR ------- */ @media only screen and (max-width: 767px) { body div#devskin11811593 .essay .sidebar { padding-top:30px; display:none!important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .essay .sidebar * { color:#000; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .trenches .sidebar { background:#111; padding:30px!important; border:1px solid #333; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .trenches .sidebar * { color:#000; } } /* ------- GALLERY ------- */ @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery { background:#181A1B; margin:0; padding:90px 0 0 0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery::after { height:30px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery .credit { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery div[class*='col'] { margin-top:1.388%; margin-bottom:1.388%; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery .wrap { max-width:none; padding:0 !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery h2 { margin:0 5% 30px; color:#fff; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery blockquote { margin:30px 40px auto; max-width:420px; border-color:#05CC47; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery .group, body div#devskin11811593 .gallery .image { margin:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery .group, body div#devskin11811593 .gallery .image { margin:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .mobile { display:none !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .show { display:block; } } /* ------- GALLERY ------- */ @media only screen and (max-width: 767px) { body div#devskin11811593 .col_3.sidebar .image .credit, body div#devskin11811593 .col_2 .image .credit, body div#devskin11811593 .image .credit { position:absolute; overflow:hidden; background:rgba(0, 0, 0, 0); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 80%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 80%); background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 80%); padding:20px 4% 8px 4%; bottom:0; left:0; right:0; color:#FFF; text-align:left; z-index:1; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .image .credit.detach { margin-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .image .credit.invert { background:rgb(255, 255, 255); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0,rgba(255, 255, 255, 0.8) 80%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0,rgba(255, 255, 255, 0.8) 80%); background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0,rgba(255, 255, 255, 0.8) 80%); } } @media only screen and (max-width: 767px) { body div#devskin11811593 .image .credit::before { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .image .credit a { padding:0 0 2px; margin:0 0 1px; font-size:11px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .col_2 .image .credit > a { display:block; color:#fff; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .image .credit em { font-family:'Alegreya Sans SC', sans-serif; font-size:9px; line-height:12px; display:block; margin:0; padding:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .image.large { margin:0; } } /* ------- TRENCHES ------- */ @media only screen and (max-width: 767px) { body div#devskin11811593 .trenches { padding:60px 0; margin:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .trenches .before_1, body div#devskin11811593 .trenches .before_2, body div#devskin11811593 .trenches .before_3, body div#devskin11811593 .trenches .before_4, body div#devskin11811593 .trenches .before_5, body div#devskin11811593 .trenches .before_6, body div#devskin11811593 .trenches .before_7, body div#devskin11811593 .trenches .before_8, body div#devskin11811593 .trenches .before_9, body div#devskin11811593 .trenches .before_10, body div#devskin11811593 .trenches .before_11, body div#devskin11811593 .trenches .after_1, body div#devskin11811593 .trenches .after_2, body div#devskin11811593 .trenches .after_3, body div#devskin11811593 .trenches .after_4, body div#devskin11811593 .trenches .after_5, body div#devskin11811593 .trenches .after_6, body div#devskin11811593 .trenches .after_7, body div#devskin11811593 .trenches .after_8, body div#devskin11811593 .trenches .after_9, body div#devskin11811593 .trenches .after_10, body div#devskin11811593 .trenches .after_11 { padding:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .trenches div[class*='col'] { width:100%; float:none; height:auto; display:block; padding:0%; margin-left:0; margin-right:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .trenches .guides { padding:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .previous { width:100%; text-align:center; right:0; left:0; padding:30px 10px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .bottom { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .trenches li { font-size:14px; line-height:22px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .trenches.questions li:last-of-type { border:none; margin:0; padding:0; } } /* ------- PAPER ------- */ @media only screen and (max-width: 767px) { body div#devskin11811593 .paper { padding:60px 60px 30px; margin:0 0 30px 0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .paper p ~ span { display:none; } } /* ------- LILLYXANDRA ------- */ @media only screen and (max-width: 767px) { body div#devskin11811593 .emblem { margin-top:10px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .emblem::before { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .emblem::before { width:140px; height:135px; top:-65px; left:-57px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery .bg-img-03 { padding:0 !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 img.avatar { width:30px; height:30px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .pt-30 { padding-top:15px !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .pt-0 { padding-top:0 !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 span.w-dropcaps { width:81px; height:89px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .support p { font-size:16px; line-height:24px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 h3 span { font-size:18px; line-height:21px; } } @media only screen and (max-width: 1023px) { body div#devskin11811593 .large.overlay-2 .credit { margin-top:15px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .bg-img-05 { padding:49% 0 5% !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .bg-img-06 { margin-top:30px; padding:11% 0 0 !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .image.bg-img-10.overlay { padding:45% 0 0 !important; background-attachment:scroll !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .bg-img-11, body div#devskin11811593 .bg-img-12, body div#devskin11811593 .bg-img-13, body div#devskin11811593 .bg-img-14, body div#devskin11811593 .bg-img-15 { padding:20% 0 10% !important; background-attachment:scroll !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .image.mb-15 { margin-bottom:10px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .img-01, body div#devskin11811593 .img-19, body div#devskin11811593 .img-20 { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .list-01::before, body div#devskin11811593 .list-02::before, body div#devskin11811593 .list-03::before, body div#devskin11811593 .list-04::before, body div#devskin11811593 .list-05::before, body div#devskin11811593 .list-06::before { width:50px; height:50px; top:-10px; left:0; display:none; } } @media only screen and (max-width: 767px) { body div#devskin11811593 p.list-01, body div#devskin11811593 p.list-02, body div#devskin11811593 p.list-03, body div#devskin11811593 p.list-04, body div#devskin11811593 p.list-05, body div#devskin11811593 p.list-06 { margin-top:40px; padding-top:20px; border-top:1px solid #D3D1BC; } } @media only screen and (max-width: 767px) { body div#devskin11811593 p.list-01 { margin-top:0; padding-top:0; border-top:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .list-03::before { top:336px !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .list-05::before { top:501px !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery div.col_6 { width:50% !important; margin-top:-8px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery div.col_3 { width:25%; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .col_3.no-format.gallery-first { padding-left:0; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery .image { margin-bottom:0 !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .gallery div[class*='col'] { margin-left:0 !important; margin-right:0 !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .col_5.before_1, body div#devskin11811593 .col_5.before_6 { width:97% !important; padding-left:0 !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .credit.detach a, body div#devskin11811593 .credit.detach em { color:#57481A; font-size:12px; line-height:18px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .interview em { position:relative !important; margin-top:0 !important; margin-left:0 !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .interview p[class*='list']::before { font-size:35px; margin:0 0 10px 0; position:static; opacity:0.3; filter:alpha(opacity=30); _zoom:1; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .support.top-five .col_3.before_1.no-format, body div#devskin11811593 .support.top-five .col_3.no-format { padding-left:0 !important; width:100% !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .support.top-five h4 { margin-bottom:15px !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .support.top-five p { margin-bottom:30px !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .video.first.pt-15 { margin-bottom:0 !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .support a.video { font-size:13px; line-height:18px; margin-bottom:20px !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .trenches.questions .col_10.before_2 .wrap.clear .col_8 { width:100% !important; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .trenches.questions h3 { font-size:48px; line-height:54px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .trenches.questions h3 span { font-size:24px; line-height:28px; } } @media only screen and (max-width: 767px) { body div#devskin11811593 .trenches li p, body div#devskin11811593 .trenches li span { font-size:18px; line-height:26px; } } @media only screen and (max-width: 1023px) { body div#devskin11811593 .emblem::before { width:180px; height:173px; top:-85px; left:-77px; } } @media only screen and (max-width: 1023px) { body div#devskin11811593 .bg-img-03 { background-attachment:scroll; padding:0; } } @media only screen and (max-width: 1023px) { body div#devskin11811593 .gallery .wrap { padding:0; } } @media only screen and (max-width: 1023px) { body div#devskin11811593 .col_3.no-format.gallery-first { padding-left:0; } } @media only screen and (max-width: 1023px) { body div#devskin11811593 .gallery .col_3 { width:25%; } } @media only screen and (max-width: 1023px) { body div#devskin11811593 .gallery div .col_6 { width:50% !important; } } @media only screen and (max-width: 1023px) { body div#devskin11811593 .bg-img-11, body div#devskin11811593 .bg-img-12, body div#devskin11811593 .bg-img-13, body div#devskin11811593 .bg-img-14, body div#devskin11811593 .bg-img-15 { background-attachment:scroll !important; } } @media only screen and (max-width: 1023px) { body div#devskin11811593 .author { font-size:13px; line-height:19px; margin-top:-30px; } } @media only screen and (max-width: 1023px) { body div#devskin11811593 .essay.interview em span { margin-bottom:15px; } } @media only screen and (max-width: 1023px) { body div#devskin11811593 h2 { font-size:32px; line-height:48px; } } @media only screen and (max-width: 1023px) { body div#devskin11811593 h4 { font-size:22px; line-height:28px; } } @media only screen and (max-width: 1023px) { body div#devskin11811593 .large.overlay-2 .credit { margin-top:30px; } }





Share



fav.me/d8cxrnl','counturl':'ht… : A Modern Day Fairy Godmother deviantart #costumedesgin ','related':'depthRADIUS'}">






techgnotic.deviantart.com/art/… }">



|Archive





By spotted



the lilac wood by Firefly-Path








There’s a hint of fairy dust in the air at the Firefly Path workshop where JoEllen Elam (Firefly-Path ) brings her fairytale costume creations to life.




Weaving her magic through every piece of the enchanting princess gowns and fantastical fairie wears she creates, JoEllen is here to show that Cinderella isn’t the only one with a fairy godmother. Armed with only a love for cosplaying, a passion for costuming and a can—do attitude, this self taught costume designer began her professional costuming journey in 2002. Eager to learn as much as she could in both business and design, JoEllen used every opportunity to pick up a new sewing technique or internship. Primarily through trial and error she went from creating her first pillowcase to whipping up her own dream–like creations, and after being on DeviantArt for 10 years, is now a fairy godmother to her customers, making their dreams come true through her commissions.


Once Upon A Time

Before her days as a professional costumer JoEllen found her way into the fantastical world of ‘cosplay,’ a term much less prevalent at the time than it is today. From the comical anime Hand Maid May, she picked the character of May as her first cosplay costume creation. From there her love of costuming and cosplay was sparked and only continued to grow with each stitch she sew. She compares cosplay to “a very addicting drug”—you could say she was hooked (many other deviants can probably relate). Her most recent cosplay was a collaboration with The Zelda Project where she shines as Princess Zelda.








TZP: Princess Zelda
by Adella



Spreading The Fairy Dust

Years later as a fully established professional costume designer and makeup artist, JoEllen has been able to turn her hobby in a real life profession. Working out of her whimsical studio in Los Angeles, she has crafted hundreds of costumes and props, worked on several Hollywood productions, been showcased in magazines, and invited as a guest to several conventions where she’s shared her knowledge and love of costuming.


As effortless and magical as JoEllen seems to make constructing her glittering gowns and transforming herself into her favorite characters, she is the first to tell you that it took her a long time to get to where she is today. She’s been kind enough to share a few tips for aspiring costume designers and cosplayers from her years of experience and sits down with us to talk about what it takes to bring to life a Firefly Path creation.









Beauty and the Beast Themed Wedding
by Firefly-Path













Odessa’s Spell
by Firefly-Path









Mermaid Vanity
by Firefly-Path









Princess Zelda
by Firefly-Path









Fairy Tale
by Firefly-Path











Moon Princess
by Firefly-Path









The Forest in Her Eyes
by Firefly-Path









Unicorn Girl
by Firefly-Path











Hunicorn Dreams
by Firefly-Path









Ice Goddess Hair Accessories
by Firefly-Path









Carmilla
by Firefly-Path









Tropical Sunset Fairy
by Firefly-Path












Inspirational Costume Design Tutorials











Making a Costume | Filmed by CORSIGLIA















Becoming a Professional Costume Designer | Filmed by CORSIGLIA













Costume Design Inspiration | Filmed by CORSIGLIA








View More






Drusilla
by Firefly-Path




Interview with Lillyxandra











How much of your identity is based on Lillyxandra and how much in JoEllen? Reading your descriptions of the various Masquerade Fairies and Dragoon Warrior Women (costumes you design and create) begs the question: Does cosplay sometimes blur the lines between fantasy and reality, especially when the costuming is of such high quality? Is cosplay an outlet for creativity or an escape from reality?




Firefly-Path

When I first started cosplaying and posting my work on forums and web pages back in 1999/early 2000’s it was a big faux pas to post your real name for fear that someone would find out where you lived and steal your identity haha. Creating a handle for yourself was customary so I came up with my handle "Lillyxandra". It was not my intention to create a separate persona around my handle, but through posting my work under that name I developed one.




Cosplay is Fantasy and Escapism all wrapped up into one beautiful eye candy package. With each costume I create I'm bringing a fictional character to life through costuming. Every part of a costume should tell a story about the person wearing it. When you put on a costume it has the ability to transform you into something beyond your everyday life.




































Elsa Cosplay Frozen
by Firefly-Path






Is cosplay a form of rebellion against society’s “adult” structures against youthful creativity and imagination?




Firefly-Path

For me personally Cosplay has always been positive activity. That being said it is a much more an “acceptable hobby” now than it was 10 years ago. It's become more mainstream through entertainment throughout the years. Thank God I don’t have to over explain what it is anymore. From TV series, Movies, Video Game, to Mobile Phone Games the fantasy genre is everywhere and it’s not just for kids!










Beauty and the Beast Wedding Gown
by Firefly-Path











Spring Fay
by Firefly-Path





How do those non-familiar with cosplay react when they learn of your passion? Is it generally positive and inquisitive or negative and dismissive?




Firefly-Path

It’s very positive. Any time I’m out in public doing a photoshoot I always have lookie—loos coming up and asking questions about the costumes and what we are doing. They have always been positive and complimentary of my work when I tell them my profession as a costume designer and are generally interested in what I do.




































Snow White Dress
by Firefly-Path






As a professional designer who also appears at conventions in character, are you sometimes looked upon as a dealer who’s gotten to involved with her product? Or do cosplayers question how much your participation is a true commitment to the cause and how much is advertising your wares? Or are we over-thinking all this, instead of just enjoying it?




Firefly-Path

Over my career as a costume designer and cosplayer I have developed a brand name for my company, Firefly Path. But that does not take away from how special or enjoyable creating and wearing a costume is. Making costumes is my full time job so I rarely get to cosplay for pleasure, so when I do cosplay it’s for my own enjoyment and not for promotion. What started out as a hobby had developed into a career, so of course anytime I wear my designs it inadvertently acts as advertisement.




When you are contacted by members of the DeviantArt community wanting to “do what you do” what do you advise them? If so, what is your best piece of advice for an up and coming cosplayer or designer?




Firefly-Path

As cheesy as it sounds.. my advice is do what you love to do. You. Are. Unique. Nobody shares the exact same view as you do. So take your individuality, create something amazing, and share it with the world. And keep doing it!!! Persistence is key.










Ariel’s Pink Ball Gown
by Firefly-Path



What do you see as your longer term goals in costume design, special make-ups … and cosplay?




Firefly-Path

I really enjoy being a couture house with my team of talented seamstress making one–of–a–kind garments for a limited number of customers every year and really pouring our creative hearts into each design. If I could balance offering my designs to a wider market while maintaing my unique custom designs, that would be ideal!




































Sailor Moon: Princess Serenity Gown
by Firefly-Path

































The Lady Amalthea Gown
by Firefly-Path









Zelda with the Master Sword
by Firefly-Path




Lillyxandra’s Top 5 Deviants to Watch








FantasyNinja

FantasyNinja not only is a talented seamstress, but her understanding of armor and make–up really ties her final product together perfectly.






Br2 Small
by FantasyNinja







Training
by FantasyNinja






Fight
by FantasyNinja







Fairytas

I love Jolien’s take on her original fantasy costumes. She has a great way of adding a lot of elaborate details without making her costumes too busy. All of her designs are absolutely ethereal!










Lost
by Fairytas









Ellada
by Fairytas






Beginning of Lilith
by Fairytas







adelhaid

Maria’s not afraid to take on crazy elaborate costumes. Talk about Epic Cosplay, her gallery is full of awesome!






Alucard
by adelhaid







Elizabeth
by adelhaid






Passion
by adelhaid







AgnieszkaOsipa

This Polish Costume designer has a hauntingly beautiful style that is truly unique. Each of her pieces feels as though they have a story behind them.










blue Pope
by AgnieszkaOsipa









Hesperia
by AgnieszkaOsipa






Bohynka
by AgnieszkaOsipa







Verrett

Tano & Artano are a fantastic cosplay team. I really admire the fact that they find the perfect locations for their photoshoots.






Fourth Imperial Prince and his Magi
by Verrett







Brother and sister
by Verrett






Ellerian
by Verrett








Your Thoughts



  • Costume designers, where do you get your inspiration from when designing a costume?
  • Cosplayers, when you are in cosplay do you feel you are fully immersed in the world of the character? Or do you just enjoying taking on the appearance of your favorite character?
  • As a cosplayer when did you take that first step in dressing up outside of Halloween? As a non–cosplayer what would it take for you to dress-up outside of Halloween?
  • When was last time you were in any kind of costume and what did you wear?
  • As a professional artist you sometimes have to compromise your design to fit your client’s vision, share with us your real life experiences of what it means to be a working professional artist.
  • If you could be outfitted by Lillyxandra, what character would you want her to put an original spin on?










    • Related content

    [ TEXT ]


    techgnotic - HYPEROBJECTS AND THE END OF THE WORLD

    [ TEXT ]


    techgnotic - CAREFUL

    [ TEXT ]


    techgnotic - HAS HELL FROZEN OVER?

    [ TEXT ]


    techgnotic - THE KING OF PAIN REIGNS
    Comments: 139

    over0921 [2016-08-01 11:17:54 +0000 UTC]

    So Beautyfull~

    👍: 0 ⏩: 0

    Kage-chan84 [2016-07-26 08:51:54 +0000 UTC]

    1. Internet.
    2. both. I like to emulate the character and enjoy sharing the love of anime with fellow cosplayers <3
    3. We don't have halloween here my first cosplay was Trowa Barton from Gundam Wing in 2006. 
    4. 2011 for a local con. I was Ciel Phantomhive day one and Haninozuka-sempai day two and three :3
    5. not a professional artist. Just make doll outfits for fun. I can't answer this question.
    6. Long Mei-ran/Nataku from the gundam wing manga episode Zero. I would love to see her take on this spunky traditional raised Chinese woman fighting for Justice who died to save her husband.

    👍: 0 ⏩: 0

    Mydu [2016-07-25 12:06:39 +0000 UTC]

    Beautyfull!

    👍: 0 ⏩: 0

    hannahelizabethh [2016-07-22 22:10:57 +0000 UTC]

    Really cool dresses. I love them

    👍: 0 ⏩: 0

    ArwenofGaia [2015-07-22 22:28:05 +0000 UTC]

    wow!

    👍: 0 ⏩: 0

    MermaidDottie [2015-02-26 21:00:06 +0000 UTC]

    Really well written article and interview. I found it extremely informative, Thank you!

    👍: 0 ⏩: 0

    RawkChick [2015-01-18 20:06:39 +0000 UTC]

    JoEllen, I must say that you are truly an inspiration. I had no idea how to sew either, I've just always wanted to create fantastic costume gowns (especially the big poofy princess gowns ) I think it is wonderful that everything you've accomplished started simply with a love for fairy gowns. I find your advice very helpful, I will definitely remember to stay positive and just continue doing what I love to do.

    Thank you for being awesome!

    👍: 0 ⏩: 0

    AlternitiveUniverse [2015-01-17 08:13:18 +0000 UTC]

    This is very inspiring, and amazing. Im in awe

    👍: 0 ⏩: 0

    Blazaqueen91 [2015-01-14 17:05:49 +0000 UTC]

    This is great. I wish you were this person tho so I could follow them lol

    👍: 0 ⏩: 0

    arabiannia [2015-01-14 13:46:00 +0000 UTC]

    Love it! Nice work!

    👍: 0 ⏩: 0

    KiriTheKatt [2015-01-14 01:32:14 +0000 UTC]

    I wish I had just a pinky worth of talent to make these.

    👍: 0 ⏩: 0

    LivelovelifeEleni [2015-01-13 18:20:39 +0000 UTC]

    Beautiful women <3 yes embrace your individuality guys

    👍: 0 ⏩: 0

    sairenbbb [2015-01-13 13:17:20 +0000 UTC]

    Wow..very amazing...

    👍: 0 ⏩: 0

    hunnybunsz [2015-01-13 03:27:47 +0000 UTC]

    I love this!! #WamblingsWoman check this out WamblingsWoman  

    👍: 0 ⏩: 0

    xandraclay [2015-01-12 02:16:50 +0000 UTC]

    When I wore my Gryffindor robe in Harry Potter World I felt...awesome, more confident, it was magical!

    I would love to see a costume based off of Mulan. Some more guys like Aladdin and Peter Pan. Greek, Egypt, and Native American would be cool too! And some of the outfits from the anime/manga Shugo Chara! Whatever you make it's awesome! Keep it up!

    👍: 0 ⏩: 0

    kidsgamesfree [2015-01-12 01:43:03 +0000 UTC]

    This is amazing



    www.kidsgamesonline.net/

    👍: 0 ⏩: 0

    xandraclay [2015-01-11 22:04:48 +0000 UTC]

     

    👍: 0 ⏩: 0

    Sephirayne [2015-01-11 06:54:23 +0000 UTC]

    Brilliant feature.  I have been a follower of JoEllen's work for many years.  Her work has been an inspiration and she is dedicated to her craft.  I'm so happy that she has done so well.   

    👍: 0 ⏩: 1

    Firefly-Path In reply to Sephirayne [2015-01-14 19:48:23 +0000 UTC]

    <3 thank you so much!

    👍: 0 ⏩: 0

    BlueBirdBlackBird [2015-01-11 05:30:52 +0000 UTC]

    this is amazing

    👍: 0 ⏩: 0

    ToxicaFay [2015-01-11 03:27:29 +0000 UTC]

    I keep looking at this because it's so enchanting and beautiful

    👍: 0 ⏩: 0

    lolapolly33 [2015-01-10 22:26:56 +0000 UTC]

    the lady amalthea cosplay was gorgeous i have never seen anything like

    👍: 0 ⏩: 1

    Firefly-Path In reply to lolapolly33 [2015-01-14 19:49:59 +0000 UTC]

    It's what I imagined it as a kid. It was much grander of a costume in my memories when its actuality it a very simple a-line dress. <3

    👍: 0 ⏩: 0

    Espanholina [2015-01-10 22:23:45 +0000 UTC]

    She is amazing ! Please be my fairy Godmother, JoEllen    , this was all so beautiful I can't even... 

    👍: 0 ⏩: 0

    mypetsnowy1 [2015-01-10 16:08:44 +0000 UTC]

    Wow this has just the right amount of beauty and mystery top make me love it!

    👍: 0 ⏩: 0

    KainorraShipper [2015-01-10 13:04:10 +0000 UTC]

    This is rediculously beautiful

    👍: 0 ⏩: 0

    ToxicaFay [2015-01-10 03:45:13 +0000 UTC]

    I'm new to DeviantArt, an Art student, please check me out <3

    👍: 0 ⏩: 0

    JodiChicken [2015-01-10 02:50:49 +0000 UTC]

    Throw my OC in one of these and you have a fantasy in two seconds.

    👍: 0 ⏩: 0

    Oceanblue-Art [2015-01-10 01:26:57 +0000 UTC]

    A Princess Buttercup cosplay or any kind of MLP cosplay by her would be really cool to see! 

    👍: 0 ⏩: 0

    DepressionedOnes101 [2015-01-10 01:17:37 +0000 UTC]

    Amazing

    👍: 0 ⏩: 0

    Marla-chan [2015-01-10 01:08:12 +0000 UTC]

    saving as reference, heh

    👍: 0 ⏩: 0

    MUbyGaelle [2015-01-09 23:12:27 +0000 UTC]

    Great review! I'll go watch the tutorials!

    👍: 0 ⏩: 0

    StayUnnoticed [2015-01-09 23:03:28 +0000 UTC]

    I see Kerli!! <3

    👍: 0 ⏩: 0

    KizzyAnel [2015-01-09 21:04:22 +0000 UTC]

    I adore !!! I'm so happy she got this feature. Ever since my friend put me onto her, she has been an inspiration for me to keep at it myself.  I particularly find it inspiring the way her and her group of fellow creators all support each other in projects and pursuits.  It's something that has stuck with me and in a way makes me envious.


    1) I get my inspiration from things I'm a fan of: movies, companies, artists, books etc some of my favorites and most influential are The Darkangel Trilogy by Meredith Ann Pierce, the Labyrinth movie, Disney, Amano, M C Escher, Artemisia Gentileschi...


    2) I rarely can stay fully emersed in a character.  I do think that happens during the creation process though.  Wearing a cosplay is me enjoying the aftermath of that emersion.


    3) I started with renaissance Faires actually back in middle school....from there it was a downhill slope.  Next came the Labyr kk ntb of Jareth masquerade Ball in Los Angeles which an awesome event!


    4) NewCon PDX as K Atlas , an Aperture Scientist based off of the game Portal 2.


    5) unfortunately I have not gotten many commissions most fall through because I find the majority don't really know the price base for customized costuming or art and then aren't prepared for the price tag.


    6) OMGoblins this is something I've fantasized about so many times....I would say I would love to see her take on Disney Esmerelda's dance performance dress or an original design....it have no clue what that would be.. haha

    👍: 0 ⏩: 1

    Firefly-Path In reply to KizzyAnel [2015-01-12 22:50:00 +0000 UTC]

    Esmerelda would be a fun one to make with brightly painted silks!

    👍: 0 ⏩: 1

    KizzyAnel In reply to Firefly-Path [2015-01-13 00:21:27 +0000 UTC]

    WOuldn't it!?  Okay one day I'll commission that from you *^_^*

    👍: 0 ⏩: 0

    spitfire-panda [2015-01-09 20:34:26 +0000 UTC]

    Awesome costume designs!

    👍: 0 ⏩: 0

    iedasb [2015-01-09 20:17:34 +0000 UTC]

    I wish I wasn't fat, so I could wear costumes like these

    👍: 0 ⏩: 3

    Firefly-Path In reply to iedasb [2015-01-12 23:18:04 +0000 UTC]

    iedasb, Like Jolien-Rosanne  and KizzyAnel   said I've designed and created costume for several body types all of them beautiful! If dressing in costume makes you happy you should try it out!

    👍: 0 ⏩: 1

    iedasb In reply to Firefly-Path [2015-01-13 00:10:52 +0000 UTC]

    Yes, I know. 
    but after all, costumes are expensive, for fatties, are more material to make >.>

    👍: 0 ⏩: 0

    KizzyAnel In reply to iedasb [2015-01-09 20:37:27 +0000 UTC]

    Design costumes around your body type. I've seen many successful cosplayers who succeed without having this body type. You can do it and still lfind yourself flattering, but it starts with yit. If you look at JoEllens portfolio she has designed costumes for other body types as well.

    👍: 0 ⏩: 1

    iedasb In reply to KizzyAnel [2015-01-09 21:49:31 +0000 UTC]

    Yes, but there will be always people to make fun of youm unfortunatelly.

    👍: 0 ⏩: 1

    KizzyAnel In reply to iedasb [2015-01-10 07:58:23 +0000 UTC]

    It'd your choice whether you let them effect you or not.

    👍: 0 ⏩: 1

    iedasb In reply to KizzyAnel [2015-01-10 17:58:25 +0000 UTC]

    Thats not really like this, you know. reality is horrible

    👍: 0 ⏩: 1

    KizzyAnel In reply to iedasb [2015-01-10 19:31:29 +0000 UTC]

    I'm not saying it is easy... but if you start with a more positive and can do attitude you have some where to go. Otherwise you are stopping yourself before you even start. You should check out people like Jasmine m.facebook.com/JasmineALadjeva… who is beautiful.

    👍: 0 ⏩: 1

    iedasb In reply to KizzyAnel [2015-01-10 22:18:33 +0000 UTC]

    Not even seeing the photos I saw a drawing, of her persona. Her person is slim.
    Now you understand? Even if she's fat and all, she still wanted to be slim >.>
    Slim people dont understand fat people

    👍: 0 ⏩: 1

    KizzyAnel In reply to iedasb [2015-01-11 05:50:21 +0000 UTC]

    Sorry you feel that way. Good luck to you.

    👍: 0 ⏩: 1

    iedasb In reply to KizzyAnel [2015-01-11 16:43:28 +0000 UTC]

    yeah

    👍: 0 ⏩: 0

    Fairytas In reply to iedasb [2015-01-09 20:36:05 +0000 UTC]

    you don't have to be skinny to wear dresses like these. Check out her galleries and you will see lots of different sized costumes coming up. Also don't let anyone tell you you can't wear a fantasy design like this. Designers, me included, love to work with every shape and sized people make you them look and feel like a queens and kings.

    👍: 0 ⏩: 1

    iedasb In reply to Fairytas [2015-01-09 21:50:38 +0000 UTC]

    I know, but there are people who will make fun, always have people who make jokes :/
    And to me beautifull, I need to pay lots of money, I'm not rich(I dont even have money to buy food right lol)

    👍: 0 ⏩: 1


    | Next =>