/* This file was generated with Grunt using Compass - Last modification: Fri Nov 21st 2014, 6:38:34 PM *//* **/ /* Mazda Project Global common used mixins The following file contains several mixings that can be used across the site. @author luis.corrales@possible.com, hugo.alvarez@possible.com @version 0.1 @created June 12th, 2013 @updated September 12th, 2014 @ToDo - Specify the places where each mixin is being used. */ /** Placeholder text in inputs has (in the browsers implementing it so far) a light gray color. To style it, you'll need vendor prefix CSS properties. */ /** _reset.scss Mazda global reset @author @created - @updated 8-08-2013 */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ /* line 15, ../../../../scss/global/_reset.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ /* line 35, ../../../../scss/global/_reset.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* line 39, ../../../../scss/global/_reset.scss */ body { line-height: 1; } /* line 42, ../../../../scss/global/_reset.scss */ ol, ul { list-style: none; } /* line 45, ../../../../scss/global/_reset.scss */ blockquote, q { quotes: none; } /* line 48, ../../../../scss/global/_reset.scss */ blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* line 53, ../../../../scss/global/_reset.scss */ table { border-collapse: collapse; border-spacing: 0; } /* ------------------- */ /* --- MAZDA FONTS --- */ /* ------------------- */ @font-face { font-family: interstateBlack; src: url("/MusaWeb/musa2/fonts/interstate/inters01.eot"); } @font-face { font-family: interstateBlack; src: url("/MusaWeb/musa2/fonts/interstate/inters01.ttf"); } @font-face { font-family: 'mazda'; src: url("/MusaWeb/musa2/fonts/mazda/mazda-rg.eot"); src: url("/MusaWeb/musa2/fonts/mazda/mazda-rg.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/mazda/mazda-rg.woff") format("woff"), url("/MusaWeb/musa2/fonts/mazda/mazda-rg.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/mazda/mazda-rg.svg#mazda") format("svg"); } @font-face { font-family: 'mazda-bold'; src: url("/MusaWeb/musa2/fonts/mazda/mazda-bd.eot"); src: url("/MusaWeb/musa2/fonts/mazda/mazda-bd.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/mazda/mazda-bd.woff") format("woff"), url("/MusaWeb/musa2/fonts/mazda/mazda-bd.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/mazda/mazda-bd.svg#mazda-bold") format("svg"); } @font-face { font-family: 'interstate'; src: url("/MusaWeb/musa2/fonts/interstate/58a3426e-ba6f-439a-8aa4-7831a1c7a806-2.eot"); src: url("/MusaWeb/musa2/fonts/interstate/58a3426e-ba6f-439a-8aa4-7831a1c7a806-2.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/interstate/58a3426e-ba6f-439a-8aa4-7831a1c7a806-3.woff") format("woff"), url("/MusaWeb/musa2/fonts/interstate/58a3426e-ba6f-439a-8aa4-7831a1c7a806-1.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/interstate/58a3426e-ba6f-439a-8aa4-7831a1c7a806-4.svg#interstate") format("svg"); } @font-face { font-family: 'interstate-black'; src: url("/MusaWeb/musa2/fonts/interstate-black/c86845f6-6105-4106-973f-bef75961e89a-2.eot"); src: url("/MusaWeb/musa2/fonts/interstate-black/c86845f6-6105-4106-973f-bef75961e89a-2.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/interstate-black/c86845f6-6105-4106-973f-bef75961e89a-3.woff") format("woff"), url("/MusaWeb/musa2/fonts/interstate-black/c86845f6-6105-4106-973f-bef75961e89a-1.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/interstate-black/c86845f6-6105-4106-973f-bef75961e89a-4.svg#interstate-black") format("svg"); } @font-face { font-family: 'interstate-black-cond'; src: url("/MusaWeb/musa2/fonts/interstate-black-cond/6dfea724-138b-43f9-999d-52a44b2a9f5e-2.eot"); src: url("/MusaWeb/musa2/fonts/interstate-black-cond/6dfea724-138b-43f9-999d-52a44b2a9f5e-2.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/interstate-black-cond/6dfea724-138b-43f9-999d-52a44b2a9f5e-3.woff") format("woff"), url("/MusaWeb/musa2/fonts/interstate-black-cond/6dfea724-138b-43f9-999d-52a44b2a9f5e-1.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/interstate-black-cond/6dfea724-138b-43f9-999d-52a44b2a9f5e-4.svg#interstate-black-cond") format("svg"); } @font-face { font-family: 'interstate-bold'; src: url("/MusaWeb/musa2/fonts/interstate-bold/f47e2fae-a62d-49a3-8232-25aa587d2b3e-2.eot"); src: url("/MusaWeb/musa2/fonts/interstate-bold/f47e2fae-a62d-49a3-8232-25aa587d2b3e-2.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/interstate-bold/f47e2fae-a62d-49a3-8232-25aa587d2b3e-3.woff") format("woff"), url("/MusaWeb/musa2/fonts/interstate-bold/f47e2fae-a62d-49a3-8232-25aa587d2b3e-1.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/interstate-bold/f47e2fae-a62d-49a3-8232-25aa587d2b3e-4.svg#interstate-bold") format("svg"); } @font-face { font-family: 'interstate-bold-italic'; src: url("/MusaWeb/musa2/fonts/interstate-bold-italic/a03a85a1-5904-459e-8017-6642ced9390d-2.eot"); src: url("/MusaWeb/musa2/fonts/interstate-bold-italic/a03a85a1-5904-459e-8017-6642ced9390d-2.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/interstate-bold-italic/a03a85a1-5904-459e-8017-6642ced9390d-3.woff") format("woff"), url("/MusaWeb/musa2/fonts/interstate-bold-italic/a03a85a1-5904-459e-8017-6642ced9390d-1.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/interstate-bold-italic/a03a85a1-5904-459e-8017-6642ced9390d-4.svg#interstate-bold") format("svg"); } @font-face { font-family: 'interstatemazda-light'; src: url("/MusaWeb/musa2/fonts/interstate/InterstateMazda-Light.eot"); src: url("/MusaWeb/musa2/fonts/interstate/InterstateMazda-Light.eot?#iefix") format("embedded-opentype"); src: url("/MusaWeb/musa2/fonts/interstate/InterstateMazda-Light.ttf") format("truetype"); } @font-face { font-family: 'interstate-light-italic'; src: url("/MusaWeb/musa2/fonts/interstate/InterstateMazda-LightItalic.eot"); src: url("/MusaWeb/musa2/fonts/interstate/InterstateMazda-LightItalic.eot?#iefix") format("embedded-opentype"); src: url("/MusaWeb/musa2/fonts/interstate/InterstateMazda-LightItalic.ttf") format("truetype"); } @font-face { font-family: 'interstateCondensed'; src: url("/MusaWeb/musa2/fonts/interstate/interstate_blackcondensed-webfont.eot"); src: url("/MusaWeb/musa2/fonts/interstate/interstate_blackcondensed-webfont.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/interstate/interstate_blackcondensed-webfont.woff") format("woff"), url("/MusaWeb/musa2/fonts/interstate/interstate_blackcondensed-webfont.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/interstate/interstate_blackcondensed-webfont.svg#imbold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Interstate-BoldCondensed'; src: url("/MusaWeb/musa2/fonts/interstate-bold-cond/interstate_bold_condensed.eot"); src: url("/MusaWeb/musa2/fonts/interstate-bold-cond/interstate_bold_condensed.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/interstate-bold-cond/interstate_bold_condensed.svg#Interstate Bold Condensed") format("svg"), url("/MusaWeb/musa2/fonts/interstate-bold-cond/interstate_bold_condensed.woff") format("woff"), url("/MusaWeb/musa2/fonts/interstate-bold-cond/interstate_bold_condensed.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Interstate-RegCompressed'; src: url("/MusaWeb/musa2/fonts/interstate-regularCompressed/Interstate_RegularCompressed.ttf"); font-weight: normal; font-style: normal; } @font-face { font-family: 'interstatemazda-italic'; src: url("/MusaWeb/musa2/fonts/interstate/InterstateMazda-Italic.ttf"); } @font-face { font-family: 'interstate-light'; src: url("/MusaWeb/musa2/fonts/interstate/Interstate-Light.otf"); } @font-face { font-family: 'vni-helvebold'; src: url("/MusaWeb/musa2/fonts/vni-helvetica/vhelveb-webfont.eot"); src: url("/MusaWeb/musa2/fonts/vni-helvetica/vhelveb-webfont.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/vni-helvetica/vhelveb-webfont.woff") format("woff"), url("/MusaWeb/musa2/fonts/vni-helvetica/vhelveb-webfont.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/vni-helvetica/vhelveb-webfont.svg#vni-helvebold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'vni-helveitalic'; src: url("/MusaWeb/musa2/fonts/vni-helvetica/vhelvei-webfont.eot"); src: url("/MusaWeb/musa2/fonts/vni-helvetica/vhelvei-webfont.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/vni-helvetica/vhelvei-webfont.woff") format("woff"), url("/MusaWeb/musa2/fonts/vni-helvetica/vhelvei-webfont.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/vni-helvetica/vhelvei-webfont.svg#vni-helveitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'vni-helvenormal'; src: url("/MusaWeb/musa2/fonts/vni-helvetica/vhelven-webfont.eot"); src: url("/MusaWeb/musa2/fonts/vni-helvetica/vhelven-webfont.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/vni-helvetica/vhelven-webfont.woff") format("woff"), url("/MusaWeb/musa2/fonts/vni-helvetica/vhelven-webfont.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/vni-helvetica/vhelven-webfont.svg#vni-helvenormal") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'aritasbregular'; src: url("/MusaWeb/musa2/fonts/korean/-vsb-webfont.eot"); src: url("/MusaWeb/musa2/fonts/korean/-vsb-webfont.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/korean/-vsb-webfont.woff") format("woff"), url("/MusaWeb/musa2/fonts/korean/-vsb-webfont.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/korean/-vsb-webfont.svg#aritasbregular") format("svg"); font-weight: normal; font-style: normal; } /* line 13, ../../../../scss/global/_buttons.scss */ .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 13px; font-family: "interstateBlack", sans-serif, arial; line-height: 20px; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; cursor: pointer; color: #008AD0; text-shadow: 0 -1px 1px rgba(14, 14, 14, 0.75); background-color: #ebebeb; background-image: -moz-linear-gradient(top, #fff, #cfcece); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#cfcece)); background-image: -webkit-linear-gradient(top, #fff, #cfcece); background-image: -o-linear-gradient(top, #fff, #cfcece); background-image: linear-gradient(to bottom, #ffffff, #cfcece); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFCFCECE', GradientType=0); border-color: #cfcece #cfcece #a9a7a7; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #cfcece; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #c8c8c8; border: 0; border-bottom-color: #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; *margin-left: .3em; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } /* line 132, ../../../../scss/global/_mixins.scss */ .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #008AD0; background-color: #cfcece; *background-color: #c2c1c1; } /* line 139, ../../../../scss/global/_mixins.scss */ .btn:active, .btn.active { background-color: #b6b4b4 \9; } /* line 44, ../../../../scss/global/_mixins.scss */ .btn:first-child { *margin-left: 0; } /* line 35, ../../../../scss/global/_buttons.scss */ .btn:hover, .btn:focus { color: #008AD0; text-decoration: none; } /* line 46, ../../../../scss/global/_buttons.scss */ .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } /* line 51, ../../../../scss/global/_buttons.scss */ .btn.active, .btn:active { background-image: none; outline: 0; -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } /* line 59, ../../../../scss/global/_buttons.scss */ .btn.disabled, .btn[disabled] { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=6500); opacity: 65; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* line 68, ../../../../scss/global/_buttons.scss */ a.btn { color: #FFF; } /* line 70, ../../../../scss/global/_buttons.scss */ a.btn:focus { color: #FFF; } /* line 76, ../../../../scss/global/_buttons.scss */ .btn-small { padding: 0px 12px; font: 1em/2.5em interstate, sans-serif, arial; } /* line 84, ../../../../scss/global/_buttons.scss */ .red-button { padding: 8px 15px; margin-top: 2%; font: 10px interstate-bold, sans-serif, arial; text-decoration: none; color: #fff !important; background: #d00000; background: -moz-linear-gradient(top, #d00000, #7e0000); background: -webkit-gradient(linear, 0 0, 0 100%, from(#d00000), to(#7e0000)); background: -webkit-linear-gradient(top, #d00000, #7e0000); background: -o-linear-gradient(top, #d00000, #7e0000); background: linear-gradient(to bottom, #d00000, #7e0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD00000', endColorstr='#FF7E0000', GradientType=0); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } @media (min-width: 992px) { /* line 84, ../../../../scss/global/_buttons.scss */ .red-button { font: 12px interstate-bold, sans-serif, arial; } } @media (min-width: 1200px) { /* line 84, ../../../../scss/global/_buttons.scss */ .red-button { padding: 10px 30px; margin-top: 3%; font: 16px interstate-bold, sans-serif, arial; } } /* line 105, ../../../../scss/global/_buttons.scss */ .red-button:hover { background: #950000; background: -moz-linear-gradient(top, #950000, #5a0000); background: -webkit-gradient(linear, 0 0, 0 100%, from(#950000), to(#5a0000)); background: -webkit-linear-gradient(top, #950000, #5a0000); background: -o-linear-gradient(top, #950000, #5a0000); background: linear-gradient(to bottom, #950000, #5a0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF950000', endColorstr='#FF5A0000', GradientType=0); text-decoration: none; } /* line 114, ../../../../scss/global/_buttons.scss */ .red-button-refresh { padding: 8px 15px; margin-top: 2%; font: 10px interstate, sans-serif, arial; text-decoration: none; color: #fff !important; background: #d00000; background: -moz-linear-gradient(top, #d00000, #7e0000); background: -webkit-gradient(linear, 0 0, 0 100%, from(#d00000), to(#7e0000)); background: -webkit-linear-gradient(top, #d00000, #7e0000); background: -o-linear-gradient(top, #d00000, #7e0000); background: linear-gradient(to bottom, #d00000, #7e0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD00000', endColorstr='#FF7E0000', GradientType=0); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } @media (min-width: 992px) { /* line 114, ../../../../scss/global/_buttons.scss */ .red-button-refresh { font: 12px interstate-bold, sans-serif, arial; } } @media (min-width: 1200px) { /* line 114, ../../../../scss/global/_buttons.scss */ .red-button-refresh { padding: 10px 30px; margin-top: 3%; font: 16px interstate-bold, sans-serif, arial; } } /* line 383, ../../../../scss/global/_mixins.scss */ .red-button-refresh:hover { background: #950000; background: -moz-linear-gradient(top, #950000, #5a0000); background: -webkit-gradient(linear, 0 0, 0 100%, from(#950000), to(#5a0000)); background: -webkit-linear-gradient(top, #950000, #5a0000); background: -o-linear-gradient(top, #950000, #5a0000); background: linear-gradient(to bottom, #950000, #5a0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF950000', endColorstr='#FF5A0000', GradientType=0); text-decoration: none; } /* line 119, ../../../../scss/global/_buttons.scss */ .gray-button-refresh { padding: 8px 15px; margin-top: 2%; font: 10px interstate, sans-serif, arial; text-decoration: none; color: #fff !important; background: #656565; background: -moz-linear-gradient(top, #656565, #404040); background: -webkit-gradient(linear, 0 0, 0 100%, from(#656565), to(#404040)); background: -webkit-linear-gradient(top, #656565, #404040); background: -o-linear-gradient(top, #656565, #404040); background: linear-gradient(to bottom, #656565, #404040); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF656565', endColorstr='#FF404040', GradientType=0); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } @media (min-width: 992px) { /* line 119, ../../../../scss/global/_buttons.scss */ .gray-button-refresh { font: 12px interstate-bold, sans-serif, arial; } } @media (min-width: 1200px) { /* line 119, ../../../../scss/global/_buttons.scss */ .gray-button-refresh { padding: 10px 30px; margin-top: 3%; font: 16px interstate-bold, sans-serif, arial; } } /* line 383, ../../../../scss/global/_mixins.scss */ .gray-button-refresh:hover { background: #494949; background: -moz-linear-gradient(top, #494949, #303030); background: -webkit-gradient(linear, 0 0, 0 100%, from(#494949), to(#303030)); background: -webkit-linear-gradient(top, #494949, #303030); background: -o-linear-gradient(top, #494949, #303030); background: linear-gradient(to bottom, #494949, #303030); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF494949', endColorstr='#FF303030', GradientType=0); text-decoration: none; } /* line 124, ../../../../scss/global/_buttons.scss */ .red-button-awards { padding: 8px 15px; margin-top: 2%; font: 10px interstate-bold, sans-serif, arial; text-decoration: none; color: #fff !important; background: #d00000; background: -moz-linear-gradient(top, #d00000, #7e0000); background: -webkit-gradient(linear, 0 0, 0 100%, from(#d00000), to(#7e0000)); background: -webkit-linear-gradient(top, #d00000, #7e0000); background: -o-linear-gradient(top, #d00000, #7e0000); background: linear-gradient(to bottom, #d00000, #7e0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD00000', endColorstr='#FF7E0000', GradientType=0); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 135, ../../../../scss/global/_buttons.scss */ .red-button-awards:hover { background: #950000; background: -moz-linear-gradient(top, #950000, #5a0000); background: -webkit-gradient(linear, 0 0, 0 100%, from(#950000), to(#5a0000)); background: -webkit-linear-gradient(top, #950000, #5a0000); background: -o-linear-gradient(top, #950000, #5a0000); background: linear-gradient(to bottom, #950000, #5a0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF950000', endColorstr='#FF5A0000', GradientType=0); text-decoration: none; } /* General Rules */ /* line 2, ../../../../scss/garage/2014/M6G/_reset.scss */ html #main_wrap { min-width: 975px; width: 100%; } /* line 7, ../../../../scss/garage/2014/M6G/_reset.scss */ #main_content { display: block; width: 100%; min-height: 250px; _height: 250px; position: relative; margin: 0; padding: 0; float: none; color: #3e484a; background: #000; } /* line 21, ../../../../scss/garage/2014/M6G/_reset.scss */ #main_content h2 { color: #999; font: 16px interstate-bold, sans-serif, arial; padding: 0; margin: 0 0 21px 0; } /* line 28, ../../../../scss/garage/2014/M6G/_reset.scss */ #main_content h3 { color: #999; font: 13px interstate-bold, sans-serif, arial; padding: 0; margin: 19px 0 16px 0; } /* line 36, ../../../../scss/garage/2014/M6G/_reset.scss */ .global_header_wrapper { width: 100%; background: #f9f9f9; border-top: 5px #008ad0 solid; } /* line 42, ../../../../scss/garage/2014/M6G/_reset.scss */ #global_header { top: -5px; } /* line 46, ../../../../scss/garage/2014/M6G/_reset.scss */ .global_header_wrapper .shadow { display: block; width: 216px; height: 94px; position: absolute; left: -216px; z-index: 1; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/bg-header-shadow.png) no-repeat 0 0; } /* line 56, ../../../../scss/garage/2014/M6G/_reset.scss */ #garage_disclaimer { display: block; top: 20px; width: 975px; margin: 0; position: relative; bottom: 0; left: 240px; z-index: 0; font-size: 9px !important; line-height: 12px !important; color: #666666; text-align: left !important; font-weight: normal; text-decoration: none; } /* line 74, ../../../../scss/garage/2014/M6G/_reset.scss */ #garage_disclaimer .footer_disclaimers { width: 935px; } /* line 78, ../../../../scss/garage/2014/M6G/_reset.scss */ #garage_disclaimer p { color: #666 !important; font-size: 9px !important; line-height: 14px; margin-bottom: 20px; } /* line 86, ../../../../scss/garage/2014/M6G/_reset.scss */ #garage_footer { width: 975px; margin: 0 auto; z-index: 11; position: relative; } /* line 92, ../../../../scss/garage/2014/M6G/_reset.scss */ .ie7 #garage_footer, .ie8 #garage_footer { margin-top: 10px; } /* line 98, ../../../../scss/garage/2014/M6G/_reset.scss */ #disclaimer_foot { width: 975px; margin: 0 auto; z-index: 11; position: relative; } /* line 104, ../../../../scss/garage/2014/M6G/_reset.scss */ #disclaimer_foot p { margin: 0 0 10px; } /* Header */ /* line 5, ../../../../scss/garage/2014/M6G/_subnav.scss */ .superscrollorama-pin-spacer { display: block; width: 1px; height: 0; background: yellow; } /* line 12, ../../../../scss/garage/2014/M6G/_subnav.scss */ #hidden-subnav { display: block; width: 0; height: 0; background: yellow; position: absolute; top: 0; left: 0; margin-top: 0; } /* line 23, ../../../../scss/garage/2014/M6G/_subnav.scss */ #subnav_vehicle_info { width: 173px; top: 1px; } /* line 28, ../../../../scss/garage/2014/M6G/_subnav.scss */ #subnav_vehicle_info h2 { margin: 27px 0 0 4px; color: #fff; font: 14px/16px mazda-bold, sans-serif, arial; text-transform: none; } /* line 34, ../../../../scss/garage/2014/M6G/_subnav.scss */ .ie7 #subnav_vehicle_info h2, .ie8 #subnav_vehicle_info h2, .ie9 #subnav_vehicle_info h2 { margin: 0; } /* line 41, ../../../../scss/garage/2014/M6G/_subnav.scss */ #subnav_vehicle_info h3 { margin: 0; color: #ccc; font-size: 10px; line-height: 12px; } /* line 48, ../../../../scss/garage/2014/M6G/_subnav.scss */ #subnav_vehicle_info h3 span { padding: 0; } /* line 52, ../../../../scss/garage/2014/M6G/_subnav.scss */ ul.social_links { display: none; } /* line 56, ../../../../scss/garage/2014/M6G/_subnav.scss */ #garage_subNav { width: 100%; height: 60px; position: relative; background: #333; z-index: 1000; margin-top: -5px; } /* line 65, ../../../../scss/garage/2014/M6G/_subnav.scss */ #garage_subNav.sticky { position: fixed; top: 0; } /* line 70, ../../../../scss/garage/2014/M6G/_subnav.scss */ #garage_subNav ul.subnav { width: 978px; margin: 0 auto; } /* line 75, ../../../../scss/garage/2014/M6G/_subnav.scss */ ul.subnav li { margin: 26px 0 0 23px; } /* line 80, ../../../../scss/garage/2014/M6G/_subnav.scss */ ul.subnav li:first-child { width: 173px; margin-top: 0; } /* line 85, ../../../../scss/garage/2014/M6G/_subnav.scss */ .ie7 ul.subnav li:first-child, .ie8 ul.subnav li:first-child, .ie9 ul.subnav li:first-child { width: 168px; } /* line 91, ../../../../scss/garage/2014/M6G/_subnav.scss */ ul.subnav li.drop { margin-left: 0; margin-right: 17px; } /* MAZDA 6 VLP Text Colors */ /* Container */ /* line 18, ../../../../scss/garage/2014/M6G/_layout.scss */ html, body, p { color: #666; } /* line 23, ../../../../scss/garage/2014/M6G/_layout.scss */ #main_content.sticky { margin-top: 60px; } /* line 27, ../../../../scss/garage/2014/M6G/_layout.scss */ .ie8 .bg-image { display: block; } /* line 35, ../../../../scss/garage/2014/M6G/_layout.scss */ .ie7 #safety .section-content.maxwidth-1024 .safety-slide-line-departure, .ie8 #safety .section-content.maxwidth-1024 .safety-slide-line-departure, .ie9 #safety .section-content.maxwidth-1024 .safety-slide-line-departure { top: 450px; } /* line 39, ../../../../scss/garage/2014/M6G/_layout.scss */ .ie7 #safety .section-content.maxwidth-1024 .safety-slide-mazda-radar.rear-cross, .ie8 #safety .section-content.maxwidth-1024 .safety-slide-mazda-radar.rear-cross, .ie9 #safety .section-content.maxwidth-1024 .safety-slide-mazda-radar.rear-cross { top: 550px; } /* line 43, ../../../../scss/garage/2014/M6G/_layout.scss */ .ie7 #safety .section-content.maxwidth-1024 .safety-slide-blind-spot, .ie8 #safety .section-content.maxwidth-1024 .safety-slide-blind-spot, .ie9 #safety .section-content.maxwidth-1024 .safety-slide-blind-spot { top: 625px; } /* line 47, ../../../../scss/garage/2014/M6G/_layout.scss */ .ie7 #safety .section-content.maxwidth-1024 .safety-slide-high-beams, .ie8 #safety .section-content.maxwidth-1024 .safety-slide-high-beams, .ie9 #safety .section-content.maxwidth-1024 .safety-slide-high-beams { top: 745px; } /* line 51, ../../../../scss/garage/2014/M6G/_layout.scss */ .ie7 .safety-slide-lane-departure, .ie8 .safety-slide-lane-departure, .ie9 .safety-slide-lane-departure { top: 410px; } /* line 55, ../../../../scss/garage/2014/M6G/_layout.scss */ .ie7 .safety-slide-mazda-radar.rear-cross, .ie8 .safety-slide-mazda-radar.rear-cross, .ie9 .safety-slide-mazda-radar.rear-cross { top: 499px; } /* line 59, ../../../../scss/garage/2014/M6G/_layout.scss */ .ie7 .safety-slide-blind-spot, .ie8 .safety-slide-blind-spot, .ie9 .safety-slide-blind-spot { top: 545px; } /* line 63, ../../../../scss/garage/2014/M6G/_layout.scss */ .ie7 .safety-slide-high-beams, .ie8 .safety-slide-high-beams, .ie9 .safety-slide-high-beams { top: 635px; } /* line 68, ../../../../scss/garage/2014/M6G/_layout.scss */ .bg-image { width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; overflow: hidden; } /* line 80, ../../../../scss/garage/2014/M6G/_layout.scss */ .bg-image img { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; } /* Sections */ /* line 91, ../../../../scss/garage/2014/M6G/_layout.scss */ .section { position: relative; width: 100%; height: 900px; overflow: visible; min-width: 975px; background: no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /* TODO: IE fallback http://css-tricks.com/perfect-full-page-background-image/ */ } /* line 99, ../../../../scss/garage/2014/M6G/_layout.scss */ .section .next { display: block; position: relative; z-index: 15; top: -35px; overflow: hidden; width: 30px; height: 30px; padding: 20px; margin: 0 auto; text-align: center; text-indent: -99999px; color: #d00000; } /* line 113, ../../../../scss/garage/2014/M6G/_layout.scss */ .section .next span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-next-arrow.png) no-repeat 0 0; } /* line 123, ../../../../scss/garage/2014/M6G/_layout.scss */ .section .next span.active { background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-next-arrow-roll.png) no-repeat 0 0; opacity: 0; filter: Alpha(opacity=0); } /* line 131, ../../../../scss/garage/2014/M6G/_layout.scss */ .section .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; background: no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /* TODO: IE fallback http://css-tricks.com/perfect-full-page-background-image/ */ } /* line 141, ../../../../scss/garage/2014/M6G/_layout.scss */ .section .play-video { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 11; overflow: hidden; text-indent: -99999px; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-video-play.png) no-repeat center center; } /* line 154, ../../../../scss/garage/2014/M6G/_layout.scss */ .section .interior-color { display: block; width: 43px; height: 51px; position: relative; float: left; text-indent: -999999px; } /* line 162, ../../../../scss/garage/2014/M6G/_layout.scss */ .section .interior-color span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-360-colors.png) no-repeat -256px -52px; } /* line 172, ../../../../scss/garage/2014/M6G/_layout.scss */ .section .interior-color.selected span { background-position: -256px 0; } /* line 176, ../../../../scss/garage/2014/M6G/_layout.scss */ .section .interior-color.black.selected span { background-position: -299px 0; } /* line 180, ../../../../scss/garage/2014/M6G/_layout.scss */ .section .interior-color:hover span { background-position: -256px 0; } /* line 184, ../../../../scss/garage/2014/M6G/_layout.scss */ .section .interior-color.black span { background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-360-colors.png) no-repeat -299px -52px; } /* line 188, ../../../../scss/garage/2014/M6G/_layout.scss */ .section .interior-color.black:hover span { background-position: -299px 0; } /* line 191, ../../../../scss/garage/2014/M6G/_layout.scss */ .section .interior-color.hidden { display: none !important; } /* line 196, ../../../../scss/garage/2014/M6G/_layout.scss */ .section sup { vertical-align: top; font-size: 50%; } /* line 201, ../../../../scss/garage/2014/M6G/_layout.scss */ .mbox-container { min-height: 130px; text-align: center; } /* Mazda Project YouTube Video player Module File: YouTubeModule.js This file contains the styling for the YouTube garage module. @author luis.corrales@possible.com @version 0.1 @created June 17th, 2014 @updated June 17th, 2014 */ /* line 17, ../../../../scss/garage/utils/YouTubeModule.scss */ .youtube-video { width: 75%; height: 75%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; z-index: 11; } /* line 28, ../../../../scss/garage/utils/YouTubeModule.scss */ .youtube-video .youtube-video-player { width: 100%; height: 100%; position: absolute; top: 0; left: 0; visibility: visible; } /* line 37, ../../../../scss/garage/utils/YouTubeModule.scss */ .youtube-video .youtube-video-close-button { width: 58px; height: 58px; display: block; position: absolute; right: -25px; top: -25px; background-image: url(/MusaWeb/musa2/images/garage/utils/YouTube-close.png); } /* line 50, ../../../../scss/garage/utils/YouTubeModule.scss */ .youtube-video.closed { display: none; } /* line 4, ../../../../scss/garage/2014/M6G/slides/_popups.scss */ .popup { width: 53px; height: 53px; position: absolute; cursor: pointer; z-index: 11; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-open.png); background-size: contain; transition: All 1.5s ease-out; -webkit-transition: All 1.5s ease-out; -moz-transition: All 1.5s ease-out; -o-transition: All 1.5s ease-out; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); } /* line 16, ../../../../scss/garage/2014/M6G/slides/_popups.scss */ .popup:hover { background-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-open-hover.png); } /* line 32, ../../../../scss/garage/2014/M6G/slides/_popups.scss */ .popup.opened { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); } /* line 41, ../../../../scss/garage/2014/M6G/slides/_popups.scss */ .popup-content { height: 42%; width: 23.625%; position: absolute; opacity: 0; filter: alpha(opacity=0); background-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/skyactiv-slide/circle.png); background-size: cover; } /* line 53, ../../../../scss/garage/2014/M6G/slides/_popups.scss */ .popup-content img { z-index: -1; display: block; position: absolute; top: 0; left: 0; width: 100%; } /* line 62, ../../../../scss/garage/2014/M6G/slides/_popups.scss */ .popup-content h3 { color: #999; font-size: 1em; } /* line 67, ../../../../scss/garage/2014/M6G/slides/_popups.scss */ .popup-content p { color: #fff; } /* View 360 VLP Slide @dependencies: global/_buttons.scss */ /* line 7, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 { display: block; position: relative; width: 100%; min-height: 400px; margin-top: 0; margin-bottom: 0; z-index: auto; background: #000; } /* line 19, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .mbox-wrapper { display: none; } /* line 23, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .headerblock { width: 100%; position: absolute; top: 0; left: 0; z-index: 11; } /* line 31, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 h2 { display: block; width: 100%; margin: 16px 0 8px; color: #fff; text-align: center; font: 36px/42px interstate-bold-italic, sans-serif, arial; letter-spacing: -2px; } /* line 41, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 h3 { margin-top: 8px; color: #ccc; line-height: 30px; text-align: center; font: 13px/30px interstate, sans-serif, arial; } /* line 50, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .first-load { width: 100%; z-index: 9; } /* line 55, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .active .Queued360 { display: block; } /* line 59, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .Queued360 { display: none; width: 100%; height: auto; margin: 0; position: absolute; z-index: 8; cursor: pointer; } /* line 69, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .Queued360 img { width: 100%; display: none; } /* line 73, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .Queued360 img.active { display: block; } /* line 78, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ .ie7 #landing360 .Queued360 img { margin-left: 47px; margin-top: -10px; } /* line 83, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .Queued360 ul { display: block; list-style: none; width: 120px; height: 2px; padding: 0; margin: 0 auto; } /* line 91, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .Queued360 ul.active { border: 1px solid #00CC22; opacity: 1; -webkit-transition: outline .5s ease-in-out; -moz-transition: outline .5s ease-in-out; -ms-transition: outline .5s ease-in-out; -o-transition: outline .5s ease-in-out; transition: outline .5s ease-in-out; } /* line 101, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .Queued360 ul.active.complete { opacity: 0; } /* line 106, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .Queued360 li { float: left; display: block; padding: 0; margin: 1; background-color: #e0b626; width: 10px; height: 2px; display: none; } /* line 116, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .Queued360 li.active { display: block; } /* line 122, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .Color360 { display: none; width: 100%; height: 100%; overflow: hidden; position: relative; top: 0px; z-index: 9; } /* line 131, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .Color360 h3.seat-title { display: inline-block; width: 200px; height: 26px; margin-bottom: 0px; margin-left: -10px; margin-top: 7px; vertical-align: top; font: 8px interstate, sans-serif, arial; color: #ccc; text-transform: uppercase; } /* line 145, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ .ie7 #landing360 .Color360 h3.seat-title { display: inline; } /* line 151, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .swatches-wrapper { width: 100%; position: absolute; bottom: 60px; z-index: 29; } /* line 157, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ .touch #landing360 .swatches-wrapper, .ie7 #landing360 .swatches-wrapper, .ie8 #landing360 .swatches-wrapper, .ie9 #landing360 .swatches-wrapper { bottom: 0; } @media all and (max-width: 1450px) { /* line 151, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .swatches-wrapper { bottom: 0; } } /* line 169, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 #swatches { display: block; position: relative; width: 592px; margin: 0 auto 45px; overflow: visible; top: 0; left: 0; } /* line 178, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 #swatches h3 { display: block; width: 150px; margin: 19px 0 0; float: left; font: 11px/18px interstate, sans-serif, arial; text-align: left; } /* line 185, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 #swatches h3.seat-title { width: 70px; } /* line 192, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 span.extra-charge { font-size: 9px; line-height: 10px; } /* line 197, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .rotate-cta { -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; display: none; } /* line 206, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .rotate-cta.loadedall { display: inline-block; margin-top: 20px; position: absolute; left: auto; right: 155px; top: -40px; float: right; font: bold 8px/8px Arial,Helvetica,sans-serif; text-transform: uppercase; color: #ffffff; } /* line 218, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ .touch #landing360 .rotate-cta.loadedall { right: -52px; top: 30px; } /* line 223, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ .touch #landing360 .rotate-cta.loadedall .desktop { display: none; } /* line 227, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ .ie7 #landing360 .rotate-cta.loadedall { margin-top: -32px; } /* line 232, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .rotate-cta .tablet { display: none; } /* line 235, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ .touch #landing360 .rotate-cta .tablet { display: block; } /* line 240, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .loader { display: none; width: 48px; height: 48px; position: absolute; left: 50%; top: 50%; z-index: 1100; margin-left: -24px; margin-top: -24px; background-image: url(/MusaWeb/musa2/images/garage/loading_animation.gif); } /* line 252, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .loader.active { display: block; } /* line 257, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .exterior-color { display: block; width: 47px; height: 52px; position: relative; float: left; margin: 0; text-indent: -999999px; border: 0; } /* line 267, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .exterior-color.red { margin-left: 0; } /* line 271, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .exterior-color span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-360-colors.png) no-repeat 0 5px; opacity: 0.6; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 287, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .exterior-color span:hover { opacity: 1; } /* line 292, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .exterior-color:hover, #landing360 .exterior-color.selected { background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-360-colors.png) no-repeat 0 -57px; } /* line 294, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .exterior-color:hover span, #landing360 .exterior-color.selected span { opacity: 1; } /* line 300, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .exterior-color.black span { background-position: -212px 5px; } /* line 304, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .exterior-color.gray span { background-position: -170px 5px; } /* line 308, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .exterior-color.blue span { background-position: -42px 5px; } /* line 312, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .exterior-color.silver span { background-position: -128px 5px; } /* line 316, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .exterior-color.white span { background-position: -86px 5px; } /* line 321, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .interior-color { display: block; width: 43px; height: 51px; position: relative; float: left; margin: 0 0 13px; text-indent: -999999px; border: 0; } /* line 331, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .interior-color span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-360-colors.png) no-repeat -256px -52px; opacity: 0.6; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 346, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .interior-color span:hover { opacity: 1; } /* line 351, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .interior-color:hover span, #landing360 .interior-color.selected span { background-position: -256px 0; } /* line 356, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .interior-color.black span { background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-360-colors.png) no-repeat -299px -52px; } /* line 360, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .interior-color.black:hover span, #landing360 .interior-color.black.selected span { background-position: -299px 0; } /* line 366, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .watch-video { margin: 14px 0 0 40px; border: 0; width: auto; display: inline-block; height: 29px; padding: 0 14px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #d00000; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/red-button.png) no-repeat scroll 0 0 #d00000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdlMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d00000), color-stop(100%, #7e0000)); background-image: -moz-linear-gradient(top, #d00000 0%, #7e0000 100%); background-image: -webkit-linear-gradient(top, #d00000 0%, #7e0000 100%); background-image: linear-gradient(to bottom, #d00000 0%, #7e0000 100%); font: 12px/29px interstate, sans-serif, arial; text-decoration: none; text-transform: uppercase; text-align: center; color: #fff; } /* line 278, ../../../../scss/global/_mixins.scss */ #landing360 .watch-video:hover { background-color: #950000; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/red-button-hover.png) no-repeat scroll 0 0 #950000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1MDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #950000), color-stop(100%, #5a0000)); background-image: -moz-linear-gradient(top, #950000 0%, #5a0000 100%); background-image: -webkit-linear-gradient(top, #950000 0%, #5a0000 100%); background-image: linear-gradient(to bottom, #950000 0%, #5a0000 100%); } /* line 372, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ .touch #landing360 .watch-video, .ie7 #landing360 .watch-video, .ie8 #landing360 .watch-video, .ie9 #landing360 .watch-video { margin-top: 0; } @media all and (max-width: 1450px) { /* line 366, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .watch-video { margin-top: 0; } } /* line 384, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .video-photos { margin: 14px 0 0 10px; border: 0; width: auto; display: inline-block; height: 29px; padding: 0 14px; -webkit-border-radius: 2px; border-radius: 2px; background: #666666; /* Old browsers */ background: -moz-linear-gradient(top, #666666 0%, #3e3e3e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #3e3e3e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #666666 0%, #3e3e3e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #666666 0%, #3e3e3e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #666666 0%, #3e3e3e 100%); /* IE10+ */ background: linear-gradient(to bottom, #666666 0%, #3e3e3e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#3e3e3e',GradientType=0 ); /* IE6-9 */ font: 12px/29px interstate, sans-serif, arial; text-decoration: none; text-transform: uppercase; color: #fff; } /* line 307, ../../../../scss/global/_mixins.scss */ #landing360 .video-photos:hover { background: #3e3e3e; /* Old browsers */ background: -moz-linear-gradient(top, #3e3e3e 0%, #262626 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3e3e), color-stop(100%, #262626)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3e3e3e 0%, #262626 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3e3e3e 0%, #262626 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3e3e3e 0%, #262626 100%); /* IE10+ */ background: linear-gradient(to bottom, #3e3e3e 0%, #262626 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#262626',GradientType=0 ); /* IE6-9 */ } /* line 390, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ .touch #landing360 .video-photos, .ie7 #landing360 .video-photos, .ie8 #landing360 .video-photos, .ie9 #landing360 .video-photos { margin-top: 0; } @media all and (max-width: 1450px) { /* line 384, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .video-photos { margin-top: 0; } } /* line 402, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .left-arrow { display: none; } /* line 406, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .right-arrow { display: none; } /* line 410, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ #landing360 .next { display: none; } /* line 414, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ .touch #landing360 .next { display: block; top: auto; bottom: 100px; right: 40px; position: absolute; z-index: 11; text-indent: -9999px; } /* line 423, ../../../../scss/garage/2014/M6G/slides/_view360.scss */ .touch #landing360 .next span { background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-go-to-top.png) no-repeat 0 0; -webkit-transform: rotate(180deg); } /* line 1, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way { background: #000; height: auto; } /* line 5, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way img.aspect { position: relative; width: 100%; min-width: 975px; } /* line 11, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.section-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 19, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way a.slide-prev, #mazda-way a.slide-next { position: absolute; top: 48%; width: 3.7%; min-width: 39px; max-width: 60px; z-index: 20; opacity: 0.6; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 34, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way a.slide-prev:hover, #mazda-way a.slide-next:hover { opacity: 1; } /* line 38, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way a.slide-prev img, #mazda-way a.slide-next img { width: 100%; } /* line 43, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way a.slide-prev { left: 6.25%; } /* line 47, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way a.slide-next { right: 6.25%; } /* line 51, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide { position: relative; width: 100%; height: 100%; float: left; overflow: hidden; } /* line 59, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way h2 { margin: 0 0 6px 0; font: 1.08333em interstate, sans-serif, arial; text-transform: uppercase; } /* line 65, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way h3 { margin: 0 0 11px 0; font: 3em interstate-bold-italic, sans-serif, arial; text-transform: uppercase; color: #990000; line-height: 1.05em; } /* line 73, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way .play-video { width: 72px; height: 72px; position: absolute; left: 0; right: 0; top: 50%; margin: auto; margin-top: -36px; cursor: pointer; } /* line 85, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way .play-video span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("/MusaWeb/musa2/images/garage/landing/slides-design/btn-video-play-roll.png") no-repeat; background-size: 100% 100%; opacity: 0.6; filter: Alpha(opacity=60); } /* line 98, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way .name { font: italic 0.916666em Helvetica; } /* line 102, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way .section-content { position: absolute; top: 67.5%; margin: auto; z-index: 11; } /* line 108, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way .section-content p { margin: 0 auto 19px; font: 1.08333em interstate, sans-serif, arial; color: #fff; } /* line 113, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way .section-content p.sub-section { margin-bottom: 19px; color: #999; text-transform: uppercase; } /* line 124, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-1 img.slide-bg { width: 100%; height: auto; } /* line 129, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-1 .hamilton { position: absolute; top: 35px; left: 86.875%; color: #333; } /* line 136, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-1 .edison { position: absolute; top: 35px; left: 56.5625%; color: #ccc; } /* line 143, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-1 .fosbury { position: absolute; top: 35px; left: 25.9375%; color: #ccc; } /* line 150, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-1 .section-content { left: 0; right: 0; text-align: center; } /* line 155, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-1 .section-content h2 { color: #666; } /* line 164, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-2 img.slide-bg { width: 67.81%; height: auto; } /* line 169, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-2 .silverman { position: absolute; top: 35px; left: 22.5%; color: #999999; } /* line 176, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-2 .matthews { position: absolute; top: 35px; left: 53.375%; color: #999999; } /* line 183, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-2 .section-content { left: 53.375%; right: 0; text-align: left; } /* line 188, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-2 .section-content h2 { color: #999; } /* line 197, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-3 img.slide-bg { width: 43.75%; height: auto; margin-left: 12.5%; } /* line 203, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-3 .johnson { position: absolute; top: 90.66%; left: 22.875%; color: #eee; } /* line 210, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-3 .section-content { left: 53.375%; right: 0; text-align: left; } /* line 215, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-3 .section-content h2 { color: #666; } /* line 224, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-4 img.slide-bg { width: 100%; height: auto; margin-left: 0%; } /* line 230, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-4 .carter { position: absolute; top: 35px; left: 15.375%; color: #666666; } /* line 237, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-4 .section-content { left: 54.5%; top: 49%; right: 0; text-align: left; } /* line 248, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-5 img.slide-bg { width: 59.5%; height: auto; margin-left: 0%; } /* line 254, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-5 .mcgill { position: absolute; top: 35px; left: 22.5%; color: #666666; } /* line 261, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-5 .section-content { left: 47.68%; top: 60%; right: 0; text-align: left; } /* line 268, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-5 .section-content p.sub-section { text-transform: none; } /* line 278, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-6 img.slide-bg { width: 53.375%; height: auto; margin-left: 0%; } /* line 284, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-6 .pettis { position: absolute; top: 95%; left: 37%; color: #cccccc; } /* line 291, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-6 .section-content { left: 54.5%; top: 49%; right: 0; text-align: left; } /* line 302, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-7 img.slide-bg { width: 35%; height: auto; margin-left: 47.75%; } /* line 308, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-7 .hilgart { position: absolute; top: 35px; left: 73.75%; color: #cccccc; } /* line 315, ../../../../scss/garage/2014/M6G/slides/_mazda-way.scss */ #mazda-way div.slide-7 .section-content { right: 54.5%; top: 45.5%; left: 0; text-align: right; } /* line 1, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv { width: 100%; height: auto; position: relative; } /* line 7, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv .layer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* line 21, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv img.center { width: 55%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } /* line 34, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv .frame { width: 100%; height: 900px; position: relative; } /* line 40, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ .touch #skyactiv .frame { height: 617px; } /* line 46, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv .copy { text-align: right; position: absolute; bottom: 8.8%; right: 0; width: 65%; left: 0; margin: auto; z-index: 10; } /* line 56, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv .copy h2 { font: 13px/18px interstate, sans-serif, arial; color: #666; margin-bottom: 0px; } /* line 62, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv .copy h3 { font: 36px/36px interstate-bold-italic, sans-serif, arial; color: #900; margin: 9px 0 13px 0; } /* line 68, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv .copy p { font: 13px/22px interstate, sans-serif, arial; } /* line 73, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-1 { margin-top: -70px; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/skyactiv-slide/background-black.jpg) no-repeat top left; background-size: cover; } /* line 79, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-1 h3 { color: #FFF; } /* line 83, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ .touch #skyactiv #frame-1 .copy { width: 78%; bottom: 4%; } /* line 89, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-2 { background: url(/MusaWeb/musa2/images/garage/landing/slides-design/skyactiv-slide/background-white.jpg) no-repeat top left; background-size: cover; } /* line 94, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-2 .copy { bottom: 21%; } /* line 97, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ .touch #skyactiv #frame-2 .copy { bottom: 9%; } /* line 102, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-2 #popup-body-1 { bottom: 80%; left: 83%; } /* line 107, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-2 #popup-body-2 { bottom: 40%; left: 20%; } /* line 114, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-2 #popup-body-1-popup .container { width: 166px; height: 144px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } /* line 125, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-2 #popup-body-1-popup .container h2 { text-align: center; } /* line 131, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-2 #popup-body-2-popup .container { width: 187px; height: 167px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } /* line 143, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-2 #popup-body-2-popup .container h2 { text-align: center; } /* line 151, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-2 #body-popup-container { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } /* line 160, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-2 .popup-content .container { font-size: 12px; } /* line 162, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-2 .popup-content .container h2 { margin-bottom: 10px; } /* line 167, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-2 .popup-content p { font: 1.08em/1.6em Helvetica, sans-serif; margin: 0 auto; color: #333; text-align: center; } /* line 177, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 { background: url(/MusaWeb/musa2/images/garage/landing/slides-design/skyactiv-slide/background-black.jpg) no-repeat top left; background-size: cover; } /* line 182, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 .copy { bottom: 21%; } /* line 185, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 .copy p { color: #fff; } /* line 189, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ .touch #skyactiv #frame-3 .copy { bottom: 7%; } /* line 194, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 h3 { color: #FFF; } /* line 198, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 #car-transparent { display: none; } /* line 202, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 #transmition-small { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } /* line 208, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 #engine-small { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } /* line 214, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 #chasis-popup-container { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } /* line 223, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 #popup-suspension-1 { bottom: 45%; left: 34%; } /* line 229, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 #popup-suspension-1-popup .container p { margin-top: 33%; } /* line 234, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 #popup-suspension-2 { bottom: 75%; left: 65%; } /* line 240, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 #popup-suspension-2-popup .container p { margin-top: 33%; } /* line 245, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 #popup-suspension-3 { bottom: 57%; left: 71%; } /* line 250, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 #popup-suspension-3-popup .container p { margin-top: 44%; } /* line 254, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 #popup-suspension-4 { bottom: 53%; left: 82%; } /* line 259, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 #popup-suspension-4-popup .container p { margin-top: 37%; } /* line 263, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 .popup-content .container { font-size: 12px; } /* line 267, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-3 .popup-content p { font: 1.08em/1.6em Helvetica, sans-serif; margin: 0 auto; color: #333; text-align: center; } /* line 275, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 { background: url(/MusaWeb/musa2/images/garage/landing/slides-design/skyactiv-slide/background-black.jpg) no-repeat top left; background-size: cover; } /* line 280, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 .center { width: auto; height: 45%; top: -10%; } /* line 286, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 #skyActiv-engineCopy { width: 80%; height: 260px; top: 300px; left: 75px; position: absolute; } /* line 296, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ .touch #skyactiv #frame-4 #skyActiv-engineCopy { width: 92%; } /* line 302, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 #engineCopy .side-text { width: 360px; height: 260px; position: absolute; } /* line 309, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 #engineCopy .counter { font: 180px/200px 'interstate-bold'; display: inline-block; width: 220px; height: 180px; float: left; text-align: center; color: #fff; } /* line 319, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 #engineCopy h2 { font-size: 13px; text-align: right; margin: 20px 0 0 0; text-align: left; } /* line 327, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 #engineCopy h3 { color: #999; font: 14px interstate-bold,sans-serif,arial; padding: 0; font-size: 22px; font-family: interstate-light, helvetica; margin: 0; text-align: left; } /* line 338, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 #engineCopy p.mpg { font-size: 34px; font-family: 'interstate-bold'; margin: 0; color: white; text-align: left; margin-bottom: 20px; } /* line 347, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 #engineCopy p.bottom { font: 32px/32px 'interstate-bold-italic'; color: #666; text-align: left; } /* line 352, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 #engineCopy p.bottom sup { font-size: 15px; } /* line 358, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 #pistonCopy { position: absolute; right: 40px; bottom: 0; } /* line 363, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 #pistonCopy .info-text { float: right; } /* line 366, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 #pistonCopy .info-text h3 { font: normal normal 16px/20px 'interstate-bold-italic', sans-serif; color: #666; } /* line 371, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 #pistonCopy .info-text p { font: normal normal 13px/16px 'Helvetica', sans-serif; color: #fff; } /* line 377, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-4 #pistonCopy img { float: right; } /* line 383, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-5 { background: url(/MusaWeb/musa2/images/garage/landing/slides-design/skyactiv-slide/background-white.jpg) no-repeat top left; background-size: cover; } /* line 388, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-5 .center { width: auto; height: 28%; top: -30%; } /* line 393, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ .touch #skyactiv #frame-5 .center { top: -53%; } /* line 398, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-5 #skyActiv-transmitionCopy { left: 0; right: 0; margin: auto; opacity: 1; width: 80%; height: 40%; bottom: 15%; } /* line 408, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ .touch #skyactiv #frame-5 #skyActiv-transmitionCopy { bottom: 27%; } /* line 412, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-5 #skyActiv-transmitionCopy .left { display: block; top: 0; bottom: 0; margin: auto; position: absolute; height: 69%; width: 49%; } /* line 423, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-5 #skyActiv-transmitionCopy .right { width: 45%; height: 100%; text-align: left; } /* line 430, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-5 #skyActiv-transmitionCopy .right img { max-width: 395px; } /* line 435, ../../../../scss/garage/2014/M6G/slides/_skyactiv.scss */ #skyactiv #frame-5 #skyActiv-transmitionCopy .learn-more { margin-top: 20px; display: inline-block; height: 29px; padding: 0 14px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #d00000; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/red-button.png) no-repeat scroll 0 0 #d00000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdlMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d00000), color-stop(100%, #7e0000)); background-image: -moz-linear-gradient(top, #d00000 0%, #7e0000 100%); background-image: -webkit-linear-gradient(top, #d00000 0%, #7e0000 100%); background-image: linear-gradient(to bottom, #d00000 0%, #7e0000 100%); font: 12px/29px interstate, sans-serif, arial; text-decoration: none; text-transform: uppercase; text-align: center; color: #fff; } /* line 278, ../../../../scss/global/_mixins.scss */ #skyactiv #frame-5 #skyActiv-transmitionCopy .learn-more:hover { background-color: #950000; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/red-button-hover.png) no-repeat scroll 0 0 #950000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1MDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #950000), color-stop(100%, #5a0000)); background-image: -moz-linear-gradient(top, #950000 0%, #5a0000 100%); background-image: -webkit-linear-gradient(top, #950000 0%, #5a0000 100%); background-image: linear-gradient(to bottom, #950000 0%, #5a0000 100%); } /* line 2, ../../../../scss/garage/2014/M6G/slides/_exterior-design.scss */ #exterior-design { position: relative; } /* line 5, ../../../../scss/garage/2014/M6G/slides/_exterior-design.scss */ #exterior-design .bg-image { width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; overflow: hidden; } /* line 15, ../../../../scss/garage/2014/M6G/slides/_exterior-design.scss */ #exterior-design .bg-image img { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; } /* line 24, ../../../../scss/garage/2014/M6G/slides/_exterior-design.scss */ #exterior-design #exterior-image { position: relative; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; margin-top: -70px; /*.left-ipad-btn { left: 5%; top: 45%; background:url('/MusaWeb/musa2/images/garage/landing/slides-design/btns-exteriorIpad.png') 0 0; display: none; } .left-ipad-btn:hover { background:url('/MusaWeb/musa2/images/garage/landing/slides-design/btns-exteriorIpad.png') -100px 0; } .right-ipad-btn { left: 95%; top: 45%; background:url('/MusaWeb/musa2/images/garage/landing/slides-design/btns-exteriorIpad.png') -50px 0; display: none; } .right-ipad-btn:hover { background:url('/MusaWeb/musa2/images/garage/landing/slides-design/btns-exteriorIpad.png') -150px 0; }*/ } /* line 33, ../../../../scss/garage/2014/M6G/slides/_exterior-design.scss */ #exterior-design #exterior-image a { position: absolute; width: 40px; height: 40px; z-index: 50; } /* line 63, ../../../../scss/garage/2014/M6G/slides/_exterior-design.scss */ #exterior-design .pin-frame { position: relative; width: 100%; height: 100%; margin-left: 0; overflow: auto; /*#exterior-headline-two { float: left; width: 8%; margin-top: 1.5%; margin-left: 13%; margin-left: 15%\9; // IE8 only } #exterior-headline-three { float: left; width: 10%; margin-top: 1.3%; margin-top: 1.5%\9; // IE8 only margin-left: 14%; margin-left: 13%\9; // IE8 only } #exterior-headline-three p { width: 70%; margin-top: 12%; margin-left: 14% } #exterior-headline-four { float: left; width: 500px; margin-top: 1.5%; margin-left: 13%; margin-left: 16%\9; // IE8 only }*/ } /* line 75, ../../../../scss/garage/2014/M6G/slides/_exterior-design.scss */ #exterior-design .pin-frame #exterior-headline-one { width: 100%; margin-top: 5%; } /* line 111, ../../../../scss/garage/2014/M6G/slides/_exterior-design.scss */ #exterior-design .pin-frame h2 { font: 13px/14px interstate, sans-serif, arial; color: #666; text-align: center; margin: -10px 0 0 0; } /* line 118, ../../../../scss/garage/2014/M6G/slides/_exterior-design.scss */ #exterior-design .pin-frame h3 { font: 36px/30px interstate-bold-italic, sans-serif, arial; text-align: center; color: #fff; margin: 10px 0px; } /* line 125, ../../../../scss/garage/2014/M6G/slides/_exterior-design.scss */ #exterior-design .pin-frame p { font: 13px/15px interstate, sans-serif, arial; text-align: center; color: #fff; } @-webkit-keyframes cssAnimation { from { opacity: 0; z-index: 10000; } to { opacity: 1; z-index: -10000; } } @-moz-keyframes cssAnimation { from { opacity: 0; z-index: 10000; } to { opacity: 1; z-index: -10000; } } @-o-keyframes cssAnimation { from { opacity: 0; z-index: 10000; } to { opacity: 1; z-index: -10000; } } @keyframes cssAnimation { from { opacity: 0; z-index: 10000; } to { opacity: 1; z-index: -10000; } } /* line 36, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design { font-size: 12px; text-align: center; } /* line 42, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design sup { vertical-align: text-top; font-size: 0.8em; } /* line 47, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design > img { z-index: -1; display: block; position: absolute; top: 0; left: 0; width: 100%; } /* line 57, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .arrow { background-repeat: no-repeat; width: 50px; height: 50px; position: absolute; top: 0; bottom: 0; margin: auto; cursor: pointer; z-index: 100; } /* line 73, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .arrow.next-popup { right: 50px; background-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/interior-design/arrows_right.png); } /* line 78, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .arrow.previous-popup { left: 50px; background-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/interior-design/arrows_left.png); } /* line 86, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .popup-content h3 { color: #999; font-size: 1.5em; } /* line 91, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .popup-content p { font: 1.3em/2em interstate, sans-serif, arial; color: #fff; } /* line 97, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .overlay { width: 100%; height: 100%; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/interior-design/background-opacity.png) repeat; position: absolute; top: 0; left: 0; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; transition: All 1s ease; opacity: 0; } /* line 114, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .overlay.open { opacity: 1; z-index: 12; } /* line 121, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .colors { width: 180px; height: 51px; bottom: 50px; position: absolute; left: 0; right: 0; margin: auto; } /* line 130, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .colors h3 { color: #999; font: 9px interstate, sans-serif, arial; line-height: 25px; } /* line 137, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .overlay-content { width: 75%; height: 75%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #000 no-repeat center center; background-size: cover; } /* line 152, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .overlay-content img { z-index: -1; display: block; position: absolute; top: 0; left: 0; width: 100%; } /* line 163, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .overlay-content .close-overlay { width: 50px; height: 50px; position: absolute; top: 20px; right: 20px; cursor: pointer; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-close.png) no-repeat center center; background-size: contain; } /* line 176, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .overlay-content .section-content { position: absolute; } /* line 182, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design h2 { font: 13px/13px interstate, sans-serif, arial; color: #666; text-align: inherit; margin: -10px 0 0 0; } /* line 189, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design h3 { font: 36px/36px interstate-bold-italic, sans-serif, arial; color: #990000; text-align: inherit; margin: 10px 0px; } /* line 196, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design p { font: 13px/13px interstate, sans-serif, arial; text-align: inherit; color: #FFF; } /* line 202, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design > h2 { color: #ccc; } /* line 206, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design > h3 { color: #FFF; } /* line 211, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #bluetooth { bottom: 26.44444%; left: 23.5625%; } /* line 215, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #instrumental-panel { bottom: 62.22222%; left: 25%; } /* line 219, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #navigation { bottom: 53.88889%; left: 50%; } /* line 223, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #bordeaux { bottom: 58.88889%; left: 69.375%; } /* line 227, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #bose { bottom: 36.66667%; left: 66.5625%; } /* line 231, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #seats { bottom: 18.88889%; left: 75.9375%; } /* line 235, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #hmi { bottom: 5.55556%; left: 67.8125%; } /* line 242, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #pandora-overlay h2 { margin-top: 6%; } /* line 249, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .stream-pandora { display: inline-block; height: 29px; padding: 0 14px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #d00000; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/red-button.png) no-repeat scroll 0 0 #d00000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdlMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d00000), color-stop(100%, #7e0000)); background-image: -moz-linear-gradient(top, #d00000 0%, #7e0000 100%); background-image: -webkit-linear-gradient(top, #d00000 0%, #7e0000 100%); background-image: linear-gradient(to bottom, #d00000 0%, #7e0000 100%); font: 12px/29px interstate, sans-serif, arial; text-decoration: none; text-transform: uppercase; text-align: center; color: #fff; min-width: 14%; height: 30px; position: absolute; top: 56.5%; left: 0; right: 0; max-width: 175px; margin: auto; cursor: pointer; padding: 0 4px; } /* line 278, ../../../../scss/global/_mixins.scss */ #interior-design .stream-pandora:hover { background-color: #950000; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/red-button-hover.png) no-repeat scroll 0 0 #950000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1MDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #950000), color-stop(100%, #5a0000)); background-image: -moz-linear-gradient(top, #950000 0%, #5a0000 100%); background-image: -webkit-linear-gradient(top, #950000 0%, #5a0000 100%); background-image: linear-gradient(to bottom, #950000 0%, #5a0000 100%); } /* line 266, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #instrumental-panel-overlay .section-content { width: 72%; text-align: right; top: 68.88889%; left: 22%; } /* line 275, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #navigation-overlay h2 { margin-top: 3%; } /* line 279, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #navigation-overlay h3 { color: #990000; } /* line 285, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #navigation-overlay .header-copy { margin: 0 auto; line-height: 19px; } /* line 290, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #navigation-overlay .footer-copy { top: 82.5%; position: absolute; right: 0; left: 0; margin: auto; font: italic 13px/16px Helvetica; color: #999; } /* line 302, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #navigation-overlay .buttons { width: 27%; position: absolute; top: 39%; right: 0; left: 0; margin: auto; height: 5%; } /* line 311, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #navigation-overlay .buttons a { display: inline-block; height: 100%; width: 32%; margin-left: -4px; cursor: pointer; text-indent: -9999px; background-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/aspect-16-9.png); } /* line 323, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #seats-overlay .overlay-content { background-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/interior-design/leather_black.jpg); } /* line 327, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #seats-overlay .overlay-content .section-content { width: 45%; text-align: left; top: 33.33333%; left: 17.5%; } /* line 336, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design.tan #seats-overlay .overlay-content { background-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/interior-design/leather_white.jpg); } /* line 338, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design.tan #seats-overlay .overlay-content p { color: #333; } /* line 346, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #bordeaux-overlay h2 { margin-top: 6%; color: #999; } /* line 351, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #bordeaux-overlay h3 { color: #fff; } /* line 355, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #bordeaux-overlay .bottom-content { width: 100%; position: absolute; top: 77.77778%; } /* line 363, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #bluetooth-popup { width: 97px; height: 0; bottom: 0; left: 0; } /* line 369, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #bluetooth-popup h3 { margin-top: 41%; margin-bottom: 0; } /* line 374, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #bluetooth-popup p { font-size: 1.2em; line-height: 1.8em; } /* line 379, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #bluetooth-popup .stream-pandora { position: static; margin-top: 2%; } /* line 386, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #hmi-popup { width: 0; height: 0; bottom: 0; left: 0; } /* line 393, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #hmi-popup h3 { margin-top: 50%; } /* line 399, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #bose-popup { width: 0; height: 0; bottom: 0; left: 0; } /* line 406, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design #bose-popup h3 { margin-top: 45.5%; } /* line 413, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .content-tab { width: 100%; height: 100%; display: none; } /* line 420, ../../../../scss/garage/2014/M6G/slides/_interior-design.scss */ #interior-design .bluetooth-tab .bluetooth-tab.content-tab, #interior-design .navigation-tab .navigation-tab.content-tab, #interior-design .pandora-tab .pandora-tab.content-tab { display: block; } /* line 3, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section { height: auto; background: #333333; } /* line 7, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section img.aspect { position: relative; width: 100%; min-width: 974px; } /* line 13, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section a.next { position: absolute; left: 50%; margin-left: -35px; } /* line 19, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.section-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 27, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.hero-container { width: 100%; height: 82%; overflow: hidden; } /* line 32, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.hero-container h2 { position: absolute; width: 100%; text-align: center; font-family: interstate,sans-serif,arial; font-size: 1.090909em; line-height: 1.5em; padding-top: 5%; text-transform: uppercase; } /* line 43, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.hero-container img.hero-img { width: 100%; } /* line 51, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.hero-container a.hero-prev, #gallery-cnt.section div.hero-container a.hero-next { position: absolute; top: 42%; width: 3.7%; min-width: 39px; max-width: 60px; } /* line 59, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.hero-container a.hero-prev img, #gallery-cnt.section div.hero-container a.hero-next img { width: 100%; } /* line 64, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.hero-container a.hero-prev { left: 6.25%; } /* line 68, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.hero-container a.hero-next { right: 6.25%; } /* line 72, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.hero-container a.hero-videos-photos { position: absolute; width: 8.375%; top: 76.5%; left: 18.5%; font-size: 1em; } /* line 79, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.hero-container a.hero-videos-photos img { width: 100%; position: absolute; } /* line 84, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.hero-container a.hero-videos-photos span { position: absolute; width: 100%; text-align: center; text-transform: uppercase; color: #ffffff; text-decoration: none; font-size: 1.090909em; line-height: 2.4em; font-family: interstate,sans-serif,arial; } /* line 98, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.carousel-container { width: 70%; height: 18%; margin-left: 15%; position: absolute; bottom: 0; } /* line 105, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.carousel-container div.list_carousel { position: relative; width: 100%; height: 62%; } /* line 111, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.carousel-container a.carousel-page-prev, #gallery-cnt.section div.carousel-container a.carousel-page-next { position: absolute; width: 5%; height: 50%; display: block; text-align: center; text-decoration: none; color: #cccccc; font-size: 2.363636em; line-height: 1.5em; margin-top: 0.8em; cursor: pointer; } /* line 126, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.carousel-container a.carousel-page-prev { left: 0; } /* line 130, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.carousel-container a.carousel-page-next { right: 0; } /* line 134, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.carousel-container .caroufredsel_wrapper { width: 90%; margin-left: 5%; } /* line 141, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.carousel-container ul.thumbnails-carousel li { float: left; width: 16.5%; } /* line 145, ../../../../scss/garage/2014/M6G/slides/_gallery.scss */ #gallery-cnt.section div.carousel-container ul.thumbnails-carousel li img { width: 100%; cursor: pointer; } /* line 3, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance { background-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/performance/background.jpg); height: auto; min-height: 900px; } /* line 10, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie7 #performance, .ie8 #performance { background: none; } /* line 15, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance img.aspect { position: relative; width: 100%; } /* line 20, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance img.ie8-bg { display: none; } /* line 23, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie7 #performance img.ie8-bg, .ie8 #performance img.ie8-bg { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* line 34, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance a.next { position: absolute; left: 50%; margin-left: -35px; } /* line 40, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance div.section-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 48, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance div.grid-wrapper { width: 100%; height: 100%; position: relative; margin: 0 auto; overflow: hidden; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/performance/grid.png) right center no-repeat; } /* line 57, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance div.section-content { width: 70%; height: 100%; margin: 0 auto; min-width: 980px; position: relative; } /* line 65, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance h2 { text-transform: uppercase; font-size: 13px; line-height: 2.507692em; margin: 0; padding-top: 9.05%; } /* line 73, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance h3 { text-transform: uppercase; font-size: 36px; line-height: 1.333333em; margin: 0; color: #ffffff; font-style: italic; padding-bottom: 1.333333%; } /* line 83, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance p.copy-a { font-size: 13px; line-height: 1.692307em; color: #ffffff; } /* line 89, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.stats { color: #ffffff; margin-top: 2.33%; font-size: 1em; } /* line 94, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.stats li { float: left; margin-right: 2.181818em; } /* line 99, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.stats span.epa-estimated-lbl { font-family: interstate,sans-serif,arial; font-size: 0.727272em; line-height: 2.0em; float: left; } /* line 106, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.stats span.value { font-family: interstate-bold,sans-serif,arial; font-size: 3.818181em; line-height: 1em; font-weight: bold; letter-spacing: 0.01em; display: block; width: 100%; text-align: center; clear: left; float: left; } /* line 119, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.stats span.stat-lbl { font-family: interstate-light,sans-serif,arial; text-transform: uppercase; font-size: 1.090909em; line-height: 1.161616em; text-align: center; width: 100%; clear: left; float: left; } /* line 130, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.stats span.no-est { padding-top: 0.380047em; } /* line 136, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph { height: 41.11%; position: absolute; right: 0; bottom: 30.44%; color: #ffffff; font-size: 1em; } /* line 144, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph li { float: left; position: relative; height: 100%; width: 7.636363em; } /* line 151, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph span.vehicle { position: absolute; bottom: 0; text-align: center; width: 100%; } /* line 158, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph span.vehicle.m6 { font-family: mazda-bold,sans-serif,arial; font-size: 1em; line-height: 2.545454em; } /* line 164, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph span.other { font-family: interstate-bold,sans-serif,arial; font-size: 1.090909em; line-height: 2.333333em; font-style: italic; text-transform: uppercase; } /* line 172, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph span.epa-estimated-lbl { font-family: interstate-bold,sans-serif,arial; font-size: 0.82em; line-height: 1.4em; text-indent: 2em; white-space: nowrap; position: absolute; bottom: 7.7em; right: 7.2em; display: block; -moz-transform: rotate(-90deg); -moz-transform-origin: right bottom; -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; -o-transform: rotate(-90deg); -o-transform-origin: right bottom; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } /* line 190, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie7 #performance ul.graph span.epa-estimated-lbl, .ie8 #performance ul.graph span.epa-estimated-lbl, .ie9 #performance ul.graph span.epa-estimated-lbl { right: 2em; } /* line 197, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph div.mpg, #performance ul.graph div.torque { bottom: 2.153846em; width: 2.307692em; height: 120px; margin-right: 0.538461em; position: absolute; font-size: 1.181818em; } /* line 206, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph div.torque { right: 0; } /* line 210, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph div.mpg { right: 2.307692em; } /* line 214, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph div.bar { position: absolute; bottom: 0; height: 90px; width: 1.538461em; margin-left: 0.384615em; background: rgba(255, 255, 255, 0.33); border: 1px solid #ffffff; overflow: hidden; } /* line 224, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .no-rgba #performance ul.graph div.bar { background: url(/MusaWeb/musa2/images/garage/landing/slides-design/performance/ie8-white-33.png) 0 0 repeat; } /* line 228, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie7 #performance ul.graph div.bar, .ie8 #performance ul.graph div.bar { width: 1.7em; } /* line 234, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph div.bar.m6 { -webkit-box-shadow: 0px 0px 3px 2px #ffffff; box-shadow: 0px 0px 3px 2px #ffffff; } /* line 238, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie7 #performance ul.graph div.bar.m6, .ie8 #performance ul.graph div.bar.m6 { background: none; font-weight: bold; } /* line 248, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph div.bar.m6 div.ie8-bar-bg { display: none; } /* line 251, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie7 #performance ul.graph div.bar.m6 div.ie8-bar-bg, .ie8 #performance ul.graph div.bar.m6 div.ie8-bar-bg { display: block; position: absolute; height: 100%; width: 100%; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/performance/ie8-white-33.png) 0 0 repeat; } /* line 263, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph div.bar span { font-family: interstate-bold,sans-serif,arial; line-height: 1em; font-style: italic; position: absolute; bottom: 0; margin-left: 1.2em; text-indent: 0.25em; display: block; white-space: nowrap; -moz-transform: rotate(-90deg); -moz-transform-origin: left bottom; -webkit-transform: rotate(-90deg); -webkit-transform-origin: left bottom; -o-transform: rotate(-90deg); -o-transform-origin: left bottom; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } /* line 281, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie7 #performance ul.graph div.bar span, .ie8 #performance ul.graph div.bar span, .ie9 #performance ul.graph div.bar span { margin-left: 0.25em; } /* line 287, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie7 #performance ul.graph div.bar span, .ie8 #performance ul.graph div.bar span { font-family: interstate,sans-serif,arial; font-style: normal; line-height: 1.2em; letter-spacing: 0.05em; min-width: 9em; } /* line 299, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie7 #performance ul.graph div.bar.m6 span, .ie8 #performance ul.graph div.bar.m6 span { font-family: interstate-bold,sans-serif,arial; } /* line 306, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie9 #performance ul.graph .mpg div.bar span { bottom: 6em; } /* line 310, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie7 #performance ul.graph .mpg div.bar span, .ie8 #performance ul.graph .mpg div.bar span { bottom: 8em; } /* line 317, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie9 #performance ul.graph .torque div.bar span { bottom: 2.9em; } /* line 321, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie7 #performance ul.graph .torque div.bar span, .ie8 #performance ul.graph .torque div.bar span { bottom: 8em; } /* line 328, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie9 #performance ul.graph .mpg div.bar.m6 span { bottom: 5.2em; } /* line 332, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ .ie7 #performance ul.graph .mpg div.bar.m6 span, .ie8 #performance ul.graph .mpg div.bar.m6 span { bottom: 8em; } /* line 338, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance ul.graph span.value { font-family: interstate-bold,sans-serif,arial; font-size: 1.307692em; line-height: 1.647058em; top: 0; display: block; width: 100%; text-align: center; } /* line 350, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance div.engine { position: absolute; top: 26.888888%; left: 26%; width: 49%; } /* line 356, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance div.engine div { position: relative; width: 100%; height: 100%; } /* line 362, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance div.engine img { position: absolute; top: 0; left: 0; width: 100%; } /* line 370, ../../../../scss/garage/2014/M6G/slides/_performance.scss */ #performance img.shadow { width: 47%; position: absolute; left: 26%; top: 79%; } /* @mixin moveBackground-loop($duration) { -webkit-animation: moveBackground $duration linear infinite; -moz-animation: moveBackground $duration linear infinite; -o-animation: moveBackground $duration linear infinite; animation: moveBackground $duration linear infinite; } @-webkit-keyframes moveBackground { 0% { background-position: 0 20px; } 100% { background-position: 100% 20px; } } @-moz-keyframes moveBackground { 0% { background-position: 0; } 100% { background-position: 100% 0; } } @-o-keyframes moveBackground { 0% { background-position: 0; } 100% { background-position: 100% 0; } } @keyframes moveBackground { 0% { background-position: 0; } 100% { background-position: 100% 0; } } */ /* line 51, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking { background: #f4f8f7; height: auto; text-align: center; } /* line 55, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking img.aspect { position: relative; width: 100%; min-width: 974px; } /* line 61, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking a.next { position: absolute; left: 50%; margin-left: -35px; } /* line 67, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.section-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 75, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.car-animation { position: absolute; left: 0; top: 22%; width: 100%; height: 41.11%; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/bg-breaking-city-loop.jpg) repeat-x; } /* line 84, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.car-animation img.shadow { position: absolute; top: 85%; left: 22%; width: 52.75%; } /* line 91, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.car-animation div.car { position: absolute; top: 25%; left: 23.75%; width: 48.75%; } /* line 97, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.car-animation div.car div { position: relative; width: 100%; height: 100%; } /* line 103, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.car-animation div.car img { position: absolute; top: 0; left: 0; width: 100%; } /* line 112, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.section-content { width: 60.875%; height: 100%; margin: 0 auto; position: relative; } /* line 119, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking h2 { font-family: interstate,sans-serif,arial; text-transform: uppercase; font-size: 13px; line-height: 1.384615em; margin: 0; text-align: center; padding-top: 10%; } /* line 129, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking h3 { font-family: interstate-bold,sans-serif,arial; text-transform: uppercase; font-size: 36px; line-height: 1.333333em; color: #990000; font-style: italic; text-align: center; margin: 0; padding-top: 2%; } /* line 144, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking h2 { font: 13px/1em interstate, sans-serif, arial; color: #666; text-align: inherit; } /* line 150, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking h3 { font: 36px/1em interstate-bold-italic, sans-serif, arial; color: #900; text-align: inherit; } /* line 157, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer { height: auto; margin-top: 43.333333%; } /* line 161, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar { position: relative; width: 38.911704%; height: 100%; float: left; margin-left: 23.408624%; } /* line 168, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar > img { top: 0; left: 0; width: 100%; } /* line 174, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar > div { position: absolute; top: 0; left: 0; width: 99%; margin-left: 1%; } /* line 182, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar .icon { width: 12%; height: auto; overflow: hidden; position: relative; float: left; margin-top: 0.7%; } /* line 190, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar .icon .icon-aspect { width: 100%; } /* line 194, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar .icon .icon-img { position: absolute; top: 0; left: 0; width: 800%; } /* line 202, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar .icon-1 .icon-img { margin-left: 0%; } /* line 206, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar .icon-2 .icon-img { margin-left: -100%; } /* line 210, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar .icon-3 .icon-img { margin-left: -200%; } /* line 214, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar .icon-4 .icon-img { margin-left: -300%; } /* line 218, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar .icon-5 .icon-img { margin-left: -400%; } /* line 222, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar .icon-6 .icon-img { margin-left: -500%; } /* line 226, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar .icon-7 .icon-img { margin-left: -600%; } /* line 230, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer div.power-bar .icon-8 .icon-img { margin-left: -700%; } /* line 235, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer a.brake-btn { padding: 0 14px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0px 1px 7px 1px #7e0000; background: #d00000; /* Old browsers */ background: -moz-linear-gradient(top, #d00000 0%, #7e0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d00000), color-stop(100%, #7e0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d00000 0%, #7e0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d00000 0%, #7e0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d00000 0%, #7e0000 100%); /* IE10+ */ background: linear-gradient(to bottom, #d00000 0%, #7e0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d00000', endColorstr='#7e0000',GradientType=0 ); /* IE6-9 */ text-transform: uppercase; display: block; position: relative; width: 11.396303%; height: auto; text-decoration: none; color: #ffffff; font-family: interstate,sans-serif,arial; font-size: 1.454545em; line-height: 2.5em; text-align: center; float: left; margin: 0.6% 0 0 1.848049%; -webkit-border-radius: 6px; border-radius: 6px; } /* line 269, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer a.brake-btn:hover { background: #950000; /* Old browsers */ background: -moz-linear-gradient(top, #950000 0%, #5a0000 100%); /* FF3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#950000', endColorstr='#5a0000',GradientType=0 ); /* IE6-9 */ } /* line 275, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.energixer a.brake-btn span { position: absolute; -webkit-border-radius: 6px; border-radius: 6px; text-decoration: none; color: #ffffff; font-family: interstate,sans-serif,arial; line-height: 2.5em; text-align: center; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: #950000; /* Old browsers */ background: -moz-linear-gradient(top, #950000 0%, #5a0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #950000), color-stop(100%, #5a0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #950000 0%, #5a0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #950000 0%, #5a0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #950000 0%, #5a0000 100%); /* IE10+ */ background: linear-gradient(to bottom, #950000 0%, #5a0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#950000', endColorstr='#5a0000',GradientType=0 ); /* IE6-9 */ } /* line 303, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.copy { float: left; margin: 2.111111% 1% 0 23.408624%; } /* line 307, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.copy p { font-family: interstate,sans-serif,arial; font-size: 1.2em; line-height: 2em; text-align: left; } /* line 314, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.copy p.strong-text { font-family: interstate-bold,sans-serif,arial; font-size: 1.2em; line-height: 1.692307em; padding-bottom: 3%; } /* line 321, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking div.copy sup { font-size: 0.7em; } /* line 326, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking a.video-btn { width: 180px; height: 101px; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/braking/video-button.png); text-indent: -9999px; display: block; float: left; margin-top: 1.111111%; position: relative; } /* line 337, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking a.video-btn span.active { width: 91px; height: 91px; display: block; position: absolute; top: 5px; left: 48px; opacity: 0.2; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/braking/video-button-roll.png); } /* line 353, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ #braking a.video-btn:hover span.active { opacity: 1; } /* line 358, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ .ie8 #braking a.video-btn { width: 180px; height: 101px; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/braking/video-button-roll-ie.png); text-indent: -9999px; display: block; float: left; margin-top: 1.111111%; } /* line 367, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ .ie8 #braking a.video-btn span.active { display: none; } /* line 376, ../../../../scss/garage/2014/M6G/slides/_braking.scss */ .touch #braking div.energixer { margin-top: 38.333333%; } /* Safety VLP Slide @dependencies: global/_fonts.scss */ /* line 34, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety { background: url(/MusaWeb/musa2/images/garage/landing/slides-design/bg-slide-safety.png) no-repeat top right; background-size: auto; } /* line 38, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .section-content { width: 978px; margin: 0 auto; position: absolute; z-index: 11; margin: auto; top: 0; bottom: 0; left: 0; right: 0; height: 80%; } /* line 50, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .section-content.maxwidth-1024 p { width: 360px; } /* line 54, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .section-content.maxwidth-1280 p { width: 497px; } /* line 59, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety h2 { margin: -30px 0 6px 0; font: 13px/18px interstate, sans-serif, arial; text-transform: uppercase; color: #c7c7c7; } /* line 66, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety h3 { margin: 0 0 1em 0; font: 36px interstate-bold-italic, sans-serif, arial; text-transform: uppercase; color: #fff; } /* line 73, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety h4 { font: 1.5em "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif, arial; color: #808080; } /* line 77, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety h4 span { text-decoration: underline; cursor: pointer; } /* line 86, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety p { width: 516px; margin: 0 0 4px; margin: 0 0 4px; font: 1.2em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif, arial; color: #808080; cursor: pointer; } /* line 96, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety ol { padding-left: 30px; } /* line 100, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety li { position: relative; } /* line 28, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety li.bullet-1 { list-style-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/safety-slide/bullet-1.png); } /* line 28, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety li.bullet-2 { list-style-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/safety-slide/bullet-2.png); } /* line 28, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety li.bullet-3 { list-style-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/safety-slide/bullet-3.png); } /* line 28, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety li.bullet-4 { list-style-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/safety-slide/bullet-4.png); } /* line 28, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety li.bullet-5 { list-style-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/safety-slide/bullet-5.png); } /* line 28, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety li.bullet-6 { list-style-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/safety-slide/bullet-6.png); } /* line 28, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety li.bullet-7 { list-style-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/safety-slide/bullet-7.png); } /* line 105, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety li.active p { color: #fff; } /* line 109, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety li .icon { position: absolute; top: 0; left: 520px; } /* line 119, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.front #mazda-radar h4, #safety.front #mazda-radar p { color: #fff; } /* line 124, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.front #forward-obstruction h4, #safety.front #forward-obstruction p { color: #fff; } /* line 129, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.front #smart-city-brake h4, #safety.front #smart-city-brake p { color: #fff; } /* line 134, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.front .safety-slide-mazda-radar { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } /* line 137, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.front .safety-slide-mazda-radar.rear-cross { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 142, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.front .safety-slide-forward-obstruction, #safety.front .safety-slide-car-front { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } /* line 154, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.right-middle #lane-departure h4, #safety.right-middle #lane-departure p { color: #fff; } /* line 159, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.right-middle .safety-slide-lane-departure, #safety.right-middle .safety-slide-car-lane-departure { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } /* line 164, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.right-middle .safety-slide-car { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 170, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.right-back #rear-cross h4, #safety.right-back #rear-cross p { color: #fff; } /* line 175, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.right-back .safety-slide-mazda-radar.rear-cross, #safety.right-back .safety-slide-car-rear { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } /* line 182, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.left-back #blind-spot h4, #safety.left-back #blind-spot p { color: #fff; } /* line 187, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.left-back .safety-slide-blind-spot, #safety.left-back .safety-slide-car-blind { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } /* line 194, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.lights #high-beam h4, #safety.lights #high-beam p { color: #fff; } /* line 199, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.lights .safety-slide-high-beams { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } /* line 203, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.lights .safety-slide-car-high-beams { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } /* line 209, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.lights-2 #high-beam h4, #safety.lights-2 #high-beam p { color: #fff; } /* line 215, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.lights-2 .safety-slide-high-beams { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } /* line 219, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety.lights-2 .safety-slide-car-high-beams-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } /* line 224, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety #lane-departure { margin: 1em 0 1em; } /* line 228, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety #high-beam { margin: 1em 0 0; } /* line 232, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .car-zone-wrapper { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; } /* line 241, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .car-zone { position: absolute; top: 0; right: 10%; z-index: 11; height: 100%; width: 31.25%; } /* line 249, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .car-zone img { width: 100%; height: 100%; display: inline-block; } /* line 255, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .car-zone.maxwidth-1024 { right: 30px; } /* line 259, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .car-zone.maxwidth-1280 { right: 35px; } /* line 263, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .car-zone.maxwidth-1500 { right: 110px; } /* line 268, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .car-zone .street-background { background: url(/MusaWeb/musa2/images/garage/landing/slides-design/bg-slide-safety.png) repeat-y center right; width: 214%; height: 100%; position: absolute; right: -36%; } /* line 278, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .car-zone .right-middle { position: absolute; top: 33%; right: 0; z-index: 17; width: 50%; height: 34%; } /* line 287, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .car-zone .front { position: absolute; top: 0; left: 0; z-index: 17; width: 100%; height: 33%; } /* line 296, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .car-zone .right-back { position: absolute; bottom: 0; right: 0; z-index: 17; width: 50%; height: 33%; } /* line 305, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ #safety .car-zone .left-back { position: absolute; bottom: 0; left: 0; z-index: 17; width: 50%; height: 33%; } /* line 318, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-sprite, .safety-slide-blind-spot, .safety-slide-forward-obstruction, .safety-slide-high-beams, .safety-slide-lane-departure, .safety-slide-mazda-radar { background-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/safety-slide.png); } /* line 331, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-car { width: 47.8%; height: 53.33333%; position: absolute; top: 29.55556%; left: 29.2%; z-index: 16; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } /* line 341, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-car-blind { width: 123.6%; height: 25.77778%; position: absolute; top: 74.22222%; left: -9.8%; z-index: 16; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 350, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-car-front { width: 52.4%; height: 82.88889%; position: absolute; left: 24.4%; z-index: 15; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 358, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-car-high-beams { width: 112.6%; height: 37.22222%; position: absolute; left: -5.2%; z-index: 16; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 366, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-car-high-beams-2 { width: 112.6%; height: 37.22222%; position: absolute; left: -5.2%; z-index: 16; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 374, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-car-lane-departure { width: 55.4%; height: 52.77778%; position: absolute; left: 46%; top: 29.66667%; z-index: 15; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 384, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-car-rear { width: 148%; height: 25.11111%; position: absolute; bottom: 0; left: -10.2%; z-index: 16; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* Icons */ /* line 410, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-mazda-radar { width: 44px; height: 41px; position: absolute; top: 15%; left: 57.0%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 400, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1024 .safety-slide-mazda-radar { left: 400px; } /* line 404, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1280 .safety-slide-mazda-radar { left: 517px; } /* line 415, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-forward-obstruction { width: 44px; height: 43px; position: absolute; top: 24%; left: 57.0%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 400, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1024 .safety-slide-forward-obstruction { left: 400px; } /* line 404, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1280 .safety-slide-forward-obstruction { left: 517px; } /* line 420, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-lane-departure { width: 44px; height: 45px; position: absolute; top: 43.33333%; left: 57.0%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 400, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1024 .safety-slide-lane-departure { left: 400px; } /* line 404, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1280 .safety-slide-lane-departure { left: 517px; } /* line 424, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1024 .safety-slide-lane-departure { top: 430px; } /* line 428, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1280 .safety-slide-lane-departure { top: 405px; } /* line 433, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-mazda-radar.rear-cross { width: 44px; height: 41px; position: absolute; top: 52.88889%; left: 57.0%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 400, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1024 .safety-slide-mazda-radar.rear-cross { left: 400px; } /* line 404, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1280 .safety-slide-mazda-radar.rear-cross { left: 517px; } /* line 437, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1024 .safety-slide-mazda-radar.rear-cross { top: 530px; } /* line 441, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1280 .safety-slide-mazda-radar.rear-cross { top: 485px; } /* line 446, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-blind-spot { width: 43px; height: 39px; position: absolute; top: 59%; left: 57.0%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 400, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1024 .safety-slide-blind-spot { left: 400px; } /* line 404, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1280 .safety-slide-blind-spot { left: 517px; } /* line 450, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1024 .safety-slide-blind-spot { top: 605px; } /* line 454, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1280 .safety-slide-blind-spot { top: 560px; } /* line 460, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-high-beams { width: 44px; height: 42px; position: absolute; top: 68.77778%; left: 57.0%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* line 400, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1024 .safety-slide-high-beams { left: 400px; } /* line 404, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1280 .safety-slide-high-beams { left: 517px; } /* line 464, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1024 .safety-slide-high-beams { top: 725px; } /* line 468, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .maxwidth-1280 .safety-slide-high-beams { top: 670px; } /* line 186, ../../../../../../../../../../../../../musa2/images/garage/landing/slides-design/safety-slide/*.png */ /* line 478, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-sprite, .safety-slide-blind-spot, .safety-slide-forward-obstruction, .safety-slide-high-beams, .safety-slide-lane-departure, .safety-slide-mazda-radar { background: url(/MusaWeb/musa2/images/garage/landing/slides-design/safety-slide.png) no-repeat; } /* line 60, ../../../../../../../../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ /* line 483, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-blind-spot { background-position: -559px -938px; } /* line 60, ../../../../../../../../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ /* line 487, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-forward-obstruction { background-position: -690px -938px; } /* line 60, ../../../../../../../../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ /* line 492, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-high-beams { background-position: -646px -938px; } /* line 60, ../../../../../../../../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ /* line 497, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-lane-departure { background-position: -559px -1277px; } /* line 60, ../../../../../../../../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ /* line 502, ../../../../scss/garage/2014/M6G/slides/_safety.scss */ .safety-slide-mazda-radar { background-position: -602px -938px; } /* Motorsports VLP Slide @dependencies: global/_buttons.scss */ /* line 9, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ #motorsports .bg-image { width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; overflow: hidden; } /* line 19, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ #motorsports .bg-image img { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; } /* line 28, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ #motorsports h2 { margin: 0 0 6px 0; font: 13px/1.5em interstate, sans-serif, arial; text-transform: uppercase; text-align: center; color: #c7c7c7; } /* line 36, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ #motorsports h3 { margin: 0 0 11px 0; font: 36px/1.2em interstate-bold-italic, sans-serif, arial; text-transform: uppercase; text-align: center; color: #fff; } /* line 44, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ #motorsports p { margin: 0 0 20px; text-align: center; font: 13px/22px interstate, sans-serif, arial; color: #fff; } /* line 50, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ #motorsports p.sub-section { margin-bottom: 19px; color: #999; } /* line 56, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ #motorsports .section-content { width: 978px; margin: -16px auto 0; position: relative; z-index: 11; } /* line 63, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ #motorsports #motorsports-video { visibility: visible; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 11; } /* line 73, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ #motorsports #motorsports-video { visibility: visible; width: 75%; height: 75%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 11; } /* line 86, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ #motorsports .play-video { width: 72px; height: 72px; position: absolute; left: 0; right: 0; top: 50%; margin: auto; cursor: pointer; } /* line 98, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ #motorsports .play-video span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("/MusaWeb/musa2/images/garage/landing/slides-design/btn-video-play-roll.png") no-repeat; background-size: 100% 100%; opacity: 0.6; filter: Alpha(opacity=60); } /* line 111, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ #motorsports .close { top: 13%; left: 87.5%; margin: -22px 0 0 -22px; text-indent: -99999px; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-close.png) no-repeat center center; background-size: contain; } /* line 119, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ .touch #motorsports .close { top: 9.5%; left: 89.1%; } /* line 124, ../../../../scss/garage/2014/M6G/slides/_motorsports.scss */ .ie7 #motorsports .close, .ie8 #motorsports .close, .ie9 #motorsports .close { z-index: 12; } /* Build & Price VLP Slide @dependencies: global/_buttons.scss */ /* line 7, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price { background-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/bg-slide-build-and-price.jpg); background-position: top center; } /* line 11, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price #legal-overlay { background-image: url(/MusaWeb/musa2/images/garage/landing/slides-design/build-and-price/1pixelOverlay-Background.png); display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; } /* line 22, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price #legal-overlay .info { position: relative; top: 17%; left: 27%; } /* line 28, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price #legal-overlay .close { top: 10%; right: 20%; left: initial; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-close.png) no-repeat center center; background-size: contain; } /* line 38, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price #legal-overlay p { width: 45%; } /* line 43, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price h2 { margin: 0 0 6px 0; padding-top: 121px; font: 13px/18px interstate, sans-serif, arial; text-transform: uppercase; color: #c7c7c7; } /* line 51, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price h3 { margin: 0 0 11px 0; font: 36px/44px interstate-bold-italic, sans-serif, arial; text-transform: uppercase; color: #990000; } /* line 58, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price p { width: 435px; margin: 0 0 20px; font: 13px/22px interstate, sans-serif, arial; color: #fff; } /* line 64, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price p.sub-section { margin-bottom: 19px; color: #999; text-transform: uppercase; } /* line 71, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price .section-content { width: 978px; margin: -70px auto 0; position: relative; z-index: 11; height: 100%; } /* line 78, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ .touch #build-and-price .section-content { width: 900px; } /* line 83, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price a.build-mazda { display: inline-block; height: 29px; padding: 0 14px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #d00000; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/red-button.png) no-repeat scroll 0 0 #d00000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdlMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d00000), color-stop(100%, #7e0000)); background-image: -moz-linear-gradient(top, #d00000 0%, #7e0000 100%); background-image: -webkit-linear-gradient(top, #d00000 0%, #7e0000 100%); background-image: linear-gradient(to bottom, #d00000 0%, #7e0000 100%); font: 12px/29px interstate, sans-serif, arial; text-decoration: none; text-transform: uppercase; text-align: center; color: #fff; display: block; width: 135px; margin: 75px 0 12px; text-align: center; } /* line 278, ../../../../scss/global/_mixins.scss */ #build-and-price a.build-mazda:hover { background-color: #950000; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/red-button-hover.png) no-repeat scroll 0 0 #950000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1MDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #950000), color-stop(100%, #5a0000)); background-image: -moz-linear-gradient(top, #950000 0%, #5a0000 100%); background-image: -webkit-linear-gradient(top, #950000 0%, #5a0000 100%); background-image: linear-gradient(to bottom, #950000 0%, #5a0000 100%); } /* line 91, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price a.search-inventory, #build-and-price a.special-offers { display: inline-block; height: 29px; padding: 0 14px; -webkit-border-radius: 2px; border-radius: 2px; background: #666666; /* Old browsers */ background: -moz-linear-gradient(top, #666666 0%, #3e3e3e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #3e3e3e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #666666 0%, #3e3e3e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #666666 0%, #3e3e3e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #666666 0%, #3e3e3e 100%); /* IE10+ */ background: linear-gradient(to bottom, #666666 0%, #3e3e3e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#3e3e3e',GradientType=0 ); /* IE6-9 */ font: 12px/29px interstate, sans-serif, arial; text-decoration: none; text-transform: uppercase; color: #fff; display: block; width: 135px; margin: 0 0 12px; text-align: center; } /* line 307, ../../../../scss/global/_mixins.scss */ #build-and-price a.search-inventory:hover, #build-and-price a.special-offers:hover { background: #3e3e3e; /* Old browsers */ background: -moz-linear-gradient(top, #3e3e3e 0%, #262626 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3e3e), color-stop(100%, #262626)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3e3e3e 0%, #262626 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3e3e3e 0%, #262626 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3e3e3e 0%, #262626 100%); /* IE10+ */ background: linear-gradient(to bottom, #3e3e3e 0%, #262626 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#262626',GradientType=0 ); /* IE6-9 */ } /* line 100, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price a.popup { display: block; bottom: 2.8%; position: absolute; font-size: 13px; line-height: 22px; color: #999; cursor: pointer; background: none; } /* line 110, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ .touch #build-and-price a.popup { margin: 103px 0 0 35px; } /* line 115, ../../../../scss/garage/2014/M6G/slides/_build-price.scss */ #build-and-price .top { display: block; width: 70px; height: 70px; overflow: hidden; margin: 0; position: absolute; right: 0; bottom: 18%; text-indent: -99999px; background: url(/MusaWeb/musa2/images/garage/landing/slides-design/btn-go-to-top-roll.png) no-repeat 0 0; opacity: 0.6; filter: Alpha(opacity=60); } /* Safety VLP Slide @dependencies: global/_fonts.scss */ /* line 8, ../../../../scss/garage/2014/M6G/slides/_quote.scss */ #quote-slide .container { min-height: 130px; } /* line 11, ../../../../scss/garage/2014/M6G/slides/_quote.scss */ #quote-slide .container #slides { display: none; width: 100%; padding-top: 1%; } /* line 16, ../../../../scss/garage/2014/M6G/slides/_quote.scss */ #quote-slide .container #slides img { padding-bottom: 1%; } /* line 20, ../../../../scss/garage/2014/M6G/slides/_quote.scss */ #quote-slide .container #slides .slidesjs-container { text-align: center; } /* line 24, ../../../../scss/garage/2014/M6G/slides/_quote.scss */ #quote-slide .container #slides .slide { bottom: 0; margin: auto; height: 150px; } /* line 29, ../../../../scss/garage/2014/M6G/slides/_quote.scss */ #quote-slide .container #slides .slide h2 { font-size: 13px; width: 52%; margin-left: 24%; color: #FFFFFF; } /* line 37, ../../../../scss/garage/2014/M6G/slides/_quote.scss */ #quote-slide .container #slides .slidesjs-navigation { float: left; margin-top: -11%; margin-left: 20%; position: relative; z-index: 50; opacity: 0.75; filter: Alpha(opacity=75); } /* line 46, ../../../../scss/garage/2014/M6G/slides/_quote.scss */ #quote-slide .container #slides .slidesjs-previous { width: 32px; height: 36px; } /* line 50, ../../../../scss/garage/2014/M6G/slides/_quote.scss */ #quote-slide .container #slides .slidesjs-next { width: 32px; height: 36px; margin-left: 80%; } /* line 56, ../../../../scss/garage/2014/M6G/slides/_quote.scss */ #quote-slide .container #slides .slidesjs-previous span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("/MusaWeb/musa2/images/garage/landing/slides-design/quote/slider-arrows.png") 0 0; } /* line 66, ../../../../scss/garage/2014/M6G/slides/_quote.scss */ #quote-slide .container #slides .slidesjs-next span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("/MusaWeb/musa2/images/garage/landing/slides-design/quote/slider-arrows.png") -32px 0; }