/* This file was generated with Grunt using Compass - Last modification: Thu May 12th 2016, 11:35:53 AM *//* Mazda Project Mazda Mobile Page File: mobile_page.scss @author sebastian.gamboa@possible.com @version 0.1 @created 11/10/2013 @updated 11/10/2013 */ /* 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. */ /* ------------------- */ /* --- 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/9f3ea8b1-4946-4ead-8064-c7231d5bca7d-2.eot"); src: url("/MusaWeb/musa2/fonts/interstate-bold/9f3ea8b1-4946-4ead-8064-c7231d5bca7d-2.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/interstate-bold/9f3ea8b1-4946-4ead-8064-c7231d5bca7d-3.woff") format("woff"), url("/MusaWeb/musa2/fonts/interstate-bold/9f3ea8b1-4946-4ead-8064-c7231d5bca7d-1.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/interstate-bold/9f3ea8b1-4946-4ead-8064-c7231d5bca7d-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-light/InterstateMazda-Light.eot"); src: url("/MusaWeb/musa2/fonts/interstate/InterstateMazda-Light.eot?#iefix") format("embedded-opentype"); } @font-face { font-family: 'interstate-light'; src: url("/MusaWeb/musa2/fonts/interstate-light/269a1bf2-709b-445a-9e63-7e581d8ebf14-2.eot"); src: url("/MusaWeb/musa2/fonts/interstate-light/269a1bf2-709b-445a-9e63-7e581d8ebf14-2.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/interstate-light/269a1bf2-709b-445a-9e63-7e581d8ebf14-3.woff") format("woff"), url("/MusaWeb/musa2/fonts/interstate-light/269a1bf2-709b-445a-9e63-7e581d8ebf14-1.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/interstate-light/269a1bf2-709b-445a-9e63-7e581d8ebf14-4.svg#interstate-light") format("svg"); } @font-face { font-family: 'interstate-light-italic'; src: url("/MusaWeb/musa2/fonts/interstate-light-italic/6c033260-1c09-47dd-9e9a-4a533b96c361-2.eot"); src: url("/MusaWeb/musa2/fonts/interstate-light-italic/6c033260-1c09-47dd-9e9a-4a533b96c361-2.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/interstate-light-italic/6c033260-1c09-47dd-9e9a-4a533b96c361-3.woff") format("woff"), url("/MusaWeb/musa2/fonts/interstate-light-italic/6c033260-1c09-47dd-9e9a-4a533b96c361-1.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/interstate-light-italic/6c033260-1c09-47dd-9e9a-4a533b96c361-4.svg#interstate-light-italic") format("svg"); } @font-face { font-family: 'interstate-regular-italic'; src: url("/MusaWeb/musa2/fonts/interstate-regular-italic/37c9e8d8-e679-4e45-98d6-e9e4f9a8685f-2.eot"); src: url("/MusaWeb/musa2/fonts/interstate-regular-italic/37c9e8d8-e679-4e45-98d6-e9e4f9a8685f-2.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/interstate-regular-italic/37c9e8d8-e679-4e45-98d6-e9e4f9a8685f-3.woff") format("woff"), url("/MusaWeb/musa2/fonts/interstate-regular-italic/37c9e8d8-e679-4e45-98d6-e9e4f9a8685f-1.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/interstate-regular-italic/37c9e8d8-e679-4e45-98d6-e9e4f9a8685f-4.svg#interstate-regular-italic") format("svg"); } @font-face { font-family: 'interstateCondensed'; src: url("/MusaWeb/musa2/fonts/interstate-cond/01108f82-f481-49b5-9ddd-8eaeaf8d08330-2.eot"); src: url("/MusaWeb/musa2/fonts/interstate-cond/01108f82-f481-49b5-9ddd-8eaeaf8d0833-2.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/interstate-cond/01108f82-f481-49b5-9ddd-8eaeaf8d0833-3.woff") format("woff"), url("/MusaWeb/musa2/fonts/interstate-cond/01108f82-f481-49b5-9ddd-8eaeaf8d0833-1.ttf") format("truetype"), url("/MusaWeb/musa2/fonts/interstate-cond/01108f82-f481-49b5-9ddd-8eaeaf8d0833-4.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-LightCondensed'; src: url("/MusaWeb/musa2/fonts/interstate-light-cond/0e7db0be-d034-4241-8702-7d8236b74fd2-2.eot"); src: url("/MusaWeb/musa2/fonts/interstate-light-cond/0e7db0be-d034-4241-8702-7d8236b74fd2-2.eot?#iefix") format("embedded-opentype"), url("/MusaWeb/musa2/fonts/interstate-light-cond/0e7db0be-d034-4241-8702-7d8236b74fd2-4.svg#Interstate LightCondensed") format("svg"), url("/MusaWeb/musa2/fonts/interstate-light-cond/0e7db0be-d034-4241-8702-7d8236b74fd2-3.woff") format("woff"), url("/MusaWeb/musa2/fonts/interstate-light-cond/0e7db0be-d034-4241-8702-7d8236b74fd2-1.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: '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: #ecebeb; 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 78, ../../scss/global/_buttons.scss */ .btn.btn-xsmall, .btn.btn-xs { padding: 0px 12px; font: 1em/2.5em interstate, sans-serif, arial; } /* line 83, ../../scss/global/_buttons.scss */ .btn.btn-small, .btn.btn-sm { padding: 0px 12px; font: 1em/2.5em interstate, sans-serif, arial; } /* line 88, ../../scss/global/_buttons.scss */ .btn.btn-large, .btn.btn-lg { font-size: 1.7em; padding: 15px 20px; min-width: 260px; } /* line 98, ../../scss/global/_buttons.scss */ .red-button { padding: 8px 15px; margin-top: 2%; font: 10px interstate-bold, sans-serif, arial; text-decoration: none !important; 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 98, ../../scss/global/_buttons.scss */ .red-button { font: 12px interstate-bold, sans-serif, arial; } } @media (min-width: 1200px) { /* line 98, ../../scss/global/_buttons.scss */ .red-button { padding: 10px 30px; margin-top: 3%; font: 16px interstate-bold, sans-serif, arial; } } /* line 119, ../../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 !important; } /* line 128, ../../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 128, ../../scss/global/_buttons.scss */ .red-button-refresh { font: 12px interstate-bold, sans-serif, arial; } } @media (min-width: 1200px) { /* line 128, ../../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 133, ../../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 133, ../../scss/global/_buttons.scss */ .gray-button-refresh { font: 12px interstate-bold, sans-serif, arial; } } @media (min-width: 1200px) { /* line 133, ../../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 138, ../../scss/global/_buttons.scss */ .red-button-awards { padding: 8px 15px; margin-top: 2%; font: 10px interstate-bold, sans-serif, arial; text-decoration: none; display: block; color: #fff !important; width: 75%; text-align: center; 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 150, ../../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; } /* line 21, ../../scss/footer/mobile_page.scss */ #content_wrap { position: inherit; } /* line 24, ../../scss/footer/mobile_page.scss */ #content_wrap #main_content { position: relative; width: 100%; } /* line 29, ../../scss/footer/mobile_page.scss */ #content_wrap #content { width: 100%; font-size: 16px; } /* line 39, ../../scss/footer/mobile_page.scss */ #main_content .page-content .hero-content { width: 100%; background: #000000; max-width: 1000px; margin: 0 auto; } /* line 46, ../../scss/footer/mobile_page.scss */ #main_content .page-content .hero-content sup { font-size: 0.8em; } /* line 50, ../../scss/footer/mobile_page.scss */ #main_content .page-content .hero-content img { display: inline-block; vertical-align: top; margin-left: -85px; } /* line 56, ../../scss/footer/mobile_page.scss */ #main_content .page-content .hero-content .content-wrap { width: 445px; margin: 0 auto; vertical-align: top; display: inline-block; margin-top: 60px; } /* line 64, ../../scss/footer/mobile_page.scss */ #main_content .page-content .hero-content h3 { font-family: interstate-bold, sans-serif, arial; font-size: 0.8125em; line-height: 1.692307em; color: #ffffff; text-transform: uppercase; margin: 0; padding-bottom: 8px; } /* line 74, ../../scss/footer/mobile_page.scss */ #main_content .page-content .hero-content p { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif, arial; font-size: 0.6875em; line-height: 1.636363em; color: #fff; margin-bottom: 15px; } /* line 81, ../../scss/footer/mobile_page.scss */ #main_content .page-content .hero-content p span { font-weight: bold; } /* line 86, ../../scss/footer/mobile_page.scss */ #main_content .page-content .hero-content ul { padding: 10px 0; } /* line 89, ../../scss/footer/mobile_page.scss */ #main_content .page-content .hero-content ul li { list-style-type: disc; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif, arial; font-size: 1em; line-height: 1.636363em; color: #fff; margin-left: 30px; } /* line 98, ../../scss/footer/mobile_page.scss */ #main_content .page-content .hero-content ul.col { width: 208px; float: left; } /* line 102, ../../scss/footer/mobile_page.scss */ #main_content .page-content .hero-content ul.col li { margin-left: 20px; } /* line 108, ../../scss/footer/mobile_page.scss */ #main_content .page-content .hero-content a { color: inherit; } /* line 112, ../../scss/footer/mobile_page.scss */ #main_content .page-content .hero-content .download-btn { 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; margin-top: 10px; min-width: 195px; text-align: left; } /* line 278, ../../scss/global/_mixins.scss */ #main_content .page-content .hero-content .download-btn: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 120, ../../scss/footer/mobile_page.scss */ #main_content .page-content .apps-catalog { width: 100%; background: #333333; background-image: url(/MusaWeb/musa2/images/footer/mazdaMobile/mobile_gray_bg.jpg); background-size: 100% 100%; } /* line 126, ../../scss/footer/mobile_page.scss */ #main_content .page-content .apps-catalog sup { font-size: 0.8em; } /* line 130, ../../scss/footer/mobile_page.scss */ #main_content .page-content .apps-catalog .content-wrap { width: 875px; height: 100%; margin: 0 auto; } /* line 136, ../../scss/footer/mobile_page.scss */ #main_content .page-content .apps-catalog .col { width: 314px; height: auto; float: left; width: 45%; } /* line 143, ../../scss/footer/mobile_page.scss */ #main_content .page-content .apps-catalog .col.last { float: right; } /* line 147, ../../scss/footer/mobile_page.scss */ #main_content .page-content .apps-catalog .col .head-img { margin: 0 auto; display: block; } /* line 152, ../../scss/footer/mobile_page.scss */ #main_content .page-content .apps-catalog .col .phone-img { margin: 15px 15px 0 0; float: left; } /* line 158, ../../scss/footer/mobile_page.scss */ #main_content .page-content .apps-catalog h3 { font-family: interstate-bold, sans-serif, arial; font-size: 0.75em; line-height: 1.833333em; color: #ffffff; margin: 0; } /* line 166, ../../scss/footer/mobile_page.scss */ #main_content .page-content .apps-catalog p { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif, arial; font-size: 0.6875em; line-height: 1.818181em; color: #cccccc; margin-top: 10px; } /* line 173, ../../scss/footer/mobile_page.scss */ #main_content .page-content .apps-catalog p a { text-decoration: underline; color: #cccccc; } /* line 179, ../../scss/footer/mobile_page.scss */ #main_content .page-content .apps-catalog .download-btn { 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; margin-bottom: 25px; margin-top: 17px; } /* line 307, ../../scss/global/_mixins.scss */ #main_content .page-content .apps-catalog .download-btn: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 */ }