3 font-family:Sans-Serif;
4 -webkit-touch-callout: none;
5 -webkit-user-select: none;
6 -khtml-user-select: none;
7 -moz-user-select: none;
14 width:720px;/*720/1080*/
15 height:1000px;/*/1000/1500*/
17 font-size:.775em;/*.775em/1.1625em*/
25 background: rgb(0,0,0); /* Old browsers */
26 /* IE9 SVG, needs conditional override of 'filter' to 'none' */
27 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDE3MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
28 background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(4,23,36,1) 100%); /* FF3.6+ */
29 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(4,23,36,1))); /* Chrome,Safari4+ */
30 background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(4,23,36,1) 100%); /* Chrome10+,Safari5.1+ */
31 background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(4,23,36,1) 100%); /* Opera 11.10+ */
32 background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(4,23,36,1) 100%); /* IE10+ */
33 background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(4,23,36,1) 100%); /* W3C */
34 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#041724',GradientType=0 ); /* IE6-8 */
38 background:url("images/hvac/static_parts_bg.svg") no-repeat;
39 height:60.1%;/*601/1000*/
40 width:100%;/*720/720*/
43 /*left:9.861111%;((720-578)/2)/720*/
46 /*********HAZARD BUTTON************/
48 width:57.777778%;/*416/720*/
49 height:8.1%;/*81/1000*/
50 background:url("images/hvac/hazard_off.svg") no-repeat;
52 left:21.1111%; /*152/720*/
57 background:url("images/hvac/hazard_on.svg") no-repeat;
61 background:url("images/hvac/hazard_blink.svg") no-repeat;
64 /*********LEFT HEAT SEAT BUTTON************/
66 width:22.08333333%;/*159/720*/
67 height:12.9%;/*129/1000*/
69 left:21.1111%; /*152/720*/
74 background:url("images/hvac/left_heat_seat_off.svg") no-repeat;
84 background:url("images/hvac/left_heat_seat_on.svg") no-repeat bottom;
91 .left_heat_seat_on.stage1{
94 .left_heat_seat_on.stage2{
97 .left_heat_seat_on.stage3{
100 .left_heat_seat_on.stage4{
104 /*********RIGHT HEAT SEAT BUTTON************/
106 width:22.08333333%;/*159/720*/
107 height:12.9%;/*129/1000*/
109 right:21.1111%; /*152/720*/
113 .right_heat_seat_off{
114 background:url("images/hvac/right_heat_seat_off.svg") no-repeat;
119 background-size:100%;
124 background:url("images/hvac/right_heat_seat_on.svg") no-repeat bottom;
129 background-size:100%;
132 .right_heat_seat_on.stage1{
135 .right_heat_seat_on.stage2{
138 .right_heat_seat_on.stage3{
141 .right_heat_seat_on.stage4{
145 /*********LEFT NUM SLIDER************/
148 background:url("images/hvac/left_number_bg.svg") no-repeat;
149 width:21.9444444%;/*158/720*/
152 left:21.1111%; /*152/720*/
156 background-size:100%;
160 background:url("images/hvac/left_number_cover.svg") no-repeat;
161 width:21.9444444%;/*158/720*/
162 height:23.1%;/*231/1000*/
164 left:21.1111%; /*152/720*/
168 background-size:100%;
179 list-style-type:none;
183 position: relative; /* Enables positionning of elements inside viewport */
197 /*********RIGHT NUM SLIDER************/
200 background:url("images/hvac/right_number_bg.svg") no-repeat;
201 width:21.9444444%;/*158/720*/
204 right:21.1111%; /*152/720*/
208 background-size:100%;
212 background:url("images/hvac/right_number_cover.svg") no-repeat;
213 width:21.9444444%;/*158/720*/
214 height:23.1%;/*231/1000*/
216 right:21.1111%; /*152/720*/
220 background-size:100%;
230 .scrollable.right ul{
231 list-style-type:none;
235 position: relative; /* Enables positionning of elements inside viewport */
239 .scrollable.right li{
250 /*************lower half******************/
252 width:0;/*42.083333%; 303/720*/
253 height:9.4%; /*94/1000*/
254 background:url("images/hvac/fan_bar_on.svg") no-repeat;
262 /********FAN DIRECTION***********/
264 background:url("images/hvac/fan_dir_down_off.svg") no-repeat;
265 width:17.08333333%;/*123/720*/
266 height:9.7%;/*97/1000*/
267 top:58.75%;/*20/1000*/
268 left:3.333333%; /*24/720*/
270 background-size:100%;
272 .fan_dir_down_btn.on{
273 background:url("images/hvac/fan_dir_down_on.svg") no-repeat;
276 background:url("images/hvac/fan_dir_right_off.svg") no-repeat;
277 width:17.08333333%;/*123/720*/
278 height:9.7%;/*97/1000*/
279 top:67.75%;/*20/1000*/
280 left:3.333333%; /*24/720*/
282 background-size:100%;
285 .fan_dir_right_btn.on{
286 background:url("images/hvac/fan_dir_right_on.svg") no-repeat;
290 background:url("images/hvac/fan_dir_up_off.svg") no-repeat;
291 width:17.08333333%;/*123/720*/
292 height:8.8%;/*88/1000*/
293 top:76.1%;/*20/1000*/
294 left:3.333333%; /*24/720*/
296 background-size:100%;
299 background:url("images/hvac/fan_dir_up_on.svg") no-repeat;
305 background:url("images/hvac/fan_control_ac_off.svg") no-repeat;
306 width:15.555556%;/*112/720*/
307 height:8.8%;/*88/1000*/
309 left:24.333%; /*24/720*/
311 background-size:100%;
314 background:url("images/hvac/fan_control_ac_on.svg") no-repeat;
318 background:url("images/hvac/fan_control_auto_off.svg") no-repeat;
319 width:15.416667%;/*111/720*/
320 height:8.8%;/*88/1000*/
322 left:42.333%; /*24/720*/
324 background-size:100%;
326 .fan_control_auto.on{
327 background:url("images/hvac/fan_control_auto_on.svg") no-repeat;
331 background:url("images/hvac/fan_control_circ_off.svg") no-repeat;
332 width:15.555556%;/*112/720*/
333 height:8.8%;/*88/1000*/
335 left:60.333%; /*24/720*/
337 background-size:100%;
339 .fan_control_circ.on{
340 background:url("images/hvac/fan_control_circ_on.svg") no-repeat;
346 background:url("images/hvac/defrost_max_off.svg") no-repeat;
347 width:17.08333333%;/*123/720*/
348 height:9.7%;/*97/1000*/
349 top:58.75%;/*20/1000*/
350 right:3.333333%; /*24/720*/
352 background-size:100%;
355 background:url("images/hvac/defrost_max_on.svg") no-repeat;
358 background:url("images/hvac/defrost_rear_off.svg") no-repeat;
359 width:17.08333333%;/*123/720*/
360 height:9.7%;/*97/1000*/
361 top:67.75%;/*20/1000*/
362 right:3.333333%; /*24/720*/
364 background-size:100%;
367 .defrost_rear_btn.on{
368 background:url("images/hvac/defrost_rear_on.svg") no-repeat;
372 background:url("images/hvac/defrost_front_off.svg") no-repeat;
373 width:17.08333333%;/*123/720*/
374 height:8.8%;/*88/1000*/
375 top:76.1%;/*20/1000*/
376 right:3.333333%; /*24/720*/
378 background-size:100%;
380 .defrost_front_btn.on{
381 background:url("images/hvac/defrost_front_on.svg") no-repeat;