/* This file was generated with Grunt using Compass - Last modification: Thu May 12th 2016, 11:24:49 AM *//*subnav*/ /* line 3, ../../scss/garage/awards.scss */ #main_content { z-index: 1; } /* line 7, ../../scss/garage/awards.scss */ #main_wrap { width: 100%; } /* line 10, ../../scss/garage/awards.scss */ #main_wrap .global_header_wrapper #global_header .shadow { display: block; width: 216px; height: 94px; position: absolute; left: -216px; z-index: 1; background: url(/MusaWeb/musa2/images/vlp/bg-header-shadow.png) no-repeat 0 0; } /* line 21, ../../scss/garage/awards.scss */ #main_wrap .global_header_wrapper { width: 100%; background: #f9f9f9; border-top: 5px solid #008ad0; } /* line 26, ../../scss/garage/awards.scss */ .social_links { display: none; } /* line 30, ../../scss/garage/awards.scss */ #garage_subNav { width: 100%; height: 60px; position: absolute; background: #333; z-index: 1000; top: 120px; left: 0; min-width: 975px; } @media (min-width: 768px) { /* line 42, ../../scss/garage/awards.scss */ .touch #garage_subNav { top: 85px; } } /* line 47, ../../scss/garage/awards.scss */ #garage_subNav ul { width: 930px; margin: 0 auto; top: 10%; } /* line 52, ../../scss/garage/awards.scss */ #garage_subNav ul.subnav ul { background: url("/MusaWeb/musa2/images/global/header/bg_tools_drop.gif") repeat-x scroll 5px bottom #fff; border-radius: 4px 0 4px 4px; /* display: none; */ padding: 10px 0; position: absolute; right: -9px; top: 16px; width: 145px; z-index: 12; } /* line 63, ../../scss/garage/awards.scss */ #garage_subNav ul.subnav > li { margin: 16px 0 0 15px; } /* line 67, ../../scss/garage/awards.scss */ #garage_subNav .tooltipArrow { padding: 0; } /* line 71, ../../scss/garage/awards.scss */ #garage_subNav .first #subnav_vehicle_info { clear: left; color: #ccc; display: block; float: left; position: relative; font-family: Arial,Helvetica,sans-serif; width: 185px; top: 1px; right: 10%; } /* line 82, ../../scss/garage/awards.scss */ #garage_subNav .first #subnav_vehicle_info h2 { font-size: 1.4em; color: #fff; font: 16px/10px mazda-bold, sans-serif, arial; } /* line 88, ../../scss/garage/awards.scss */ .bg_MX5 #garage_subNav .first #subnav_vehicle_info h2 { color: #fff; font: 13px/10px mazda-bold, sans-serif, arial; } /* line 93, ../../scss/garage/awards.scss */ .bg_MXR #garage_subNav .first #subnav_vehicle_info h2 { color: #fff; font: 13px/10px mazda-bold, sans-serif, arial; } /* line 98, ../../scss/garage/awards.scss */ .bg_MX5 #garage_subNav .first #subnav_vehicle_info h2, .bg_MXR #garage_subNav .first #subnav_vehicle_info h2 { margin-top: -9px; line-height: .8em; } /* line 104, ../../scss/garage/awards.scss */ .bg_MX5 #garage_subNav .first #subnav_vehicle_info h2 span, .bg_MXR #garage_subNav .first #subnav_vehicle_info h2 span { font-size: 10px; } /* line 109, ../../scss/garage/awards.scss */ #garage_subNav .first #subnav_vehicle_info h3 { font-size: 0.9em; } /* line 112, ../../scss/garage/awards.scss */ #main_wrap #global_header { border-top: 5px #008ad0 solid; width: 950px; margin: 0 auto; position: relative; height: 94px; top: -5px; background: url(/MusaWeb/musa2/images/global/header/img_header_bg.png) no-repeat scroll -17px 0 #f9f9f9; } /* line 121, ../../scss/garage/awards.scss */ #garage_subNav .sticky { position: fixed; top: 0; } /* line 126, ../../scss/garage/awards.scss */ #home_footer { width: 975px; min-width: 975px; margin: 0 auto; } /* line 132, ../../scss/garage/awards.scss */ #disclaimer_foot { width: 975px; min-width: 975px; margin: 0 auto; } /*end subnav*/ /* line 140, ../../scss/garage/awards.scss */ #main_content { margin: 0 auto; } /* awards css */ /* line 144, ../../scss/garage/awards.scss */ #main_content H1 { margin-top: 25px; font: 18px interstate; } /* line 150, ../../scss/garage/awards.scss */ #main_content H2 { color: #0088CC; margin: 0 0 0 0; padding: 0 20px; } /* line 157, ../../scss/garage/awards.scss */ #main_content h3 { color: #333; } /* line 161, ../../scss/garage/awards.scss */ .intro { width: 975px; margin: 0 0 19px 0; } /* line 163, ../../scss/garage/awards.scss */ .intro img { float: left; width: 617px; } /* line 165, ../../scss/garage/awards.scss */ .intro DIV.copy { /* fallback */ background-color: #fff; background: url(/MusaWeb/musa2/images/garage/awards/bg_intro_copy.gif); background-repeat: repeat-x; /* Firefox 3.6+ */ background: -moz-linear-gradient(100% 100% 90deg, #d2d2d2, #fff); /* Safari 4-5, Chrome 1-9 */ /* -webkit-gradient(, [, ]?, [, ]? [, ]*) */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#d2d2d2)); /* Safari 5.1+, Chrome 10+ */ background: -webkit-linear-gradient(#fff, #d2d2d2); color: #000; float: left; width: 358px; height: 279px; padding: 25px 27px 24px 29px; font: normal 14.5px interstateLight,sans-serif,arial; line-height: 26px; } /* line 187, ../../scss/garage/awards.scss */ .backGround { background: #fff url(/MusaWeb/musa2/images/garage/awards/bg_bottom.gif) repeat-x 0 bottom; width: 975px; } /* line 196, ../../scss/garage/awards.scss */ .awards_row { border-top: 1px solid #CCCCCC; margin: 0 0 0 20px; padding: 0 0 30px; width: 930px; } /* line 203, ../../scss/garage/awards.scss */ .awards_row_with_out_title { margin: 20px 0 0 20px; padding: 0 0 30px; width: 930px; } /* line 209, ../../scss/garage/awards.scss */ .accolades-row { margin-top: 20px; } /* line 213, ../../scss/garage/awards.scss */ .height44 { height: 44px; } /* line 217, ../../scss/garage/awards.scss */ DIV.accolade { float: left; padding: 0 10px 2px 0; width: 297px; } /* line 222, ../../scss/garage/awards.scss */ DIV.accolade:last-child { padding: 0 0px 2px 0; width: 315px; } /* line 226, ../../scss/garage/awards.scss */ DIV.accolade P { padding: 0; margin: 0 0 10px 0; line-height: 15px; color: #0089cf; } /* line 233, ../../scss/garage/awards.scss */ div.accolade p a.read-more { color: #666; position: absolute; margin-top: 10px; } /* line 239, ../../scss/garage/awards.scss */ DIV.accolade .redlink { color: #cc0000; } /* line 243, ../../scss/garage/awards.scss */ DIV.accolade .header-mz5 { margin-top: 2% !important; } /* line 247, ../../scss/garage/awards.scss */ DIV.bigmargin { margin: 10% 0px !important; } /* line 251, ../../scss/garage/awards.scss */ #main_content .accolade h3.accolade-title { position: relative; float: left; top: 10px; margin: 0px; height: 40px; vertical-align: bottom; display: table-cell; } /* line 261, ../../scss/garage/awards.scss */ #main_content .accolade .logo { display: table-cell; vertical-align: middle; } /* line 266, ../../scss/garage/awards.scss */ #main_content .accolade .accolade-text { position: relative; float: left; top: 10px; } /* line 272, ../../scss/garage/awards.scss */ #main_content .accolade-no-header .accolade-text { top: 50px; } /* line 276, ../../scss/garage/awards.scss */ #main_content .accolade-text a { color: #666; } /* line 280, ../../scss/garage/awards.scss */ #main_content .accolade h3 { margin-top: 10px; } /* line 284, ../../scss/garage/awards.scss */ DIV.accolade P.secondText { color: #777777; font-size: 13px; } /* line 289, ../../scss/garage/awards.scss */ .touch DIV.accolade .tooltip-box { left: auto !important; } /* line 293, ../../scss/garage/awards.scss */ DIV.accolade img.KBB5yearcost { margin-top: -20px; } /* line 297, ../../scss/garage/awards.scss */ DIV.accolade .topsafetypick { height: 89px; } /* line 300, ../../scss/garage/awards.scss */ DIV.accolade .topsafetypick img { margin-top: -15px; } /* line 304, ../../scss/garage/awards.scss */ DIV.accolade P.publication { color: #333; font-weight: bold; margin: 0; } /* line 309, ../../scss/garage/awards.scss */ .logo { display: block; height: 86px; margin: 0; } /* line 314, ../../scss/garage/awards.scss */ div.accolade .logo .logo-aside { color: #333333; font-weight: bold; font-size: 14px; margin-left: 12px; } /* line 322, ../../scss/garage/awards.scss */ ul.pdf { margin: 0; padding: 0; } /* line 325, ../../scss/garage/awards.scss */ .pdf LI { list-style: none; background: transparent url(/MusaWeb/musa2/images/global/bullets/blt_pdf.gif) no-repeat scroll; padding: 3px 0 5px 25px; color: #295778; font-size: 11px; font-weight: bold; text-decoration: none; } /* line 334, ../../scss/garage/awards.scss */ .pdf LI A { color: #295778; font-weight: bold; font-size: 11px; text-decoration: underline; } /* line 338, ../../scss/garage/awards.scss */ .accolade p.disclaimer { color: #666; font-size: 9px; padding-top: 15px; } /*Accolade with vertical image*/ /* line 345, ../../scss/garage/awards.scss */ .verticalImage .logo { float: left; height: 150px; margin: 0 15px 0 0; } /* line 351, ../../scss/garage/awards.scss */ .verticalImage .comment { color: #333; font-size: 9px; padding-top: 6px; line-height: 11px; } /* line 357, ../../scss/garage/awards.scss */ .pdfLink { background: url(/MusaWeb/musa2/images/global/pdf_icon.jpg) no-repeat; display: block; padding: 4px 0 0 23px; position: relative; top: 10px; left: 12px; } /* line 366, ../../scss/garage/awards.scss */ .carAndDriver { border-top: 0px !important; } /* line 369, ../../scss/garage/awards.scss */ .carAndDriver .logo img { padding-top: 10px; } /* line 373, ../../scss/garage/awards.scss */ .auto-trader img { position: relative; top: -50%; } /* line 380, ../../scss/garage/awards.scss */ div.awards_row_with_out_title div.accolade.no-header p:first-child { margin-top: 10%; } /* line 383, ../../scss/garage/awards.scss */ div.accolade.no-header p:nth-child(2) { margin-top: 7%; } /* line 387, ../../scss/garage/awards.scss */ div.backGround .awards_row_with_out_title:nth-child(5) { margin-top: -30px; } /* line 391, ../../scss/garage/awards.scss */ .background_v2 { background: #fff; max-width: 975px; padding: 0 0 50px !important; } /* line 397, ../../scss/garage/awards.scss */ .background_v2 p { color: #000; font: normal 14.5px interstateLight,sans-serif,arial; line-height: 26px; } /* line 403, ../../scss/garage/awards.scss */ .background_v2 h2 { color: #000 !important; font: 20px mazda-bold, sans-serif, arial !important; display: block; text-align: center; padding: 0 0 15px !important; } /* line 411, ../../scss/garage/awards.scss */ .background_v2 .red-button-awards { display: block; margin: 2% auto; max-width: 23% !important; } /* line 417, ../../scss/garage/awards.scss */ .background_v2 .mx5_awards { display: block; height: 260px; } /* line 423, ../../scss/garage/awards.scss */ .background_v2 .mx5_awards p { text-align: center; padding: 0 10%; color: #000; font: normal 14.5px interstateLight,sans-serif,arial; line-height: 28px; } /* line 431, ../../scss/garage/awards.scss */ .background_v2 .mx5_awards img { display: block; margin: 0 auto; } /* line 436, ../../scss/garage/awards.scss */ .background_v2 .mx5_awards a { color: #999; } /* line 440, ../../scss/garage/awards.scss */ p.title { font-size: 12px; color: #666; padding: 10px 0 20px; text-align: center; } /* line 447, ../../scss/garage/awards.scss */ p.text-center { text-align: center; padding: 0 6%; } /* 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; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* line 462, ../../scss/garage/awards.scss */ body { min-width: 976px; } } /* line 467, ../../scss/garage/awards.scss */ #hero img { width: 100%; } /* line 471, ../../scss/garage/awards.scss */ #awards-container { background-color: white; color: black; margin-top: -2px; font-family: interstate, sans-serif, arial; } /* line 476, ../../scss/garage/awards.scss */ #awards-container .title { font-family: inherit; margin-top: 3%; padding-top: 0px; padding-bottom: 0; } /* line 482, ../../scss/garage/awards.scss */ #awards-container h2 { font-family: mazda-bold, sans-serif, arial; font-size: 170%; margin-top: 4%; } /* line 487, ../../scss/garage/awards.scss */ #awards-container p.text-center { font-family: inherit; font-size: 153%; margin-top: 2%; line-height: 1.7em; } /* line 493, ../../scss/garage/awards.scss */ #awards-container .red-button-awards { margin: auto; width: 25%; min-width: 198px; min-height: 29px; padding: 8px 0; margin: 3% auto 3%; font-size: 1.08em; } /* line 502, ../../scss/garage/awards.scss */ #awards-container .row { margin-bottom: 10%; } /* line 505, ../../scss/garage/awards.scss */ #awards-container .row .award-item .award-image { min-height: 120px; } /* line 508, ../../scss/garage/awards.scss */ #awards-container .row .award-item p { width: 84%; margin: auto; font-size: 146%; line-height: 2em; } /* line 513, ../../scss/garage/awards.scss */ #awards-container .row .award-item p a { color: #666; font-size: 80%; } /* line 521, ../../scss/garage/awards.scss */ #awards-container .row #award3-MX5 IMG { padding: 11px 0 11px 0; } /* line 524, ../../scss/garage/awards.scss */ #awards-container .row #award3-MX5 .award-link { padding-top: 8px; } /* line 529, ../../scss/garage/awards.scss */ #awards-container .award-copy-height { min-height: 8em; } /* line 534, ../../scss/garage/awards.scss */ .tooltip-box .tooltip-text a { color: #900; }