HOME | DD

Description
/* ------------------------------------------------------- BODY - The outter most DIV that you have control over is called '.gr-box'. I treat this as my body when making a skin, hence the comma after the BODY element. ------------------------------------------------------- */ body div#devskin12085759 , body div#devskin12085759 .gr-box { font:16px/24px Sans-Serif; background:#fff; color:#000; position:relative; border:none; margin:0; padding:0; } /* ------------------------------------------------------- 12 COLUMN GRID ------------------------------------------------------- */ body div#devskin12085759 .wrap { max-width:1080px; margin:auto; padding:0; position:relative; } body div#devskin12085759 .wrap .wrap { width:100%; padding:0; } body div#devskin12085759 .wrap.wide { max-width:1500px; } /* Media Query */ @media only screen and (max-width: 1023px) { body div#devskin12085759 .wrap { padding:0 15px; } } @media only screen and (max-width: 767px) { body div#devskin12085759 .wrap { width:auto; display:block; padding:0 5%; max-width:420px; margin:auto; } } @media only screen and (max-width: 767px) { body div#devskin12085759 .wrap .wrap { padding:0; } } /* ------------------------------------------------------- COLUMNS ------------------------------------------------------- */ body div#devskin12085759 .col_1, body div#devskin12085759 .col_2, body div#devskin12085759 .col_3, body div#devskin12085759 .col_4, body div#devskin12085759 .col_5, body div#devskin12085759 .col_6, body div#devskin12085759 .col_7, body div#devskin12085759 .col_8, body div#devskin12085759 .col_9, body div#devskin12085759 .col_10, body div#devskin12085759 .col_11, body div#devskin12085759 .col_12 { display:inline; float:left; position:relative; margin-left:1.388%; margin-right:1.388%; } body div#devskin12085759 .col_1 { width:5.5550%; } body div#devskin12085759 .col_2 { width:13.888%; } body div#devskin12085759 .col_3 { width:22.222%; } body div#devskin12085759 .col_4 { width:30.555%; } body div#devskin12085759 .col_5 { width:38.888%; } body div#devskin12085759 .col_6 { width:47.222%; } body div#devskin12085759 .col_7 { width:55.555%; } body div#devskin12085759 .col_8 { width:63.888%; } body div#devskin12085759 .col_9 { width:72.222%; } body div#devskin12085759 .col_10 { width:80.555%; } body div#devskin12085759 .col_11 { width:88.888%; } body div#devskin12085759 .col_12 { width:97.222%; } @media only screen and (max-width: 767px) { body div#devskin12085759 .wrap div[class*='col_']:not(.no-format) { width:100%; float:none; height:auto; display:block; padding:0; margin-left:0; margin-right:0; transition:all 0.25s ease-in; -moz-transition:all 0.25s ease-in; -webkit-transition:all 0.25s ease-in; -ms-transition:all 0.25s ease-in; -o-transition:all 0.25s ease-in; } } /* ------------------------------------------------------- COLUMN BEFORE AND AFTER Used to occupy space to the left or right of columns. ------------------------------------------------------- */ body div#devskin12085759 .before_1 { padding-left:8.3330%; } body div#devskin12085759 .before_2 { padding-left:16.666%; } body div#devskin12085759 .before_3 { padding-left:25.000%; } body div#devskin12085759 .before_4 { padding-left:33.333%; } body div#devskin12085759 .before_5 { padding-left:41.667%; } body div#devskin12085759 .before_6 { padding-left:50.000%; } body div#devskin12085759 .before_7 { padding-left:58.333%; } body div#devskin12085759 .before_8 { padding-left:66.667%; } body div#devskin12085759 .before_9 { padding-left:75.000%; } body div#devskin12085759 .before_10 { padding-left:83.333%; } body div#devskin12085759 .before_11 { padding-left:91.667%; } body div#devskin12085759 .after_1 { padding-right:8.3330%; } body div#devskin12085759 .after_2 { padding-right:16.667%; } body div#devskin12085759 .after_3 { padding-right:25.000%; } body div#devskin12085759 .after_4 { padding-right:33.333%; } body div#devskin12085759 .after_5 { padding-right:41.667%; } body div#devskin12085759 .after_6 { padding-right:50.000%; } body div#devskin12085759 .after_7 { padding-right:58.333%; } body div#devskin12085759 .after_8 { padding-right:66.667%; } body div#devskin12085759 .after_9 { padding-right:75.000%; } body div#devskin12085759 .after_10 { padding-right:83.333%; } body div#devskin12085759 .after_11 { padding-right:91.667%; } @media only screen and (max-width: 767px) { body div#devskin12085759 div[class='before_'], body div#devskin12085759 div[class='after_'] { padding:0; } } body div#devskin12085759 .alpha { margin-left:0!important; } body div#devskin12085759 .omega { margin-right:0!important; } /* ------------------------------------------------------- NESTED COLUMNS ------------------------------------------------------- */ body div#devskin12085759 .col_12 .wrap .col_11 { width:91.428%; margin-left:1.428%; margin-right:1.724%; } body div#devskin12085759 .col_12 .wrap .col_10 { width:82.857%; margin-left:1.428%; margin-right:1.724%; } body div#devskin12085759 .col_12 .wrap .col_9 { width:74.285%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12085759 .col_12 .wrap .col_8 { width:65.714%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12085759 .col_12 .wrap .col_7 { width:57.142%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12085759 .col_12 .wrap .col_6 { width:48.571%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12085759 .col_12 .wrap .col_5 { width:40.000%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12085759 .col_12 .wrap .col_4 { width:31.428%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12085759 .col_12 .wrap .col_3 { width:22.857%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12085759 .col_12 .wrap .col_2 { width:14.285%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12085759 .col_12 .wrap .col_1 { width:5.7142%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12085759 .col_11 .wrap .col_10 { width:90.625%; margin-left:1.562%; margin-right:1.724%; } body div#devskin12085759 .col_11 .wrap .col_9 { width:81.250%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12085759 .col_11 .wrap .col_8 { width:71.875%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12085759 .col_11 .wrap .col_7 { width:62.500%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12085759 .col_11 .wrap .col_6 { width:53.125%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12085759 .col_11 .wrap .col_5 { width:43.750%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12085759 .col_11 .wrap .col_4 { width:34.375%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12085759 .col_11 .wrap .col_3 { width:25.000%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12085759 .col_11 .wrap .col_2 { width:15.625%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12085759 .col_11 .wrap .col_1 { width:6.2500%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12085759 .col_10 .wrap .col_9 { width:89.655%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12085759 .col_10 .wrap .col_8 { width:79.310%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12085759 .col_10 .wrap .col_7 { width:68.965%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12085759 .col_10 .wrap .col_6 { width:58.620%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12085759 .col_10 .wrap .col_5 { width:48.275%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12085759 .col_10 .wrap .col_4 { width:37.931%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12085759 .col_10 .wrap .col_3 { width:27.586%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12085759 .col_10 .wrap .col_2 { width:17.241%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12085759 .col_10 .wrap .col_1 { width:6.8960%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12085759 .col_9 .wrap .col_8 { width:88.461%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12085759 .col_9 .wrap .col_7 { width:76.923%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12085759 .col_9 .wrap .col_6 { width:65.384%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12085759 .col_9 .wrap .col_5 { width:53.846%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12085759 .col_9 .wrap .col_4 { width:42.307%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12085759 .col_9 .wrap .col_3 { width:30.769%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12085759 .col_9 .wrap .col_2 { width:19.230%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12085759 .col_9 .wrap .col_1 { width:7.6920%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12085759 .col_8 .wrap .col_7 { width:86.956%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12085759 .col_8 .wrap .col_6 { width:73.913%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12085759 .col_8 .wrap .col_5 { width:60.869%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12085759 .col_8 .wrap .col_4 { width:47.826%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12085759 .col_8 .wrap .col_3 { width:34.782%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12085759 .col_8 .wrap .col_2 { width:21.739%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12085759 .col_8 .wrap .col_1 { width:8.6950%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12085759 .col_7 .wrap .col_7 { width:100.00%; margin-left:0.000%; margin-right:0.000%; } body div#devskin12085759 .col_7 .wrap .col_6 { width:85.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin12085759 .col_7 .wrap .col_5 { width:70.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin12085759 .col_7 .wrap .col_4 { width:55.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin12085759 .col_7 .wrap .col_3 { width:40.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin12085759 .col_7 .wrap .col_2 { width:25.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin12085759 .col_7 .wrap .col_1 { width:10.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin12085759 .col_6 .wrap .col_5 { width:82.352%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12085759 .col_6 .wrap .col_4 { width:64.705%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12085759 .col_6 .wrap .col_3 { width:47.058%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12085759 .col_6 .wrap .col_2 { width:29.411%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12085759 .col_6 .wrap .col_1 { width:11.764%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12085759 .col_5 .wrap .col_4 { width:78.571%; margin-left:3.571%; margin-right:3.571%; } body div#devskin12085759 .col_5 .wrap .col_3 { width:57.142%; margin-left:3.571%; margin-right:3.571%; } body div#devskin12085759 .col_5 .wrap .col_2 { width:35.714%; margin-left:3.571%; margin-right:3.571%; } body div#devskin12085759 .col_5 .wrap .col_1 { width:14.285%; margin-left:3.571%; margin-right:3.571%; } body div#devskin12085759 .col_4 .wrap .col_3 { width:72.727%; margin-left:4.545%; margin-right:4.545%; } body div#devskin12085759 .col_4 .wrap .col_2 { width:45.454%; margin-left:4.545%; margin-right:4.545%; } body div#devskin12085759 .col_4 .wrap .col_1 { width:18.181%; margin-left:4.545%; margin-right:4.545%; } body div#devskin12085759 .col_3 .wrap .col_2 { width:62.500%; margin-left:6.250%; margin-right:6.250%; } body div#devskin12085759 .col_3 .wrap .col_1 { width:25.000%; margin-left:6.250%; margin-right:6.250%; } body div#devskin12085759 .col_2 .wrap .col_1 { width:40.000%; margin-left:10.00%; margin-right:10.00%; } /* ------------------------------------------------------- NESTED BEFORE ------------------------------------------------------- */ body div#devskin12085759 .col_10 .wrap .before_9 { padding-left:93.103%; } body div#devskin12085759 .col_10 .wrap .before_8 { padding-left:82.758%; } body div#devskin12085759 .col_10 .wrap .before_7 { padding-left:72.413%; } body div#devskin12085759 .col_10 .wrap .before_6 { padding-left:62.068%; } body div#devskin12085759 .col_10 .wrap .before_5 { padding-left:51.724%; } body div#devskin12085759 .col_10 .wrap .before_4 { padding-left:41.379%; } body div#devskin12085759 .col_10 .wrap .before_3 { padding-left:31.034%; } body div#devskin12085759 .col_10 .wrap .before_2 { padding-left:20.689%; } body div#devskin12085759 .col_10 .wrap .before_1 { padding-left:10.344%; } body div#devskin12085759 .col_10 .wrap .after_9 { padding-right:93.103%; } body div#devskin12085759 .col_10 .wrap .after_8 { padding-right:82.758%; } body div#devskin12085759 .col_10 .wrap .after_7 { padding-right:72.413%; } body div#devskin12085759 .col_10 .wrap .after_6 { padding-right:62.068%; } body div#devskin12085759 .col_10 .wrap .after_5 { padding-right:51.724%; } body div#devskin12085759 .col_10 .wrap .after_4 { padding-right:41.379%; } body div#devskin12085759 .col_10 .wrap .after_3 { padding-right:31.034%; } body div#devskin12085759 .col_10 .wrap .after_2 { padding-right:20.689%; } body div#devskin12085759 .col_10 .wrap .after_1 { padding-right:10.344%; } body div#devskin12085759 .col_9 .wrap .before_8 { padding-left:92.307%; } body div#devskin12085759 .col_9 .wrap .before_7 { padding-left:80.769%; } body div#devskin12085759 .col_9 .wrap .before_6 { padding-left:69.230%; } body div#devskin12085759 .col_9 .wrap .before_5 { padding-left:57.692%; } body div#devskin12085759 .col_9 .wrap .before_4 { padding-left:46.153%; } body div#devskin12085759 .col_9 .wrap .before_3 { padding-left:34.615%; } body div#devskin12085759 .col_9 .wrap .before_2 { padding-left:23.076%; } body div#devskin12085759 .col_9 .wrap .before_1 { padding-left:11.538%; } body div#devskin12085759 .col_9 .wrap .after_8 { padding-right:92.307%; } body div#devskin12085759 .col_9 .wrap .after_7 { padding-right:80.769%; } body div#devskin12085759 .col_9 .wrap .after_6 { padding-right:69.230%; } body div#devskin12085759 .col_9 .wrap .after_5 { padding-right:57.692%; } body div#devskin12085759 .col_9 .wrap .after_4 { padding-right:46.153%; } body div#devskin12085759 .col_9 .wrap .after_3 { padding-right:34.615%; } body div#devskin12085759 .col_9 .wrap .after_2 { padding-right:23.076%; } body div#devskin12085759 .col_9 .wrap .after_1 { padding-right:11.538%; } body div#devskin12085759 .col_8 .wrap .before_7 { padding-left:91.304%; } body div#devskin12085759 .col_8 .wrap .before_6 { padding-left:78.260%; } body div#devskin12085759 .col_8 .wrap .before_5 { padding-left:65.217%; } body div#devskin12085759 .col_8 .wrap .before_4 { padding-left:52.173%; } body div#devskin12085759 .col_8 .wrap .before_3 { padding-left:39.130%; } body div#devskin12085759 .col_8 .wrap .before_2 { padding-left:26.086%; } body div#devskin12085759 .col_8 .wrap .before_1 { padding-left:13.043%; } body div#devskin12085759 .col_8 .wrap .after_7 { padding-right:91.304%; } body div#devskin12085759 .col_8 .wrap .after_6 { padding-right:78.260%; } body div#devskin12085759 .col_8 .wrap .after_5 { padding-right:65.217%; } body div#devskin12085759 .col_8 .wrap .after_4 { padding-right:52.173%; } body div#devskin12085759 .col_8 .wrap .after_3 { padding-right:39.130%; } body div#devskin12085759 .col_8 .wrap .after_2 { padding-right:26.086%; } body div#devskin12085759 .col_8 .wrap .after_1 { padding-right:13.043%; } body div#devskin12085759 .col_7 .wrap .before_6 { padding-left:90.000%; } body div#devskin12085759 .col_7 .wrap .before_5 { padding-left:75.000%; } body div#devskin12085759 .col_7 .wrap .before_4 { padding-left:60.000%; } body div#devskin12085759 .col_7 .wrap .before_3 { padding-left:45.000%; } body div#devskin12085759 .col_7 .wrap .before_2 { padding-left:30.000%; } body div#devskin12085759 .col_7 .wrap .before_1 { padding-left:15.000%; } body div#devskin12085759 .col_7 .wrap .after_6 { padding-right:90.000%; } body div#devskin12085759 .col_7 .wrap .after_5 { padding-right:75.000%; } body div#devskin12085759 .col_7 .wrap .after_4 { padding-right:60.000%; } body div#devskin12085759 .col_7 .wrap .after_3 { padding-right:45.000%; } body div#devskin12085759 .col_7 .wrap .after_2 { padding-right:30.000%; } body div#devskin12085759 .col_7 .wrap .after_1 { padding-right:15.000%; } body div#devskin12085759 .col_6 .wrap .before_5 { padding-left:88.235%; } body div#devskin12085759 .col_6 .wrap .before_4 { padding-left:70.588%; } body div#devskin12085759 .col_6 .wrap .before_3 { padding-left:52.941%; } body div#devskin12085759 .col_6 .wrap .before_2 { padding-left:35.294%; } body div#devskin12085759 .col_6 .wrap .before_1 { padding-left:17.647%; } body div#devskin12085759 .col_6 .wrap .after_5 { padding-right:88.235%; } body div#devskin12085759 .col_6 .wrap .after_4 { padding-right:70.588%; } body div#devskin12085759 .col_6 .wrap .after_3 { padding-right:52.941%; } body div#devskin12085759 .col_6 .wrap .after_2 { padding-right:35.294%; } body div#devskin12085759 .col_6 .wrap .after_1 { padding-right:17.647%; } body div#devskin12085759 .col_5 .wrap .before_4 { padding-left:85.714%; } body div#devskin12085759 .col_5 .wrap .before_3 { padding-left:64.285%; } body div#devskin12085759 .col_5 .wrap .before_2 { padding-left:42.857%; } body div#devskin12085759 .col_5 .wrap .before_1 { padding-left:21.428%; } body div#devskin12085759 .col_5 .wrap .after_4 { padding-right:85.714%; } body div#devskin12085759 .col_5 .wrap .after_3 { padding-right:64.285%; } body div#devskin12085759 .col_5 .wrap .after_2 { padding-right:42.857%; } body div#devskin12085759 .col_5 .wrap .after_1 { padding-right:21.428%; } body div#devskin12085759 .col_4 .wrap .before_3 { padding-left:81.818%; } body div#devskin12085759 .col_4 .wrap .before_2 { padding-left:54.545%; } body div#devskin12085759 .col_4 .wrap .before_1 { padding-left:27.272%; } body div#devskin12085759 .col_4 .wrap .right_3 { padding-right:81.818%; } body div#devskin12085759 .col_4 .wrap .right_2 { padding-right:54.545%; } body div#devskin12085759 .col_4 .wrap .right_1 { padding-right:27.272%; } body div#devskin12085759 .col_3 .wrap .before_2 { padding-left:42.857%; } body div#devskin12085759 .col_3 .wrap .before_1 { padding-left:37.500%; } body div#devskin12085759 .col_3 .wrap .after_2 { padding-right:42.857%; } body div#devskin12085759 .col_3 .wrap .after_1 { padding-right:37.500%; } body div#devskin12085759 .col_2 .wrap .before_1 { padding-left:60.000%; } body div#devskin12085759 .col_2 .wrap .after_1 { padding-right:60.000%; } body div#devskin12085759 .clear:before, body div#devskin12085759 .clear:after { content:''; display:table; } body div#devskin12085759 .clear:after { clear:both; } body div#devskin12085759 .clear { clear:both; } body div#devskin12085759 iframe.daembed { display:block; width:100%; } body div#devskin12085759 .col_2 iframe.daembed { height:084px; } body div#devskin12085759 .col_3 iframe.daembed { height:135px; } body div#devskin12085759 .col_4 iframe.daembed { height:186px; } body div#devskin12085759 .col_5 iframe.daembed { height:236px; } body div#devskin12085759 .col_6 iframe.daembed { height:287px; } body div#devskin12085759 .col_7 iframe.daembed { height:338px; } body div#devskin12085759 .col_8 iframe.daembed { height:388px; } body div#devskin12085759 .col_9 iframe.daembed { height:439px; } body div#devskin12085759 .col_10 iframe.daembed { height:489px; } body div#devskin12085759 .col_11 iframe.daembed { height:540px; } body div#devskin12085759 .col_12 iframe.daembed { height:591px; } @media only screen and (max-width: 767px) { body div#devskin12085759 .text iframe.daembed { height:236px; } } /* ------------------------------------------------------- ********************************************************** START CUSTOM CSS BELOW ********************************************************** ------------------------------------------------------- */ body div#devskin12085759 h1, body div#devskin12085759 h2, body div#devskin12085759 h3, body div#devskin12085759 h4 { font-family:Sans-Serif; line-height:normal; letter-spacing:normal; position:relative; color:inherit; margin:0 0 30px; z-index:1; } body div#devskin12085759 h1 a, body div#devskin12085759 h2 a, body div#devskin12085759 h3 a, body div#devskin12085759 h4 a { color:inherit !important; font:inherit !important; text-decoration:inherit; } body div#devskin12085759 h2 { text-align:center; margin:60px 0; } /* Custom */ body div#devskin12085759 .mobile { display:none; } @media only screen and (max-width: 767px) { body div#devskin12085759 .mobile { display:block; } } /* Type */ body div#devskin12085759 p { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:18px; } body div#devskin12085759 .menu ul { margin:0px; padding:30px 0px; } body div#devskin12085759 .menu ul li { display:inline-block; } body div#devskin12085759 .da-mobile[mobile] .menu ul li { display:block; } body div#devskin12085759 .menu a { color:#fff; text-transform:uppercase; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; margin-left:10px; } body div#devskin12085759 .social { text-align:center; margin-bottom:10px; } body div#devskin12085759 .social-twitter, body div#devskin12085759 .social-fb, body div#devskin12085759 .social-gp { display:inline-block; position:relative; } body div#devskin12085759 .social-twitter { top:10px; } body div#devskin12085759 .social-fb { top:2px; position:relative; margin-right:5px; } body div#devskin12085759 .social-gp { top:10px; } body div#devskin12085759 .social.bg { background:url('https://www.da-files.com/creative/marketing/2015/stylus/social-bg.svg') center center no-repeat; background-size:contain; height:40px; position:relative; top:20px; } body div#devskin12085759 .slant-bg-top { background:url('https://www.da-files.com/creative/marketing/2015/stylus/header-bg.jpg') center center; background-size:cover; min-height:575px; padding-top:70px; } body div#devskin12085759 .header .title { margin-top:100px; } body div#devskin12085759 .pen-bg { background:url('https://www.da-files.com/creative/marketing/2015/stylus/pen-header.png') center top no-repeat; height:575px; } @media only screen and (max-width: 767px) { body div#devskin12085759 .pen-bg { background:transparent; height:auto; } } @media only screen and (max-width: 767px) { body div#devskin12085759 .pen-solo { width:140px; margin:20px auto 0; } } body div#devskin12085759 .pen { max-width:1040px; width:100%; } body div#devskin12085759 strong a { color:#05cc47; font-weight:normal; } body div#devskin12085759 .section-1 { padding-top:80px; } body div#devskin12085759 .section-1.bg { background:url('https://www.da-files.com/creative/marketing/2015/stylus/wire-bg.jpg') center top no-repeat; background-size:cover; min-height:520px; } body div#devskin12085759 .section-2.bg { background:#000 url('https://www.da-files.com/creative/marketing/2015/stylus/pen-bg.jpg') center 150px no-repeat; background-size:contain; } @media only screen and (max-width: 767px) { body div#devskin12085759 .section-2.bg { background:#000; background-size:contain; } } body div#devskin12085759 .section-2 .header { padding-top:80px; min-height:850px; } @media only screen and (max-width: 767px) { body div#devskin12085759 .section-2 .header { min-height:200px; } } body div#devskin12085759 .legacy { text-align:center; padding:80px 0px; } body div#devskin12085759 .black { background-color:#000; } body div#devskin12085759 .section-3 { padding:60px 0px; } body div#devskin12085759 .credit { position:absolute; bottom:2%; left:2%; } body div#devskin12085759 .credit p { margin:0px; color:#a9a8a7; font-size:11px; line-height:13px; } body div#devskin12085759 .credit a { font-weight:bold; text-decoration:none; color:#a9a8a7; } body div#devskin12085759 .da-mobile[mobile] .credit { position:relative; } body div#devskin12085759 .section-3.bg { background:url('https://www.da-files.com/creative/marketing/2015/stylus/paint-bg.jpg') center center; background-size:cover; } body div#devskin12085759 .section-3 .inks { background:url('https://www.da-files.com/creative/marketing/2015/stylus/pen-inks.png') center center no-repeat; height:700px; } @media only screen and (max-width: 767px) { body div#devskin12085759 .section-3 .inks { background:transparent; height:auto; } } body div#devskin12085759 .section-4 { padding:60px 0px; min-height:380px; } body div#devskin12085759 .section-4.bg { background:url('https://www.da-files.com/creative/marketing/2015/stylus/smudge-bg.jpg') center center no-repeat; background-size:cover; } body div#devskin12085759 .section-5 { padding:60px 0px; min-height:380px; } body div#devskin12085759 .section-5.bg { background:url('https://www.da-files.com/creative/marketing/2015/stylus/surface-bg.jpg') center center no-repeat; background-size:cover; } body div#devskin12085759 .section-6 { padding:60px 0px; min-height:380px; } body div#devskin12085759 .section-6.bg { background:url('https://www.da-files.com/creative/marketing/2015/stylus/bird-bg.jpg') center center no-repeat; background-size:cover; } body div#devskin12085759 .section-6 h2 { color:#05cc47; font-weight:normal; } /* BOTTOM */ body div#devskin12085759 .bottom { background-color:#4f5254; padding:30px; position:absolute; bottom:0; left:0; right:0; text-align:center; z-index:1; } body div#devskin12085759 .bottom a.commentslink { text-decoration:none; padding:0; margin:0; color:#fff; font-family:Arial; font-size:18px; } body div#devskin12085759 .bottom a.commentslink:hover { } @media only screen and (max-width: 767px) { body div#devskin12085759 .bottom { display:none; } } /* ------------------------------------------------------- ********************************************************** END CUSTOM CSS ABOVE ********************************************************** ------------------------------------------------------- */ /* ------------------------------------------------------- MISC - This is the reset that resets the default journal skin ------------------------------------------------------- */ body div#devskin12085759 span.ogpreview { display:none; } body div#devskin12085759 .gr-body { overflow:hidden; } body div#devskin12085759 i.gr1, body div#devskin12085759 i.gr1 i, body div#devskin12085759 i.gr2, body div#devskin12085759 i.gr2 i, body div#devskin12085759 i.gr3, body div#devskin12085759 .gr-top { display:none; } body div#devskin12085759 .gr-body { background:transparent; border:0!important; position:static; overflow:visible; } body div#devskin12085759 .gr-body .grf-indent { background:transparent; margin:auto; text-align:center; padding:0; } body div#devskin12085759 .gr-body .gr { border:0!important; position:static; background:none; } body div#devskin12085759 .text { padding:0; position:relative; text-align:left; } body div#devskin12085759 .text br { display:none; } body div#devskin12085759 .list { height:0; width:0; clear:both; visibility:hidden; } body div#devskin12085759 .headbar { display:block; height:50px; margin:0 auto; background:url('https://www.da-files.com/creative/marketing/2015/stylus/af_header_1.jpg') #05cc47; background-position:center; background-repeat:no-repeat; position:absolute; top:0px; width:100%; }

For nearly 15 years, DeviantArt has been at the forefront of digital art creation, a cutting-edge icon in the high-tech art world. As part of our continuous goal to combine the best in art and technology, DeviantArt has created an innovative tool—the DeviantArt Stylus IRL—that brings the sophistication of digital art into the real world.

Creative Distinction

Stylus IRL

A legacy of Innovation

bit.ly/','counturl':'https://m… art on the go with the new DeviantArt #StylusIRL !'}">

madizzlee.deviantart.com/journ… }">

For nearly 15 years, DeviantArt has been at the forefront of digital art creation, a cutting-edge icon in the high-tech art world. As part of our continuous goal to combine the best in art and technology, DeviantArt has created an innovative tool that brings the sophistication of digital art into the real world.

Using the innovative, patent pending binary technology in pressure sensitivity and pigment suspension, the Stylus IRL takes digital mechanics and puts them into physical space. DeviantArt's patented DeviousInk™ hardware works seamlessly with an innovative ballpoint tip, allowing you to create stylus-based art whenever and wherever you're inspired. Leave your drawing tablet at home, and never worry about battery life again.

With the power of DeviousInk™ Stylus IRL in the palm of your hand, you get these one-of-a-kind features, and more:

Change out ink cartridges for a diverse range of color choices!

artist credit

Mark-Chadwick

Use the built-in blending options to create smooth, professional gradients.

The Stylus IRL works on all surfaces, even paper!

Are you an early adopter? If you already own a Stylus IRL, put it to use and show us your IRL creations with the #StylusIRL tag. Share your daily doodle with DeviousInk™, showcase your on-the-go artistry, and let the world know what you’re capable of, all with the help of your Stylus IRL.

Want to know more about the Stylus IRL? Browse the #StylusIRL tag to see the creative power behind this primitive yet revolutionary art tool.

Take the future of art into your hands with the DeviantArt Stylus IRL.