/*
======================================== 
css/common/_bootstrap-variables.scss 
======================================== 
*/
/*
========================================  css/common/_variables.scss 
======================================== 
*/
/*
========================================  css/common/media.scss 
======================================== 
*/
/*
========================================  css/common/mixins.scss 
======================================== 
*/
/*
========================================  css/common/_flexbox.scss 
======================================== 
*/
/*
========================================  css/common/_fonts.scss 
======================================== 
*/
@font-face { font-family: AudiType; font-style: normal; font-weight: 400; src: url("/file/fonts/AudiTypeScreen-Normal.woff2") format("woff2"), url("/file/fonts/AudiTypeScreen-Normal.woff") format("woff"), url("/file/fonts/AudiTypeScreen-Normal.eot"), url("/file/fonts/AudiTypeScreen-Normal.svg#AudiTypeScreen-Normal") format("svg"); }
@font-face { font-family: AudiType; font-style: normal; font-weight: 200; src: url("/file/fonts/AudiTypeScreen-Light.woff2") format("woff2"), url("/file/fonts/AudiTypeScreen-Light.woff") format("woff"), url("/file/fonts/AudiTypeScreen-Light.eot"), url("/file/fonts/AudiTypeScreen-Light.svg#AudiTypeScreen-Normal") format("svg"); }
@font-face { font-family: AudiType; font-style: normal; font-weight: 800; src: url("/file/fonts/AudiTypeScreen-Bold.woff2") format("woff2"), url("/file/fonts/AudiTypeScreen-Bold.woff") format("woff"), url("/file/fonts/AudiTypeScreen-Bold.eot"), url("/file/fonts/AudiTypeScreen-Bold.svg#AudiTypeScreen-Normal") format("svg"); }
@font-face { font-family: AudiTypeExtended; font-style: normal; font-weight: 400; src: url("/file/fonts/AudiType-ExtendedNormal_08.woff") format("woff"), url("/file/fonts/AudiType-ExtendedNormal_08.eot"), url("/file/fonts/AudiType-ExtendedNormal_08.svg#AudiTypeScreen-Normal") format("svg"); }
@font-face { font-family: AudiTypeExtended; font-style: normal; font-weight: 800; src: url("/file/fonts/AudiType-ExtendedBold_08.woff") format("woff"), url("/file/fonts/AudiType-ExtendedBold_08.eot"), url("/file/fonts/AudiType-ExtendedBold_08.svg#AudiTypeScreen-Normal") format("svg"); }
/*
========================================  css/common/_glyphs.scss 
======================================== 
*/
/* audi-icon - Audi Icons as SVG, PNG, Icon Font and EPS. @version v1.0.0-alpha.1 @copyright 2016 Audi @link https://github.com/audi/audi-icon */
@font-face { font-family: AudiTypeGlyphs; src: url("/file/fonts/audi-type-glyphs.woff2") format("woff2"), url("/file/fonts/audi-type-glyphs.woff") format("woff"), url("/file/fonts/audi-type-glyphs.ttf") format("truetype"); font-style: normal; font-weight: normal; }
.audiglyph-adblue-alert::before { content: '\E800'; }

.audiglyph-adblue-alert.audiglyph--large::before { content: '\E801'; }

.audiglyph-adblue::before { content: '\E802'; }

.audiglyph-adblue.audiglyph--large::before { content: '\E803'; }

.audiglyph-administrator::before { content: '\E804'; }

.audiglyph-administrator.audiglyph--large::before { content: '\E805'; }

.audiglyph-adress-book::before { content: '\E806'; }

.audiglyph-adress-book.audiglyph--large::before { content: '\E807'; }

.audiglyph-announcements::before { content: '\E808'; }

.audiglyph-announcements.audiglyph--large::before { content: '\E809'; }

.audiglyph-anti-theft-alarm-system-alert::before { content: '\E80A'; }

.audiglyph-anti-theft-alarm-system-alert.audiglyph--large::before { content: '\E80B'; }

.audiglyph-anti-theft-alarm-system::before { content: '\E80C'; }

.audiglyph-anti-theft-alarm-system.audiglyph--large::before { content: '\E80D'; }

.audiglyph-apps::before { content: '\E80E'; }

.audiglyph-apps.audiglyph--large::before { content: '\E80F'; }

.audiglyph-arrow-down::before { content: '\E810'; }

.audiglyph-arrow-down.audiglyph--large::before { content: '\E811'; }

.audiglyph-arrow-left-light::before { content: '\E812'; }

.audiglyph-arrow-left-light.audiglyph--large::before { content: '\E813'; }

.audiglyph-arrow-left-normal::before { content: '\E814'; }

.audiglyph-arrow-left-normal.audiglyph--large::before { content: '\E815'; }

.audiglyph-arrow-left-sharp::before { content: '\E816'; }

.audiglyph-arrow-left-sharp.audiglyph--large::before { content: '\E817'; }

.audiglyph-arrow-left-u-turn::before { content: '\E818'; }

.audiglyph-arrow-left-u-turn.audiglyph--large::before { content: '\E819'; }

.audiglyph-arrow-narrow-down::before { content: '\E81A'; }

.audiglyph-arrow-narrow-down.audiglyph--large::before { content: '\E81B'; }

.audiglyph-arrow-narrow-up::before { content: '\E81C'; }

.audiglyph-arrow-narrow-up.audiglyph--large::before { content: '\E81D'; }

.audiglyph-arrow-right-light::before { content: '\E81E'; }

.audiglyph-arrow-right-light.audiglyph--large::before { content: '\E81F'; }

.audiglyph-arrow-right-normal::before { content: '\E820'; }

.audiglyph-arrow-right-normal.audiglyph--large::before { content: '\E821'; }

.audiglyph-arrow-right-sharp::before { content: '\E822'; }

.audiglyph-arrow-right-sharp.audiglyph--large::before { content: '\E823'; }

.audiglyph-arrow-right-u-turn::before { content: '\E824'; }

.audiglyph-arrow-right-u-turn.audiglyph--large::before { content: '\E825'; }

.audiglyph-arrow-straight-down::before { content: '\E826'; }

.audiglyph-arrow-straight-down.audiglyph--large::before { content: '\E827'; }

.audiglyph-arrow-straight-up::before { content: '\E828'; }

.audiglyph-arrow-straight-up.audiglyph--large::before { content: '\E829'; }

.audiglyph-arrow-up::before { content: '\E82A'; }

.audiglyph-arrow-up.audiglyph--large::before { content: '\E82B'; }

.audiglyph-aupeo::before { content: '\E82C'; }

.audiglyph-aupeo.audiglyph--large::before { content: '\E82D'; }

.audiglyph-back::before { content: '\E82E'; }

.audiglyph-back.audiglyph--large::before { content: '\E82F'; }

.audiglyph-blog-post::before { content: '\E830'; }

.audiglyph-blog-post.audiglyph--large::before { content: '\E831'; }

.audiglyph-bookmark::before { content: '\E832'; }

.audiglyph-bookmark.audiglyph--large::before { content: '\E833'; }

.audiglyph-break-pad-alert::before { content: '\E834'; }

.audiglyph-break-pad-alert.audiglyph--large::before { content: '\E835'; }

.audiglyph-break-pad::before { content: '\E836'; }

.audiglyph-break-pad.audiglyph--large::before { content: '\E837'; }

.audiglyph-business-adress::before { content: '\E838'; }

.audiglyph-business-adress.audiglyph--large::before { content: '\E839'; }

.audiglyph-calendar-events::before { content: '\E83A'; }

.audiglyph-calendar-events.audiglyph--large::before { content: '\E83B'; }

.audiglyph-camera::before { content: '\E83C'; }

.audiglyph-camera.audiglyph--large::before { content: '\E83D'; }

.audiglyph-cancel::before { content: '\E83E'; }

.audiglyph-cancel.audiglyph--large::before { content: '\E83F'; }

.audiglyph-car-handover::before { content: '\E840'; }

.audiglyph-car-handover.audiglyph--large::before { content: '\E841'; }

.audiglyph-car::before { content: '\E842'; }

.audiglyph-car.audiglyph--large::before { content: '\E843'; }

.audiglyph-car-search::before { content: '\E844'; }

.audiglyph-car-search.audiglyph--large::before { content: '\E845'; }

.audiglyph-caution::before { content: '\E846'; }

.audiglyph-caution.audiglyph--large::before { content: '\E847'; }

.audiglyph-charging::before { content: '\E848'; }

.audiglyph-charging.audiglyph--large::before { content: '\E849'; }

.audiglyph-climate-auto::before { content: '\E84A'; }

.audiglyph-climate-auto.audiglyph--large::before { content: '\E84B'; }

.audiglyph-climate-electric::before { content: '\E84C'; }

.audiglyph-climate-electric.audiglyph--large::before { content: '\E84D'; }

.audiglyph-climate::before { content: '\E84E'; }

.audiglyph-climate.audiglyph--large::before { content: '\E84F'; }

.audiglyph-co2-emission::before { content: '\E850'; }

.audiglyph-co2-emission.audiglyph--large::before { content: '\E851'; }

.audiglyph-code::before { content: '\E852'; }

.audiglyph-code.audiglyph--large::before { content: '\E853'; }

.audiglyph-connect-key::before { content: '\E854'; }

.audiglyph-connect-key.audiglyph--large::before { content: '\E855'; }

.audiglyph-consumption::before { content: '\E856'; }

.audiglyph-consumption.audiglyph--large::before { content: '\E857'; }

.audiglyph-content-activities::before { content: '\E858'; }

.audiglyph-content-activities.audiglyph--large::before { content: '\E859'; }

.audiglyph-cubic-capacity::before { content: '\E85A'; }

.audiglyph-cubic-capacity.audiglyph--large::before { content: '\E85B'; }

.audiglyph-dashboard::before { content: '\E85C'; }

.audiglyph-dashboard.audiglyph--large::before { content: '\E85D'; }

.audiglyph-dealer-request::before { content: '\E85E'; }

.audiglyph-dealer-request.audiglyph--large::before { content: '\E85F'; }

.audiglyph-dealer-search::before { content: '\E860'; }

.audiglyph-dealer-search.audiglyph--large::before { content: '\E861'; }

.audiglyph-decrease-size::before { content: '\E862'; }

.audiglyph-decrease-size.audiglyph--large::before { content: '\E863'; }

.audiglyph-direct-mail::before { content: '\E864'; }

.audiglyph-direct-mail.audiglyph--large::before { content: '\E865'; }

.audiglyph-discussion::before { content: '\E866'; }

.audiglyph-discussion.audiglyph--large::before { content: '\E867'; }

.audiglyph-distance::before { content: '\E868'; }

.audiglyph-distance.audiglyph--large::before { content: '\E869'; }

.audiglyph-documents::before { content: '\E86A'; }

.audiglyph-documents.audiglyph--large::before { content: '\E86B'; }

.audiglyph-edit::before { content: '\E86C'; }

.audiglyph-edit.audiglyph--large::before { content: '\E86D'; }

.audiglyph-editorial::before { content: '\E86E'; }

.audiglyph-editorial.audiglyph--large::before { content: '\E86F'; }

.audiglyph-electric-charge-level-empty::before { content: '\E870'; }

.audiglyph-electric-charge-level-empty.audiglyph--large::before { content: '\E871'; }

.audiglyph-electric-charge-level-full::before { content: '\E872'; }

.audiglyph-electric-charge-level-full.audiglyph--large::before { content: '\E873'; }

.audiglyph-electric-charge-level-half::before { content: '\E874'; }

.audiglyph-electric-charge-level-half.audiglyph--large::before { content: '\E875'; }

.audiglyph-electric-charge-level-onequarter::before { content: '\E876'; }

.audiglyph-electric-charge-level-onequarter.audiglyph--large::before { content: '\E877'; }

.audiglyph-electric-charge-level-threequarter::before { content: '\E878'; }

.audiglyph-electric-charge-level-threequarter.audiglyph--large::before { content: '\E879'; }

.audiglyph-electric-range::before { content: '\E87A'; }

.audiglyph-electric-range.audiglyph--large::before { content: '\E87B'; }

.audiglyph-erase::before { content: '\E87C'; }

.audiglyph-erase.audiglyph--large::before { content: '\E87D'; }

.audiglyph-facebook::before { content: '\E87E'; }

.audiglyph-facebook.audiglyph--large::before { content: '\E87F'; }

.audiglyph-favorite::before { content: '\E880'; }

.audiglyph-favorite.audiglyph--large::before { content: '\E881'; }

.audiglyph-feed::before { content: '\E882'; }

.audiglyph-feed.audiglyph--large::before { content: '\E883'; }

.audiglyph-forward::before { content: '\E884'; }

.audiglyph-forward.audiglyph--large::before { content: '\E885'; }

.audiglyph-fuel::before { content: '\E886'; }

.audiglyph-fuel.audiglyph--large::before { content: '\E887'; }

.audiglyph-fuel-range::before { content: '\E888'; }

.audiglyph-fuel-range.audiglyph--large::before { content: '\E889'; }

.audiglyph-fuel-tank-level-empty::before { content: '\E88A'; }

.audiglyph-fuel-tank-level-empty.audiglyph--large::before { content: '\E88B'; }

.audiglyph-fuel-tank-level-full::before { content: '\E88C'; }

.audiglyph-fuel-tank-level-full.audiglyph--large::before { content: '\E88D'; }

.audiglyph-fuel-tank-level-half::before { content: '\E88E'; }

.audiglyph-fuel-tank-level-half.audiglyph--large::before { content: '\E88F'; }

.audiglyph-fuel-tank-level-onequarter::before { content: '\E890'; }

.audiglyph-fuel-tank-level-onequarter.audiglyph--large::before { content: '\E891'; }

.audiglyph-fuel-tank-level-threequarters::before { content: '\E892'; }

.audiglyph-fuel-tank-level-threequarters.audiglyph--large::before { content: '\E893'; }

.audiglyph-gas-range::before { content: '\E894'; }

.audiglyph-gas-range.audiglyph--large::before { content: '\E895'; }

.audiglyph-gas-tank-level-empty::before { content: '\E896'; }

.audiglyph-gas-tank-level-empty.audiglyph--large::before { content: '\E897'; }

.audiglyph-gas-tank-level-full::before { content: '\E898'; }

.audiglyph-gas-tank-level-full.audiglyph--large::before { content: '\E899'; }

.audiglyph-gas-tank-level-half::before { content: '\E89A'; }

.audiglyph-gas-tank-level-half.audiglyph--large::before { content: '\E89B'; }

.audiglyph-gas-tank-level-onequarter::before { content: '\E89C'; }

.audiglyph-gas-tank-level-onequarter.audiglyph--large::before { content: '\E89D'; }

.audiglyph-gas-tank-level-threequarters::before { content: '\E89E'; }

.audiglyph-gas-tank-level-threequarters.audiglyph--large::before { content: '\E89F'; }

.audiglyph-geofence-alert::before { content: '\E8A0'; }

.audiglyph-geofence-alert.audiglyph--large::before { content: '\E8A1'; }

.audiglyph-geofence::before { content: '\E8A2'; }

.audiglyph-geofence.audiglyph--large::before { content: '\E8A3'; }

.audiglyph-google-plus::before { content: '\E8A4'; }

.audiglyph-google-plus.audiglyph--large::before { content: '\E8A5'; }

.audiglyph-gps::before { content: '\E8A6'; }

.audiglyph-gps.audiglyph--large::before { content: '\E8A7'; }

.audiglyph-grab::before { content: '\E8A8'; }

.audiglyph-grab.audiglyph--large::before { content: '\E8A9'; }

.audiglyph-group-discussion::before { content: '\E8AA'; }

.audiglyph-group-discussion.audiglyph--large::before { content: '\E8AB'; }

.audiglyph-groups::before { content: '\E8AC'; }

.audiglyph-groups.audiglyph--large::before { content: '\E8AD'; }

.audiglyph-home::before { content: '\E8AE'; }

.audiglyph-home.audiglyph--large::before { content: '\E8AF'; }

.audiglyph-honk-and-flash::before { content: '\E8B0'; }

.audiglyph-honk-and-flash.audiglyph--large::before { content: '\E8B1'; }

.audiglyph-honk::before { content: '\E8B2'; }

.audiglyph-honk.audiglyph--large::before { content: '\E8B3'; }

.audiglyph-hotline::before { content: '\E8B4'; }

.audiglyph-hotline.audiglyph--large::before { content: '\E8B5'; }

.audiglyph-increase-size::before { content: '\E8B6'; }

.audiglyph-increase-size.audiglyph--large::before { content: '\E8B7'; }

.audiglyph-indicators::before { content: '\E8B8'; }

.audiglyph-indicators.audiglyph--large::before { content: '\E8B9'; }

.audiglyph-inspection::before { content: '\E8BA'; }

.audiglyph-inspection.audiglyph--large::before { content: '\E8BB'; }

.audiglyph-instagram::before { content: '\E8BC'; }

.audiglyph-instagram.audiglyph--large::before { content: '\E8BD'; }

.audiglyph-interior-configuration::before { content: '\E8BE'; }

.audiglyph-interior-configuration.audiglyph--large::before { content: '\E8BF'; }

.audiglyph-languages::before { content: '\E8C0'; }

.audiglyph-languages.audiglyph--large::before { content: '\E8C1'; }

.audiglyph-lights-day::before { content: '\E8C2'; }

.audiglyph-lights-day.audiglyph--large::before { content: '\E8C3'; }

.audiglyph-lights-dim::before { content: '\E8C4'; }

.audiglyph-lights-dim.audiglyph--large::before { content: '\E8C5'; }

.audiglyph-lights-full-beam::before { content: '\E8C6'; }

.audiglyph-lights-full-beam.audiglyph--large::before { content: '\E8C7'; }

.audiglyph-lights-led::before { content: '\E8C8'; }

.audiglyph-lights-led.audiglyph--large::before { content: '\E8C9'; }

.audiglyph-lights-xenon::before { content: '\E8CA'; }

.audiglyph-lights-xenon.audiglyph--large::before { content: '\E8CB'; }

.audiglyph-line::before { content: '\E8CC'; }

.audiglyph-line.audiglyph--large::before { content: '\E8CD'; }

.audiglyph-linkedin::before { content: '\E8CE'; }

.audiglyph-linkedin.audiglyph--large::before { content: '\E8CF'; }

.audiglyph-list::before { content: '\E8D0'; }

.audiglyph-list.audiglyph--large::before { content: '\E8D1'; }

.audiglyph-lock::before { content: '\E8D2'; }

.audiglyph-lock.audiglyph--large::before { content: '\E8D3'; }

.audiglyph-logbook::before { content: '\E8D4'; }

.audiglyph-logbook.audiglyph--large::before { content: '\E8D5'; }

.audiglyph-login::before { content: '\E8D6'; }

.audiglyph-login.audiglyph--large::before { content: '\E8D7'; }

.audiglyph-main-user::before { content: '\E8D8'; }

.audiglyph-main-user.audiglyph--large::before { content: '\E8D9'; }

.audiglyph-mileage::before { content: '\E8DA'; }

.audiglyph-mileage.audiglyph--large::before { content: '\E8DB'; }

.audiglyph-mobile-phone::before { content: '\E8DC'; }

.audiglyph-mobile-phone.audiglyph--large::before { content: '\E8DD'; }

.audiglyph-more::before { content: '\E8DE'; }

.audiglyph-more.audiglyph--large::before { content: '\E8DF'; }

.audiglyph-motor::before { content: '\E8E0'; }

.audiglyph-motor.audiglyph--large::before { content: '\E8E1'; }

.audiglyph-my-dealer::before { content: '\E8E2'; }

.audiglyph-my-dealer.audiglyph--large::before { content: '\E8E3'; }

.audiglyph-myAudi-destinations::before { content: '\E8E4'; }

.audiglyph-myAudi-destinations.audiglyph--large::before { content: '\E8E5'; }

.audiglyph-napster::before { content: '\E8E6'; }

.audiglyph-napster.audiglyph--large::before { content: '\E8E7'; }

.audiglyph-news::before { content: '\E8E8'; }

.audiglyph-news.audiglyph--large::before { content: '\E8E9'; }

.audiglyph-NFC-inactive::before { content: '\E8EA'; }

.audiglyph-NFC-inactive.audiglyph--large::before { content: '\E8EB'; }

.audiglyph-NFC::before { content: '\E8EC'; }

.audiglyph-NFC.audiglyph--large::before { content: '\E8ED'; }

.audiglyph-notepad::before { content: '\E8EE'; }

.audiglyph-notepad.audiglyph--large::before { content: '\E8EF'; }

.audiglyph-off-canvas::before { content: '\E8F0'; }

.audiglyph-off-canvas.audiglyph--large::before { content: '\E8F1'; }

.audiglyph-offline-maps::before { content: '\E8F2'; }

.audiglyph-offline-maps.audiglyph--large::before { content: '\E8F3'; }

.audiglyph-oil-change::before { content: '\E8F4'; }

.audiglyph-oil-change.audiglyph--large::before { content: '\E8F5'; }

.audiglyph-parking-in-left::before { content: '\E8F6'; }

.audiglyph-parking-in-left.audiglyph--large::before { content: '\E8F7'; }

.audiglyph-parking-in-left-long::before { content: '\E8F8'; }

.audiglyph-parking-in-left-long.audiglyph--large::before { content: '\E8F9'; }

.audiglyph-parking-in-right::before { content: '\E8FA'; }

.audiglyph-parking-in-right.audiglyph--large::before { content: '\E8FB'; }

.audiglyph-parking-in-right-long::before { content: '\E8FC'; }

.audiglyph-parking-in-right-long.audiglyph--large::before { content: '\E8FD'; }

.audiglyph-parking-in-straight::before { content: '\E8FE'; }

.audiglyph-parking-in-straight.audiglyph--large::before { content: '\E8FF'; }

.audiglyph-parking::before { content: '\E900'; }

.audiglyph-parking.audiglyph--large::before { content: '\E901'; }

.audiglyph-parking-out-left::before { content: '\E902'; }

.audiglyph-parking-out-left.audiglyph--large::before { content: '\E903'; }

.audiglyph-parking-out-left-long::before { content: '\E904'; }

.audiglyph-parking-out-left-long.audiglyph--large::before { content: '\E905'; }

.audiglyph-parking-out-right::before { content: '\E906'; }

.audiglyph-parking-out-right.audiglyph--large::before { content: '\E907'; }

.audiglyph-parking-out-right-long::before { content: '\E908'; }

.audiglyph-parking-out-right-long.audiglyph--large::before { content: '\E909'; }

.audiglyph-parking-out-straight::before { content: '\E90A'; }

.audiglyph-parking-out-straight.audiglyph--large::before { content: '\E90B'; }

.audiglyph-pause::before { content: '\E90C'; }

.audiglyph-pause.audiglyph--large::before { content: '\E90D'; }

.audiglyph-photo::before { content: '\E90E'; }

.audiglyph-photo.audiglyph--large::before { content: '\E90F'; }

.audiglyph-pilotiertes-parken::before { content: '\E910'; }

.audiglyph-pilotiertes-parken.audiglyph--large::before { content: '\E911'; }

.audiglyph-pinterest::before { content: '\E912'; }

.audiglyph-pinterest.audiglyph--large::before { content: '\E913'; }

.audiglyph-play::before { content: '\E914'; }

.audiglyph-play.audiglyph--large::before { content: '\E915'; }

.audiglyph-poi-calendar::before { content: '\E916'; }

.audiglyph-poi-calendar.audiglyph--large::before { content: '\E917'; }

.audiglyph-poi-car::before { content: '\E918'; }

.audiglyph-poi-car.audiglyph--large::before { content: '\E919'; }

.audiglyph-poi-contact::before { content: '\E91A'; }

.audiglyph-poi-contact.audiglyph--large::before { content: '\E91B'; }

.audiglyph-poi-favorite::before { content: '\E91C'; }

.audiglyph-poi-favorite.audiglyph--large::before { content: '\E91D'; }

.audiglyph-poi-home::before { content: '\E91E'; }

.audiglyph-poi-home.audiglyph--large::before { content: '\E91F'; }

.audiglyph-poi::before { content: '\E920'; }

.audiglyph-poi.audiglyph--large::before { content: '\E921'; }

.audiglyph-poi-last-destination::before { content: '\E922'; }

.audiglyph-poi-last-destination.audiglyph--large::before { content: '\E923'; }

.audiglyph-poi-search::before { content: '\E924'; }

.audiglyph-poi-search.audiglyph--large::before { content: '\E925'; }

.audiglyph-poi-work::before { content: '\E926'; }

.audiglyph-poi-work.audiglyph--large::before { content: '\E927'; }

.audiglyph-pois::before { content: '\E928'; }

.audiglyph-pois.audiglyph--large::before { content: '\E929'; }

.audiglyph-polls::before { content: '\E92A'; }

.audiglyph-polls.audiglyph--large::before { content: '\E92B'; }

.audiglyph-power::before { content: '\E92C'; }

.audiglyph-power.audiglyph--large::before { content: '\E92D'; }

.audiglyph-pre-heating::before { content: '\E92E'; }

.audiglyph-pre-heating.audiglyph--large::before { content: '\E92F'; }

.audiglyph-print::before { content: '\E930'; }

.audiglyph-print.audiglyph--large::before { content: '\E931'; }

.audiglyph-profile::before { content: '\E932'; }

.audiglyph-profile.audiglyph--large::before { content: '\E933'; }

.audiglyph-projects::before { content: '\E934'; }

.audiglyph-projects.audiglyph--large::before { content: '\E935'; }

.audiglyph-public-transport::before { content: '\E936'; }

.audiglyph-public-transport.audiglyph--large::before { content: '\E937'; }

.audiglyph-quattro::before { content: '\E938'; }

.audiglyph-quattro.audiglyph--large::before { content: '\E939'; }

.audiglyph-range::before { content: '\E93A'; }

.audiglyph-range.audiglyph--large::before { content: '\E93B'; }

.audiglyph-receive-e-mail-notification::before { content: '\E93C'; }

.audiglyph-receive-e-mail-notification.audiglyph--large::before { content: '\E93D'; }

.audiglyph-recommended-destination::before { content: '\E93E'; }

.audiglyph-recommended-destination.audiglyph--large::before { content: '\E93F'; }

.audiglyph-replay::before { content: '\E940'; }

.audiglyph-replay.audiglyph--large::before { content: '\E941'; }

.audiglyph-results-list::before { content: '\E942'; }

.audiglyph-results-list.audiglyph--large::before { content: '\E943'; }

.audiglyph-rotate-image-left::before { content: '\E944'; }

.audiglyph-rotate-image-left.audiglyph--large::before { content: '\E945'; }

.audiglyph-rotate-image-right::before { content: '\E946'; }

.audiglyph-rotate-image-right.audiglyph--large::before { content: '\E947'; }

.audiglyph-rotate-left::before { content: '\E948'; }

.audiglyph-rotate-left.audiglyph--large::before { content: '\E949'; }

.audiglyph-rotate-right::before { content: '\E94A'; }

.audiglyph-rotate-right.audiglyph--large::before { content: '\E94B'; }

.audiglyph-roundabout-left::before { content: '\E94C'; }

.audiglyph-roundabout-left.audiglyph--large::before { content: '\E94D'; }

.audiglyph-roundabout-long-left::before { content: '\E94E'; }

.audiglyph-roundabout-long-left.audiglyph--large::before { content: '\E94F'; }

.audiglyph-roundabout-long-right::before { content: '\E950'; }

.audiglyph-roundabout-long-right.audiglyph--large::before { content: '\E951'; }

.audiglyph-roundabout-right::before { content: '\E952'; }

.audiglyph-roundabout-right.audiglyph--large::before { content: '\E953'; }

.audiglyph-roundabout-sharp-left::before { content: '\E954'; }

.audiglyph-roundabout-sharp-left.audiglyph--large::before { content: '\E955'; }

.audiglyph-roundabout-sharp-right::before { content: '\E956'; }

.audiglyph-roundabout-sharp-right.audiglyph--large::before { content: '\E957'; }

.audiglyph-roundabout-straight::before { content: '\E958'; }

.audiglyph-roundabout-straight.audiglyph--large::before { content: '\E959'; }

.audiglyph-rss-feed::before { content: '\E95A'; }

.audiglyph-rss-feed.audiglyph--large::before { content: '\E95B'; }

.audiglyph-search::before { content: '\E95C'; }

.audiglyph-search.audiglyph--large::before { content: '\E95D'; }

.audiglyph-select-all::before { content: '\E95E'; }

.audiglyph-select-all.audiglyph--large::before { content: '\E95F'; }

.audiglyph-select::before { content: '\E960'; }

.audiglyph-select.audiglyph--large::before { content: '\E961'; }

.audiglyph-send-to-vehicle::before { content: '\E962'; }

.audiglyph-send-to-vehicle.audiglyph--large::before { content: '\E963'; }

.audiglyph-share::before { content: '\E964'; }

.audiglyph-share.audiglyph--large::before { content: '\E965'; }

.audiglyph-shopping-basket::before { content: '\E966'; }

.audiglyph-shopping-basket.audiglyph--large::before { content: '\E967'; }

.audiglyph-shuffle::before { content: '\E968'; }

.audiglyph-shuffle.audiglyph--large::before { content: '\E969'; }

.audiglyph-social-reader::before { content: '\E96A'; }

.audiglyph-social-reader.audiglyph--large::before { content: '\E96B'; }

.audiglyph-status-update::before { content: '\E96C'; }

.audiglyph-status-update.audiglyph--large::before { content: '\E96D'; }

.audiglyph-sync::before { content: '\E96E'; }

.audiglyph-sync.audiglyph--large::before { content: '\E96F'; }

.audiglyph-system-add::before { content: '\E970'; }

.audiglyph-system-add.audiglyph--large::before { content: '\E971'; }

.audiglyph-system-audio-off::before { content: '\E972'; }

.audiglyph-system-audio-off.audiglyph--large::before { content: '\E973'; }

.audiglyph-system-audio-on::before { content: '\E974'; }

.audiglyph-system-audio-on.audiglyph--large::before { content: '\E975'; }

.audiglyph-system-cancel::before { content: '\E976'; }

.audiglyph-system-cancel.audiglyph--large::before { content: '\E977'; }

.audiglyph-system-download::before { content: '\E978'; }

.audiglyph-system-download.audiglyph--large::before { content: '\E979'; }

.audiglyph-system-facebook::before { content: '\E97A'; }

.audiglyph-system-facebook.audiglyph--large::before { content: '\E97B'; }

.audiglyph-system-favorites::before { content: '\E97C'; }

.audiglyph-system-favorites.audiglyph--large::before { content: '\E97D'; }

.audiglyph-system-follow::before { content: '\E97E'; }

.audiglyph-system-follow.audiglyph--large::before { content: '\E97F'; }

.audiglyph-system-google-plus::before { content: '\E980'; }

.audiglyph-system-google-plus.audiglyph--large::before { content: '\E981'; }

.audiglyph-system-help::before { content: '\E982'; }

.audiglyph-system-help.audiglyph--large::before { content: '\E983'; }

.audiglyph-system-info::before { content: '\E984'; }

.audiglyph-system-info.audiglyph--large::before { content: '\E985'; }

.audiglyph-system-instagram::before { content: '\E986'; }

.audiglyph-system-instagram.audiglyph--large::before { content: '\E987'; }

.audiglyph-system-linkedin::before { content: '\E988'; }

.audiglyph-system-linkedin.audiglyph--large::before { content: '\E989'; }

.audiglyph-system-paragraph::before { content: '\E98A'; }

.audiglyph-system-paragraph.audiglyph--large::before { content: '\E98B'; }

.audiglyph-system-pause::before { content: '\E98C'; }

.audiglyph-system-pause.audiglyph--large::before { content: '\E98D'; }

.audiglyph-system-pinterest::before { content: '\E98E'; }

.audiglyph-system-pinterest.audiglyph--large::before { content: '\E98F'; }

.audiglyph-system-play-backwards::before { content: '\E990'; }

.audiglyph-system-play-backwards.audiglyph--large::before { content: '\E991'; }

.audiglyph-system-play::before { content: '\E992'; }

.audiglyph-system-play.audiglyph--large::before { content: '\E993'; }

.audiglyph-system-remove::before { content: '\E994'; }

.audiglyph-system-remove.audiglyph--large::before { content: '\E995'; }

.audiglyph-system-replay::before { content: '\E996'; }

.audiglyph-system-replay.audiglyph--large::before { content: '\E997'; }

.audiglyph-system-save-as::before { content: '\E998'; }

.audiglyph-system-save-as.audiglyph--large::before { content: '\E999'; }

.audiglyph-system-search::before { content: '\E99A'; }

.audiglyph-system-search.audiglyph--large::before { content: '\E99B'; }

.audiglyph-system-select::before { content: '\E99C'; }

.audiglyph-system-select.audiglyph--large::before { content: '\E99D'; }

.audiglyph-system-settings::before { content: '\E99E'; }

.audiglyph-system-settings.audiglyph--large::before { content: '\E99F'; }

.audiglyph-system-share::before { content: '\E9A0'; }

.audiglyph-system-share.audiglyph--large::before { content: '\E9A1'; }

.audiglyph-system-size-decrease::before { content: '\E9A2'; }

.audiglyph-system-size-decrease.audiglyph--large::before { content: '\E9A3'; }

.audiglyph-system-size-increase::before { content: '\E9A4'; }

.audiglyph-system-size-increase.audiglyph--large::before { content: '\E9A5'; }

.audiglyph-system-skip-next::before { content: '\E9A6'; }

.audiglyph-system-skip-next.audiglyph--large::before { content: '\E9A7'; }

.audiglyph-system-skip-previous::before { content: '\E9A8'; }

.audiglyph-system-skip-previous.audiglyph--large::before { content: '\E9A9'; }

.audiglyph-system-twitter::before { content: '\E9AA'; }

.audiglyph-system-twitter.audiglyph--large::before { content: '\E9AB'; }

.audiglyph-system-upload::before { content: '\E9AC'; }

.audiglyph-system-upload.audiglyph--large::before { content: '\E9AD'; }

.audiglyph-system-vimeo::before { content: '\E9AE'; }

.audiglyph-system-vimeo.audiglyph--large::before { content: '\E9AF'; }

.audiglyph-system-xing::before { content: '\E9B0'; }

.audiglyph-system-xing.audiglyph--large::before { content: '\E9B1'; }

.audiglyph-system-youtube::before { content: '\E9B2'; }

.audiglyph-system-youtube.audiglyph--large::before { content: '\E9B3'; }

.audiglyph-tag::before { content: '\E9B4'; }

.audiglyph-tag.audiglyph--large::before { content: '\E9B5'; }

.audiglyph-test-drive::before { content: '\E9B6'; }

.audiglyph-test-drive.audiglyph--large::before { content: '\E9B7'; }

.audiglyph-time-climate1::before { content: '\E9B8'; }

.audiglyph-time-climate1.audiglyph--large::before { content: '\E9B9'; }

.audiglyph-time-climate2::before { content: '\E9BA'; }

.audiglyph-time-climate2.audiglyph--large::before { content: '\E9BB'; }

.audiglyph-time::before { content: '\E9BC'; }

.audiglyph-time.audiglyph--large::before { content: '\E9BD'; }

.audiglyph-time-long::before { content: '\E9BE'; }

.audiglyph-time-long.audiglyph--large::before { content: '\E9BF'; }

.audiglyph-time-middle::before { content: '\E9C0'; }

.audiglyph-time-middle.audiglyph--large::before { content: '\E9C1'; }

.audiglyph-time-short::before { content: '\E9C2'; }

.audiglyph-time-short.audiglyph--large::before { content: '\E9C3'; }

.audiglyph-top-speed::before { content: '\E9C4'; }

.audiglyph-top-speed.audiglyph--large::before { content: '\E9C5'; }

.audiglyph-torque::before { content: '\E9C6'; }

.audiglyph-torque.audiglyph--large::before { content: '\E9C7'; }

.audiglyph-tour::before { content: '\E9C8'; }

.audiglyph-tour.audiglyph--large::before { content: '\E9C9'; }

.audiglyph-traffic::before { content: '\E9CA'; }

.audiglyph-traffic.audiglyph--large::before { content: '\E9CB'; }

.audiglyph-traffic-sign-recognition-alert::before { content: '\E9CC'; }

.audiglyph-traffic-sign-recognition-alert.audiglyph--large::before { content: '\E9CD'; }

.audiglyph-traffic-sign-recognition::before { content: '\E9CE'; }

.audiglyph-traffic-sign-recognition.audiglyph--large::before { content: '\E9CF'; }

.audiglyph-train::before { content: '\E9D0'; }

.audiglyph-train.audiglyph--large::before { content: '\E9D1'; }

.audiglyph-transmission::before { content: '\E9D2'; }

.audiglyph-transmission.audiglyph--large::before { content: '\E9D3'; }

.audiglyph-tube::before { content: '\E9D4'; }

.audiglyph-tube.audiglyph--large::before { content: '\E9D5'; }

.audiglyph-twitter::before { content: '\E9D6'; }

.audiglyph-twitter.audiglyph--large::before { content: '\E9D7'; }

.audiglyph-unlock::before { content: '\E9D8'; }

.audiglyph-unlock.audiglyph--large::before { content: '\E9D9'; }

.audiglyph-used-car-search::before { content: '\E9DA'; }

.audiglyph-used-car-search.audiglyph--large::before { content: '\E9DB'; }

.audiglyph-used-cars::before { content: '\E9DC'; }

.audiglyph-used-cars.audiglyph--large::before { content: '\E9DD'; }

.audiglyph-user::before { content: '\E9DE'; }

.audiglyph-user.audiglyph--large::before { content: '\E9DF'; }

.audiglyph-user-whole-body::before { content: '\E9E0'; }

.audiglyph-user-whole-body.audiglyph--large::before { content: '\E9E1'; }

.audiglyph-valet-parking::before { content: '\E9E2'; }

.audiglyph-valet-parking.audiglyph--large::before { content: '\E9E3'; }

.audiglyph-vehicle-signal::before { content: '\E9E4'; }

.audiglyph-vehicle-signal.audiglyph--large::before { content: '\E9E5'; }

.audiglyph-vehicle-wi-fi-1::before { content: '\E9E6'; }

.audiglyph-vehicle-wi-fi-1.audiglyph--large::before { content: '\E9E7'; }

.audiglyph-vehicle-wi-fi-2::before { content: '\E9E8'; }

.audiglyph-vehicle-wi-fi-2.audiglyph--large::before { content: '\E9E9'; }

.audiglyph-vehicle-wi-fi-3::before { content: '\E9EA'; }

.audiglyph-vehicle-wi-fi-3.audiglyph--large::before { content: '\E9EB'; }

.audiglyph-vehicle-wi-fi-4::before { content: '\E9EC'; }

.audiglyph-vehicle-wi-fi-4.audiglyph--large::before { content: '\E9ED'; }

.audiglyph-velocity-alert::before { content: '\E9EE'; }

.audiglyph-velocity-alert.audiglyph--large::before { content: '\E9EF'; }

.audiglyph-velocity::before { content: '\E9F0'; }

.audiglyph-velocity.audiglyph--large::before { content: '\E9F1'; }

.audiglyph-video::before { content: '\E9F2'; }

.audiglyph-video.audiglyph--large::before { content: '\E9F3'; }

.audiglyph-view-360::before { content: '\E9F4'; }

.audiglyph-view-360.audiglyph--large::before { content: '\E9F5'; }

.audiglyph-vimeo::before { content: '\E9F6'; }

.audiglyph-vimeo.audiglyph--large::before { content: '\E9F7'; }

.audiglyph-voice-call-1::before { content: '\E9F8'; }

.audiglyph-voice-call-1.audiglyph--large::before { content: '\E9F9'; }

.audiglyph-voice-call-2::before { content: '\E9FA'; }

.audiglyph-voice-call-2.audiglyph--large::before { content: '\E9FB'; }

.audiglyph-voice-call-3::before { content: '\E9FC'; }

.audiglyph-voice-call-3.audiglyph--large::before { content: '\E9FD'; }

.audiglyph-voice-call::before { content: '\E9FE'; }

.audiglyph-voice-call.audiglyph--large::before { content: '\E9FF'; }

.audiglyph-walk::before { content: '\EA00'; }

.audiglyph-walk.audiglyph--large::before { content: '\EA01'; }

.audiglyph-weblink::before { content: '\EA02'; }

.audiglyph-weblink.audiglyph--large::before { content: '\EA03'; }

.audiglyph-work::before { content: '\EA04'; }

.audiglyph-work.audiglyph--large::before { content: '\EA05'; }

.audiglyph-xing::before { content: '\EA06'; }

.audiglyph-xing.audiglyph--large::before { content: '\EA07'; }

.audiglyph-youtube::before { content: '\EA08'; }

.audiglyph-youtube.audiglyph--large::before { content: '\EA09'; }

.audiglyph { display: inline-block; position: relative; font-family: AudiTypeGlyphs; font-size: inherit; font-style: normal; font-weight: normal; line-height: inherit; vertical-align: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/*
========================================  css/common/_helpers.scss 
======================================== 
*/
.block { display: block; }

.container { max-width: 1200px; }
@media (max-width: 1199px) { .container { width: 100%; } }

.container-with-padding { padding: 0 50px; }
@media (max-width: 991px) { .container-with-padding { padding: 0 12px; } }

h1 { margin: 0; }

.title { font-size: 56px; line-height: 1.25; font-weight: 800; }

.subtitle { font-size: 20px; line-height: 1.5; font-weight: 800; }

.no-margin { margin: 0; }

.margin-bottom-lg { margin-bottom: 80px; }
@media (max-width: 767px) { .margin-bottom-lg { margin-bottom: 40px; } }

.margin-bottom-sm { margin-bottom: 30px; }

hr { display: inline-block; width: 100%; margin: 40px 0; }

.audi-heading { padding-bottom: 15px; border-bottom: 1px solid #000; font-size: 16px; font-weight: bold; margin-top: 0; line-height: 28px; font-family: AudiType, Helvetica, Arial, sans-serif; }

.no-click { pointer-events: none; cursor: auto; }

.break-all { word-break: break-all; }

.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.clear { clear: both; }

.no-border-padding { border: none; padding: 0; }

.w-25 { width: 25%; }

.w-33 { width: 33%; }

.users-logs-table tr.filter-fields > .empty { display: none; }

.font-size-initial { font-size: initial; }

.font-xs { font-size: 65%; }

.line-height-initial { line-height: initial; }

/*
========================================  css/common/_print.scss 
======================================== 
*/
.print-only-visible { display: none; }

.avoid-break-inside { page-break-inside: avoid; }

@media print { header { display: none; }
  footer { display: none; }
  body { display: block !important; }
  h3 { margin-top: 0 !important; }
  form { display: none; }
  .print-only-visible { display: block; }
  .product-count { display: none; }
  #product-thumbnails { display: none; }
  .product-thumbnails-print { display: block; }
  .btn { display: none; }
  .product-tax { margin-bottom: 10px !important; }
  .recommended { display: none; }
  .nav-tabs { display: none; }
  .tab-pane.fade { display: block; opacity: 1; }
  .bullets { padding-left: 10px; }
  .product-details { padding-bottom: 0 !important; }
  .product-details .col-xs-12 { width: 50%; }
  .product-details img { margin-bottom: 20px; } }
/*
========================================  css/project/boxes.scss 
======================================== 
*/
.boxes-view .boxes-container .box-wrapper { border: 0; }
.boxes-view .boxes-container .box-wrapper .box-text h1 { margin-bottom: 20px; }
@media (max-width: 991px) { .boxes-view .boxes-container .box-wrapper .box-text h1 { font-size: 21px; line-height: 24px; } }
.boxes-view .boxes-container .box-wrapper .box-text h3 { margin: 0; margin-bottom: 20px; }
@media (max-width: 767px) { .boxes-view .boxes-container .box-wrapper .box-text h3 { font-size: 20px; } }
.boxes-view .boxes-container .box-wrapper p { margin-bottom: 20px; }
.boxes-view .boxes-container .box-wrapper .box-actions { padding: 8px; height: auto; background-color: rgba(255, 255, 255, 0.75); }
.boxes-view .owl-carousel { padding-bottom: 150%; }
@media (min-width: 768px) { .boxes-view .owl-carousel { position: relative; padding-bottom: 41.666666667%; } }
.boxes-view .owl-carousel .owl-stage-outer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.boxes-view .owl-carousel .owl-stage { height: 100%; }
.boxes-view .owl-carousel .owl-item { height: 100%; }
.boxes-view .owl-carousel .owl-item .owl-slide { height: 100%; background-size: cover; background-position: center; }
.boxes-view .owl-carousel .owl-item .owl-slide h1 { font-size: 56px; line-height: 68px; color: #fff; font-weight: 800; margin: 0; position: absolute; left: 50px; bottom: 125px; right: 50%; }
@media (max-width: 991px) { .boxes-view .owl-carousel .owl-item .owl-slide h1 { font-size: 46px; line-height: 52px; bottom: 115px; right: 30%; } }
@media (max-width: 767px) { .boxes-view .owl-carousel .owl-item .owl-slide h1 { font-size: 31px; line-height: 36px; bottom: 195px; left: 20px; right: 20px; } }
.boxes-view .owl-carousel .owl-item .owl-slide h3 { font-size: 31px; line-height: 36px; color: #fff; margin: 0; position: absolute; left: 50px; bottom: 50px; right: 50%; }
@media (max-width: 991px) { .boxes-view .owl-carousel .owl-item .owl-slide h3 { font-size: 19px; line-height: 20px; bottom: 60px; } }
@media (max-width: 767px) { .boxes-view .owl-carousel .owl-item .owl-slide h3 { font-size: 16px; line-height: 20px; bottom: 145px; left: 20px; right: 20px; } }
.boxes-view .owl-carousel .owl-item .owl-slide .btn-default { border: 0; margin-top: 15px; position: absolute; bottom: 50px; right: 50px; }
@media (max-width: 991px) { .boxes-view .owl-carousel .owl-item .owl-slide .btn-default { bottom: 70px; right: 40px; } }
@media (max-width: 767px) { .boxes-view .owl-carousel .owl-item .owl-slide .btn-default { width: calc(100% - 40px); margin: 0 20px; right: auto; } }
.boxes-view .owl-carousel .owl-dots { display: block; position: absolute; left: 0; right: 0; text-align: center; bottom: 15px; }
@media (max-width: 767px) { .boxes-view .owl-carousel .owl-dots { bottom: 30px; } }
.boxes-view .owl-carousel .owl-dots .owl-dot { display: inline-block; width: 25px; height: 10px; background-color: #fff; margin: 0 5px; opacity: .5; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
.boxes-view .owl-carousel .owl-dots .owl-dot.active, .boxes-view .owl-carousel .owl-dots .owl-dot:hover { opacity: 1; }
@media (max-width: 439px) { .boxes-view table { max-width: 260px; font-size: 12px; } }

/*
========================================  css/project/buttons.scss 
======================================== 
*/
.btn { padding: 12px 60px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
.btn.btn-action { padding: 0; width: 40px; height: 40px; border: 0; color: #000; background-color: transparent; position: relative; margin: 0 2px; outline: none; }
.btn.btn-action:hover, .btn.btn-action:focus { box-shadow: none; outline: none; }
.btn.btn-action .audiglyph { display: block; position: absolute; font-size: 26.64px; line-height: 40px; text-align: center; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; left: 50%; top: 50%; }
.btn:active, .btn:focus, .btn:hover { outline: none; }
.btn.btn-primary, .btn.btn-cookie.btn-cookie--accept { background-color: #000; border-color: #000; color: #fff; }
.btn.btn-primary:hover, .btn.btn-cookie.btn-cookie--accept:hover { background-color: #333; }
.btn.btn-secondary, .btn.btn-cookie.btn-cookie--discard { background-color: transparent; border-color: #000; color: #000; }
.btn.btn-secondary:hover, .btn.btn-cookie.btn-cookie--discard:hover { border-color: #808080; color: #808080; }
.btn.btn-small { padding-bottom: 5px; padding-top: 5px; padding-left: 30px; padding-right: 30px; }
.btn.btn-link { display: inline-block; padding: 0; margin: 0; border: none; }
@media (max-width: 767px) { .btn.btn-link { font-size: 12px; } }
.btn.btn-transparent { background-color: transparent; color: #fff; border-color: #fff; }
.btn.btn-icon { font-size: 24px; line-height: 23px; padding: 15px 15px 13px; border: 0; outline: 0; position: relative; background-color: transparent; }
@media (max-width: 419px) { .btn.btn-icon { padding: 15px 10px; } }
.btn.btn-icon .badge { position: absolute; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font-size: 12px; line-height: 24px; text-align: center; padding: 0; top: 2px; right: 4px; }
.btn.btn-icon:hover { text-decoration: none; }
.btn.btn-icon:focus { outline: 0; }
.btn.btn-icon.collapsed { border-width: 0; padding-bottom: 15px; }
.btn.btn-icon.underlined { border-bottom: 2px solid #000; }
.btn.btn-breakable { white-space: normal; }
.btn.btn-breakable-all { white-space: normal; overflow-wrap: break-word; word-wrap: break-word; margin-bottom: 0; word-break: break-all; }
.btn .audiglyph { line-height: 15px; font-size: 24px; }

/*
========================================  css/project/car-selector.scss 
======================================== 
*/
.car-selector .carline-selector { list-style: none; padding: 0; margin: 0; position: relative; }
.car-selector .carline-selector.packet-selector .owl-stage { width: auto; display: flex; margin-left: -80px; }
.car-selector .carline-selector.packet-selector .owl-item:not(.center) img { margin-top: 45px; }
.car-selector .carline-selector.packet-selector .center a { opacity: 1; width: 320px; }
.car-selector .carline-selector.packet-selector a { height: 180px; }
.car-selector .carline-selector a { opacity: .5; display: block; margin: 0 auto; width: 160px; height: 90px; text-align: center; color: #000; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
@media (max-width: 767px) { .car-selector .carline-selector a { width: 120px; height: 70px; } }
.car-selector .carline-selector a:hover { opacity: 1; }
.car-selector .carline-selector a img { width: 100%; }
.car-selector .carline-selector a span { display: block; float: none; clear: both; margin-top: -8px; font-size: 15px; }
.car-selector .carline-selector a .audiglyph { font-size: 38px; }
@media (max-width: 767px) { .car-selector .carline-selector a .audiglyph { line-height: 53px; } }
.car-selector .carline-selector .owl-nav .owl-prev, .car-selector .carline-selector .owl-nav .owl-next { display: block; position: absolute; top: 0; width: 80px; height: 90px; text-align: center; }
@media (max-width: 767px) { .car-selector .carline-selector .owl-nav .owl-prev, .car-selector .carline-selector .owl-nav .owl-next { height: 70px; } }
.car-selector .carline-selector .owl-nav .owl-prev .audiglyph, .car-selector .carline-selector .owl-nav .owl-next .audiglyph { font-size: 32px; line-height: 90px; }
@media (max-width: 767px) { .car-selector .carline-selector .owl-nav .owl-prev .audiglyph, .car-selector .carline-selector .owl-nav .owl-next .audiglyph { line-height: 70px; } }
.car-selector .carline-selector .owl-nav .owl-prev { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); left: 0; }
.car-selector .carline-selector .owl-nav .owl-next { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); right: 0; }
.car-selector #withDocuments .form-field { width: 100%; }

#selectModel { padding-bottom: 0; }

.car-selector, .models-selected { margin-top: 60px; margin-bottom: 80px; }
@media (max-width: 767px) { .car-selector, .models-selected { margin-top: 40px; margin-bottom: 60px; } }
.car-selector h2, .models-selected h2 { margin-top: 0; }
@media (max-width: 767px) { .car-selector h2, .models-selected h2 { font-size: 24px; } }
.car-selector hr, .models-selected hr { margin: 0; margin-top: 40px; }
@media (max-width: 767px) { .car-selector hr, .models-selected hr { margin-top: 20px; } }
.car-selector .selected-car, .models-selected .selected-car { margin: 40px 0; }
@media (max-width: 767px) { .car-selector .selected-car, .models-selected .selected-car { margin: 20px 0 40px; } }
.car-selector .selected-car-image, .car-selector .selected-car-image-left, .models-selected .selected-car-image, .models-selected .selected-car-image-left { float: left; width: 280px; margin-left: 100px; }
@media (max-width: 991px) { .car-selector .selected-car-image, .car-selector .selected-car-image-left, .models-selected .selected-car-image, .models-selected .selected-car-image-left { margin-left: 0; } }
@media (max-width: 767px) { .car-selector .selected-car-image, .car-selector .selected-car-image-left, .models-selected .selected-car-image, .models-selected .selected-car-image-left { width: 100%; text-align: center; } }
.car-selector .selected-car-image-left, .models-selected .selected-car-image-left { margin-left: 0; }
.car-selector .selected-car-desc, .car-selector .selected-car-text, .models-selected .selected-car-desc, .models-selected .selected-car-text { float: left; width: calc(100% - 380px); margin-top: 40px; }
@media (max-width: 991px) { .car-selector .selected-car-desc, .car-selector .selected-car-text, .models-selected .selected-car-desc, .models-selected .selected-car-text { width: calc(100% - 280px); } }
@media (max-width: 767px) { .car-selector .selected-car-desc, .car-selector .selected-car-text, .models-selected .selected-car-desc, .models-selected .selected-car-text { width: 100%; text-align: center; margin-top: 0; } }
.car-selector .selected-car-text, .models-selected .selected-car-text { float: right; margin-top: 30px; width: 280px; }
@media (max-width: 1199px) { .car-selector .selected-car-text, .models-selected .selected-car-text { width: calc(100% - 220px); } }
@media (max-width: 767px) { .car-selector .selected-car-text, .models-selected .selected-car-text { width: 100%; } }
.car-selector .selected-car-year, .models-selected .selected-car-year { font-size: 32px; }
@media (max-width: 767px) { .car-selector .btn, .models-selected .btn { width: 100%; } }

/*
========================================  css/project/category.scss 
======================================== 
*/
.category-description h1 { margin-bottom: 40px; }
@media (max-width: 767px) { .category-description h1 { font-size: 20px; margin-bottom: 20px; } }

.category-banner { position: relative; }
@media (max-width: 559px) { .category-banner { padding-bottom: 75%; } }
.category-banner > img { width: 100%; height: auto; }
.category-banner .banner-mobile { display: none; }
@media (max-width: 559px) { .category-banner .banner-mobile { display: block; background-position: center; background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } }
@media (max-width: 559px) { .category-banner.with-icon > img { display: none; } }

.category-description.subcategory { margin-bottom: 40px; }

.categories-tiles-wrapper { margin-bottom: 100px; }
@media (max-width: 767px) { .categories-tiles-wrapper { margin-bottom: 60px; } }

/*
========================================  css/project/collection.scss 
======================================== 
*/
.collection-content h2 { margin: 0; margin-bottom: 20px; text-align: center; }
@media (max-width: 767px) { .collection-content h2 { margin-bottom: 0; } }
.collection-content h4 { margin-top: 0; }
@media (max-width: 767px) { .collection-content .collection-content-desc { text-align: center; } }
.collection-content .collection-content-desc .btn { margin-top: 60px; }
@media (max-width: 767px) { .collection-content .collection-content-desc .btn { width: 100%; margin-top: 0; } }
.collection-content .teaser p:last-child { margin-bottom: 0; }

.sale-img img { max-width: 70%; margin-bottom: 40px; }

.collection-view-top { text-align: center; max-width: 90%; margin: 0 auto; margin-top: 80px; margin-bottom: 100px; }
@media (max-width: 991px) { .collection-view-top { margin-top: 20px; margin-bottom: 20px; padding: 20px; } }
.collection-view-top .title { font-size: 56px; line-height: 68px; margin-top: 0; margin-bottom: 30px; }
@media (max-width: 991px) { .collection-view-top .title { margin-bottom: 16px; font-size: 21px; line-height: 24px; } }
.collection-view-top .subtitle { font-size: 20px; margin-bottom: 0; line-height: 30px; font-weight: 800; }
.collection-view-top .subtitle p { font-size: 20px; margin-bottom: 0; line-height: 30px; font-weight: 800; }
@media (max-width: 991px) { .collection-view-top .subtitle { font-size: 16px; line-height: 24px; } }
@media (max-width: 767px) { .collection-view-top .subtitle { line-height: 1.2; } }

.collection-view-bottom { max-width: 1100px; margin: 0 auto; }
.collection-view-bottom .collection-wrapper { position: relative; }
@media (max-width: 1199px) { .collection-view-bottom .collection-wrapper { padding: 0 5%; } }
.collection-view-bottom .collection-banner-1 { width: 100%; display: block; margin: 0 auto; }
.collection-view-bottom .collection-banner-2 { width: 456px; float: left; position: relative; margin-left: 90px; margin-top: -130px; }
@media (max-width: 1199px) { .collection-view-bottom .collection-banner-2 { margin-left: 60px; margin-top: -115px; width: 360px; } }
@media (max-width: 991px) { .collection-view-bottom .collection-banner-2 { margin-left: 30px; margin-top: -100px; width: 300px; } }
@media (max-width: 767px) { .collection-view-bottom .collection-banner-2 { margin-top: 10px; margin-left: 0; width: 230px; } }
@media (max-width: 559px) { .collection-view-bottom .collection-banner-2 { width: 40%; margin-right: 20px; margin-bottom: 10px; } }
.collection-view-bottom .collection-description { margin-left: 640px; padding-right: 40px; margin-top: 40px; }
@media (max-width: 1199px) { .collection-view-bottom .collection-description { margin-left: 475px; line-height: 1.6; } }
@media (max-width: 991px) { .collection-view-bottom .collection-description { margin-left: 365px; margin-top: 20px; padding-right: 20px; line-height: 1.3; } }
@media (max-width: 767px) { .collection-view-bottom .collection-description { margin-left: 260px; margin-top: 40px; padding-right: 20px; line-height: 1.2; } }
@media (max-width: 559px) { .collection-view-bottom .collection-description { margin-left: 0; margin-top: 20px; font-size: 14px; padding-right: 0; } }

.collection-view-teaser { margin: 0 130px; }
@media (max-width: 767px) { .collection-view-teaser { margin: 0; } }
.collection-view-teaser .collection-banner-1 { display: block; margin: 0 auto; max-width: 100%; }
.collection-view-teaser .collection-description { padding-left: 15px; font-size: 20px; line-height: 30px; }
@media (max-width: 767px) { .collection-view-teaser .collection-description { text-align: center; margin-top: 30px; font-size: 16px; line-height: 28px; } }

/*
========================================  css/project/contact.scss 
======================================== 
*/
.form.contact-form .form-obligatory { top: 15px; }
.form.contact-form .btn { width: 100%; }

/*
========================================  css/project/cookielaw.scss 
======================================== 
*/
.cookie-backdrop { display: none; position: fixed; top: 0; height: 100%; width: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.4); }

.cookie-modal { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow-y: auto; max-width: 850px; width: 100%; background: white; max-height: 580px; height: 100%; text-align: justify; }
@media screen and (max-width: 850px) { .cookie-modal { max-height: 100%; } }

.cookie-content { padding: 0 40px 40px 40px; font-size: 14px; }
.cookie-content input[type="checkbox"] { margin-right: 6px; }
.cookie-content p { margin-bottom: 10px; }
.cookie-content p:last-of-type { margin-bottom: 0; }
.cookie-content h3 { font-weight: 100; font-size: 28px; color: #464646; margin-bottom: 20px; }
.cookie-content ul { list-style-type: none; padding-left: 0; margin-top: 10px; }
.cookie-content li { display: flex; margin: 5px 0; }
.cookie-content label { font-weight: 100; }
.cookie-content:last-of-type { display: none; }
.cookie-content a { font-weight: bold; text-decoration: underline; }
.cookie-content .cookie-label { font-weight: 700; margin: 0 10px 10px 10px; }
.cookie-content .cookie-label input { margin-right: 5px; }
@media screen and (max-width: 550px) { .cookie-content { padding: 0 30px 30px 30px; } }

.btn-cookie { color: #000; margin-top: 28px; }
.btn-cookie.btn-cookie--link { background: none; border-bottom: 2px solid #000; color: #333333; padding: 0 12px; }
@media screen and (max-width: 550px) { .btn-cookie { font-size: 13px; padding: 6px 25px; } }
@media screen and (max-width: 360px) { .btn-cookie { padding: 6px 20px; } }

/*
======================================== 
css/project/custom-dropdown.scss 
======================================== 
*/
.dropdown.dropdown.product-filters-dropdown-select .dropdown-menu, .dropdown.product-filters-dropdown-checkbox .dropdown-menu, .dropdown.product-parameters-dropdown .dropdown-menu { padding: 0; }
.dropdown.dropdown.product-filters-dropdown-select .dropdown-menu li, .dropdown.product-filters-dropdown-checkbox .dropdown-menu li, .dropdown.product-parameters-dropdown .dropdown-menu li { margin: 0; border: none; }
.dropdown.dropdown.product-filters-dropdown-select .dropdown-menu li:hover, .dropdown.product-filters-dropdown-checkbox .dropdown-menu li:hover, .dropdown.product-parameters-dropdown .dropdown-menu li:hover { background: #f2f2f2; }

@media (max-width: 991px) { .custom-dropdown-wrapper .form-label { display: block; margin-bottom: -10px; } }
.custom-dropdown-wrapper .dropdown .dropdown-toggle { padding-right: 20px; }
.custom-dropdown-wrapper .dropdown .dropdown-toggle:after { position: absolute; top: 50%; right: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.dropdown.product-filters-dropdown-select select, .dropdown.product-parameters-dropdown select { display: none; }
.dropdown.product-filters-dropdown-select .dropdown-menu li > *, .dropdown.product-parameters-dropdown .dropdown-menu li > * { color: #000; padding: 5px 15px; font-size: 16px; }
@media (max-width: 767px) { .dropdown.product-filters-dropdown-select .dropdown-menu li > *, .dropdown.product-parameters-dropdown .dropdown-menu li > * { font-size: 14px; } }

.dropdown.product-filters-dropdown-checkbox .dropdown-menu li { padding: 15px 5px; }
.dropdown.product-filters-dropdown-checkbox .dropdown-menu .input-group { margin: 0; }
.dropdown.product-filters-dropdown-checkbox .dropdown-menu .input-group.checkbox .form-label { font-size: 16px; }

.dropdown.product-filters-dropdown-categories .dropdown-menu { padding: 0; }
.dropdown.product-filters-dropdown-categories li { margin-left: 0 !important; }
.dropdown.product-filters-dropdown-categories li:not(.dropdown-submenu) { border-color: #fff; background: #f2f2f2; }
.dropdown.product-filters-dropdown-categories li:last-child { border-bottom: 1px solid #fff; }

.dropdown.product-parameters-dropdown .dropdown-menu { -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.dropdown.product-filters-dropdown-categories .dropdown-menu li a { padding-left: 15px; padding-right: 15px; font-size: 14px; }
@media (max-width: 991px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li a { padding-left: 40px; } }
@media (max-width: 767px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li a { font-size: 14px; } }

.dropdown.product-filters-dropdown-categories .dropdown-menu li li a { padding-left: 30px; padding-right: 15px; font-size: 14px; }
@media (max-width: 991px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li a { padding-left: 60px; } }
@media (max-width: 767px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li a { font-size: 14px; } }

.dropdown.product-filters-dropdown-categories .dropdown-menu li li li a { padding-left: 45px; padding-right: 15px; font-size: 14px; }
@media (max-width: 991px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li a { padding-left: 80px; } }
@media (max-width: 767px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li a { font-size: 14px; } }

.dropdown.product-filters-dropdown-categories .dropdown-menu li li li li a { padding-left: 60px; padding-right: 15px; font-size: 14px; }
@media (max-width: 991px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li a { padding-left: 100px; } }
@media (max-width: 767px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li a { font-size: 14px; } }

.dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li a { padding-left: 75px; padding-right: 15px; font-size: 14px; }
@media (max-width: 991px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li a { padding-left: 120px; } }
@media (max-width: 767px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li a { font-size: 14px; } }

.dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li a { padding-left: 90px; padding-right: 15px; font-size: 14px; }
@media (max-width: 991px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li a { padding-left: 140px; } }
@media (max-width: 767px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li a { font-size: 14px; } }

.dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li li a { padding-left: 105px; padding-right: 15px; font-size: 14px; }
@media (max-width: 991px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li li a { padding-left: 160px; } }
@media (max-width: 767px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li li a { font-size: 14px; } }

.dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li li li a { padding-left: 120px; padding-right: 15px; font-size: 14px; }
@media (max-width: 991px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li li li a { padding-left: 180px; } }
@media (max-width: 767px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li li li a { font-size: 14px; } }

.dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li li li li a { padding-left: 135px; padding-right: 15px; font-size: 14px; }
@media (max-width: 991px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li li li li a { padding-left: 200px; } }
@media (max-width: 767px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li li li li a { font-size: 14px; } }

.dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li li li li li a { padding-left: 150px; padding-right: 15px; font-size: 14px; }
@media (max-width: 991px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li li li li li a { padding-left: 220px; } }
@media (max-width: 767px) { .dropdown.product-filters-dropdown-categories .dropdown-menu li li li li li li li li li li a { font-size: 14px; } }

@media (min-width: 992px) { .products-wrapper .table-wrapper.loading { pointer-events: none; opacity: 0.5; } }
.products-wrapper .dropdown button { padding-right: 20px; height: 40px; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.products-wrapper .dropdown button:after { position: absolute; top: 50%; right: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.products-wrapper .dropdown ul.dropdown-menu .filter-empty { background: #fff; }
.products-wrapper .dropdown ul.dropdown-menu .filter-empty a { color: #808080; }
.products-wrapper .dropdown ul.dropdown-menu .filter-empty:hover { background: #f2f2f2; }

/*
========================================  css/project/dealer-find.scss 
======================================== 
*/
#dealer-find { width: 100%; height: 100%; position: relative; }
@media (max-width: 767px) { #dealer-find { margin-top: 20px; } }
@media (max-width: 559px) { #dealer-find { margin-top: 10px; } }
#dealer-find .map { width: 100%; height: 600px; }
@media (max-width: 1199px) { #dealer-find .map { height: 500px; } }
@media (max-width: 767px) { #dealer-find .map { height: 400px; } }
@media (max-width: 559px) { #dealer-find .map { margin-top: 100px; } }
#dealer-find .search { position: absolute; top: 0; left: 0; }
#dealer-find .info { width: 600px; background: white; position: absolute; bottom: 0; left: 0; padding: 10px; }
@media (max-width: 767px) { #dealer-find .info { width: calc(100% - 43px); } }
#dealer-find .info .close { position: absolute; top: 10px; right: 10px; font-size: 40px; font-weight: 400; color: #808080; z-index: 1; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; opacity: 1; }
#dealer-find .info .close:hover { color: #000; }
#dealer-find .controls { padding: 5px; width: 42px; height: 74px; }
#dealer-find .controls button { width: 32px; height: 32px; border: none; }
#dealer-find .controls button.minus { background-image: url("/file/dealer-find/minus.jpg"); }
#dealer-find .controls button.plus { background-image: url("/file/dealer-find/plus.jpg"); }
#dealer-find .all { position: absolute; top: 0; right: 0; z-index: 1; }
@media (max-width: 559px) { #dealer-find .all { top: -80px; width: 100%; } }
#dealer-find .dealer-preview { padding: 0; margin: 0; border-bottom: 0; }
#dealer-find .dealer-preview h4, #dealer-find .dealer-preview .dealer-preview-address { padding-right: 35px; }

/*
======================================== 
css/project/dealer-preview.scss 
======================================== 
*/
.dealer-preview-container { margin-bottom: -40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; }
@media (max-width: 767px) { .dealer-preview-container { margin-bottom: -20px; } }
.dealer-preview-container .dealer-preview { width: calc((100% - 80px) / 3); font-size: 13px; }
@media (max-width: 991px) { .dealer-preview-container .dealer-preview { width: calc((100% - 40px) / 2); } }
@media (max-width: 767px) { .dealer-preview-container .dealer-preview { width: 100%; margin-bottom: 20px; padding-bottom: 10px; } }
.dealer-preview-container .dealer-preview h4 { font-size: 20px; line-height: 1.3; }
.dealer-preview-container .dealer-preview .form-label { position: absolute !important; top: 0; right: 0; }
.dealer-preview-container .dealer-preview .dealer-preview-address { font-weight: 800; padding-right: 30px; line-height: 23px; white-space: nowrap; }
.dealer-preview-container .dealer-preview .dealer-preview-address span { white-space: normal; }
.dealer-preview-container .dealer-preview .dealer-preview-address img { margin-left: 10px; }
.dealer-preview-container .dealer-preview .dealer-preview-address .nearest-dealer { display: block; color: #bb0a30; }
.dealer-preview-container .dealer-preview .dealer-preview-address, .dealer-preview-container .dealer-preview .dealer-preview-phones, .dealer-preview-container .dealer-preview .dealer-preview-open-hours { margin-bottom: 26px; }
.dealer-preview-container .dealer-preview label { padding-left: 0 !important; width: 100%; }
.dealer-preview-container .dealer-preview label p:last-child { margin-bottom: 0; }
.dealer-preview-container .dealer-preview:nth-child(3n+1) { clear: both; }
.dealer-preview-container .dealer-preview:last-child:nth-child(3n+2) { margin-right: auto; margin-left: 40px; }
@media (max-width: 767px) { .dealer-preview-container .dealer-preview:last-child:nth-child(3n+2) { margin-left: 0; } }
.dealer-preview-container .dealer-preview .text-muted { color: #9b9b9b; }
.dealer-preview-container .dealer-preview .truncate { font-weight: 400; }
.dealer-preview-container.dealer-preview-container-narrow .dealer-preview { width: calc((100% - 80px) / 2); }
@media (max-width: 767px) { .dealer-preview-container.dealer-preview-container-narrow .dealer-preview { width: 100%; margin-bottom: 20px; padding-bottom: 10px; } }
.dealer-preview-container .dealer-product-pick { position: relative; }
.dealer-preview-container .dealer-product-pick .btn-container { position: absolute; max-height: 80px; bottom: 30px; width: 100%; padding: 10px 0 10px 0; }
.dealer-preview-container .dealer-product-pick .spacer { height: 78px; }

/*
======================================== 
css/project/dealer-profil.scss 
======================================== 
*/
.dealer-profil .basic-group, .dealer-profil .phones-group, .dealer-profil .opening-hours-group, .dealer-profil .delivery-options-group { margin-bottom: 40px !important; }
@media (min-width: 768px) { .dealer-profil .basic-group { padding-right: 20px; } }
@media (min-width: 1200px) { .dealer-profil .phones-group { padding: 0 20px; } }
@media (min-width: 768px) { .dealer-profil .phones-group { padding-left: 20px; } }
@media (min-width: 1200px) { .dealer-profil .opening-hours-group { padding: 0 20px; } }
@media (min-width: 768px) { .dealer-profil .opening-hours-group { padding-right: 20px; } }
@media (max-width: 1199px) { .dealer-profil .opening-hours-group { clear: both; } }
@media (min-width: 768px) { .dealer-profil .delivery-options-group { padding-left: 20px; } }
.dealer-profil .payment-group { white-space: normal; overflow-wrap: break-word; word-wrap: break-word; margin-bottom: 0; word-break: break-all; }

/*
========================================  css/project/error.scss 
======================================== 
*/
.error-page .error-content { margin-left: 8.3333333%; margin-bottom: 50px; }
.error-page .error-banner { position: relative; width: 100%; padding-bottom: 21.33333%; margin-bottom: 40px; }
.error-page .error-banner .ratio-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.error-page .error-banner-inner { background-image: url("/file/images/error-image.jpg"); background-size: cover; }
.error-page h1 { font-size: 24px; line-height: 30px; font-weight: 800; margin-bottom: 24px; font-family: AudiType, Helvetica, Arial, sans-serif; }
@media (max-width: 767px) { .error-page h1 { font-size: 20px; } }
.error-page .btn { font-size: 12px; margin-bottom: 18px; }
.error-page p { font-size: 1.8em; font-weight: 400; margin-bottom: 18px; }
@media (max-width: 767px) { .error-page p { font-size: 1.4em; } }

/*
========================================  css/project/etupdate.scss 
======================================== 
*/
.such-table[alt="Table_ETUpdateTable"] td.col-message { word-break: break-all; }

/*
========================================  css/project/footer.scss 
======================================== 
*/
footer.container { background-color: #333; font-size: 12px; }
@media (max-width: 1199px) { footer.container { width: 100%; } }
footer.container p, footer.container a { color: #fff; }
footer.container a:hover { color: #fff; }
footer.container ul { list-style: none; padding: 20px 60px 30px; margin: 0; }
@media (max-width: 767px) { footer.container ul { padding: 20px; } }
footer.container ul.footer-links { padding-bottom: 0; padding-right: 0; }
@media (max-width: 767px) { footer.container ul.footer-links li { display: block; margin-bottom: 15px; } }
footer.container ul.social-icons { text-align: right; font-size: 25px; line-height: .7; }
@media (max-width: 1199px) { footer.container ul.social-icons { text-align: left; } }
@media (max-width: 767px) { footer.container ul.social-icons { padding-top: 10px; } }
footer.container ul.social-icons li { margin-right: 25px; }
@media (max-width: 559px) { footer.container ul.social-icons li { margin-right: 15px; } }
footer.container ul li { display: inline-block; margin-right: 25px; }
footer.container ul li:last-child { margin-right: 0; }
footer.container hr { margin: 0 60px; display: block; width: auto; padding: 0; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); }
@media (max-width: 767px) { footer.container hr { margin: 0 20px; } }
footer.container p { padding: 17px 60px 9px; font-weight: 400; margin: 0; }
@media (max-width: 767px) { footer.container p { padding: 17px 20px 9px; } }

/*
========================================  css/project/form.scss 
======================================== 
*/
.form-group { font-size: 18px; }
.form-group .form-label { font-size: 12px; font-weight: 200; color: #000; }
.form-group + .form-hint { font-size: 11px; font-weight: 200; color: #808080; margin-top: -14px; display: block; }

.audi-radio-button:not(.checkbox) legend { font-size: 20px; font-weight: 800; margin-bottom: 15px; border: none; }
@media (max-width: 767px) { .audi-radio-button:not(.checkbox) legend { font-size: 16px; } }
.audi-radio-button:not(.checkbox) label { padding-left: 25px; }
.audi-radio-button:not(.checkbox) label > input { display: none; }
.audi-radio-button:not(.checkbox) label .form-label { position: relative; font-weight: 800; line-height: 1.2; display: inline-block; }
.audi-radio-button:not(.checkbox) label .form-label:before { content: ''; position: absolute; border: 1px solid #808080; border-radius: 50%; top: -3px; left: -25px; height: 22px; width: 22px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
.audi-radio-button:not(.checkbox) label .form-label:after { content: ''; position: absolute; width: 8px; height: 8px; background: #cccccc; border-radius: 50%; top: 4px; left: -18px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; }
.audi-radio-button:not(.checkbox) label input:checked + .form-label:after { width: 12px; height: 12px; top: 2px; left: -20px; background: #000; }
.audi-radio-button:not(.checkbox) label:hover input:not(:checked) + .form-label:before { border-color: #000; }
.audi-radio-button:not(.checkbox) label:hover input:not(:checked) + .form-label:after { width: 12px; height: 12px; top: 2px; left: -20px; }
.audi-radio-button:not(.checkbox) label:hover input:checked + .form-label:before { border-color: #000; }
.audi-radio-button:not(.checkbox) label:hover input:checked + .form-label:after { width: 8px; height: 8px; top: 4px; left: -18px; }
.audi-radio-button:not(.checkbox) .form-error-container { position: absolute; font-size: 11px; bottom: -20px; }
.audi-radio-button:not(.checkbox).fixed-height { height: 40px; }
.audi-radio-button:not(.checkbox).higher { margin-top: 0 !important; }

.audi-form .panel { margin: 0; }
.audi-form .form-obligatory { font-size: 12px; opacity: 0.5; position: absolute; top: -35px; right: 0; }
.audi-form .panel, .audi-form .panel-heading, .audi-form .panel-body { padding: 0; border: none; box-shadow: none; background: none; }
.audi-form .panel-heading { font-size: 16px; line-height: 28px; font-weight: 800; margin-bottom: 20px; font-family: AudiTypeExtended, Helvetica, Arial, sans-serif; }
.audi-form [data-field-type="form"].form-group { margin: 0; }
.audi-form legend { font-size: 16px; line-height: 28px; font-weight: 800; margin-bottom: 20px; font-family: AudiTypeExtended, Helvetica, Arial, sans-serif; border-bottom: none; }
.audi-form .form-field { margin-bottom: 24px; position: relative; margin-top: 12px; }
.audi-form .form-field .form-control { border: 0; border-bottom: 1px solid #808080; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; outline: 0; box-shadow: none; font-weight: 200; color: #000; padding: 6px 0; }
.audi-form .form-field .form-control:hover, .audi-form .form-field .form-control:focus { border-bottom-color: #000; outline: 0; }
.audi-form .form-field.string .form-control, .audi-form .form-field.text .form-control, .audi-form .form-field.textarea .form-control, .audi-form .form-field.password .form-control, .audi-form .form-field.email .form-control, .audi-form .form-field.nip .form-control, .audi-form .form-field.select .form-control, .audi-form .form-field.url .form-control, .audi-form .form-field.time .form-control, .audi-form .form-field.price .form-control, .audi-form .form-field.float .form-control, .audi-form .form-field.combobox .form-control, .audi-form .form-field [data-field-type="postal"] .form-control, .audi-form .form-field [data-field-type="tel"] .form-control { position: relative; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.6); box-shadow: none; outline: none; height: 40px; font-size: 16px; line-height: 15px; padding: 6px 0; }
.audi-form .form-field.string .form-control + label, .audi-form .form-field.text .form-control + label, .audi-form .form-field.textarea .form-control + label, .audi-form .form-field.password .form-control + label, .audi-form .form-field.email .form-control + label, .audi-form .form-field.nip .form-control + label, .audi-form .form-field.select .form-control + label, .audi-form .form-field.url .form-control + label, .audi-form .form-field.time .form-control + label, .audi-form .form-field.price .form-control + label, .audi-form .form-field.float .form-control + label, .audi-form .form-field.combobox .form-control + label, .audi-form .form-field [data-field-type="postal"] .form-control + label, .audi-form .form-field [data-field-type="tel"] .form-control + label { position: absolute; bottom: 0; left: 2px; font-weight: 400; line-height: 40px; margin-bottom: 0; font-size: 16px; color: #808080; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
.audi-form .form-field.string .form-control:focus, .audi-form .form-field.string .form-control.not-empty, .audi-form .form-field.text .form-control:focus, .audi-form .form-field.text .form-control.not-empty, .audi-form .form-field.textarea .form-control:focus, .audi-form .form-field.textarea .form-control.not-empty, .audi-form .form-field.password .form-control:focus, .audi-form .form-field.password .form-control.not-empty, .audi-form .form-field.email .form-control:focus, .audi-form .form-field.email .form-control.not-empty, .audi-form .form-field.nip .form-control:focus, .audi-form .form-field.nip .form-control.not-empty, .audi-form .form-field.select .form-control:focus, .audi-form .form-field.select .form-control.not-empty, .audi-form .form-field.url .form-control:focus, .audi-form .form-field.url .form-control.not-empty, .audi-form .form-field.time .form-control:focus, .audi-form .form-field.time .form-control.not-empty, .audi-form .form-field.price .form-control:focus, .audi-form .form-field.price .form-control.not-empty, .audi-form .form-field.float .form-control:focus, .audi-form .form-field.float .form-control.not-empty, .audi-form .form-field.combobox .form-control:focus, .audi-form .form-field.combobox .form-control.not-empty, .audi-form .form-field [data-field-type="postal"] .form-control:focus, .audi-form .form-field [data-field-type="postal"] .form-control.not-empty, .audi-form .form-field [data-field-type="tel"] .form-control:focus, .audi-form .form-field [data-field-type="tel"] .form-control.not-empty { border-color: #000; }
.audi-form .form-field.string .form-control:focus + label, .audi-form .form-field.string .form-control.not-empty + label, .audi-form .form-field.text .form-control:focus + label, .audi-form .form-field.text .form-control.not-empty + label, .audi-form .form-field.textarea .form-control:focus + label, .audi-form .form-field.textarea .form-control.not-empty + label, .audi-form .form-field.password .form-control:focus + label, .audi-form .form-field.password .form-control.not-empty + label, .audi-form .form-field.email .form-control:focus + label, .audi-form .form-field.email .form-control.not-empty + label, .audi-form .form-field.nip .form-control:focus + label, .audi-form .form-field.nip .form-control.not-empty + label, .audi-form .form-field.select .form-control:focus + label, .audi-form .form-field.select .form-control.not-empty + label, .audi-form .form-field.url .form-control:focus + label, .audi-form .form-field.url .form-control.not-empty + label, .audi-form .form-field.time .form-control:focus + label, .audi-form .form-field.time .form-control.not-empty + label, .audi-form .form-field.price .form-control:focus + label, .audi-form .form-field.price .form-control.not-empty + label, .audi-form .form-field.float .form-control:focus + label, .audi-form .form-field.float .form-control.not-empty + label, .audi-form .form-field.combobox .form-control:focus + label, .audi-form .form-field.combobox .form-control.not-empty + label, .audi-form .form-field [data-field-type="postal"] .form-control:focus + label, .audi-form .form-field [data-field-type="postal"] .form-control.not-empty + label, .audi-form .form-field [data-field-type="tel"] .form-control:focus + label, .audi-form .form-field [data-field-type="tel"] .form-control.not-empty + label { font-size: 12px; bottom: 20px; }
.audi-form .form-field.string .form-control:-webkit-autofill, .audi-form .form-field.text .form-control:-webkit-autofill, .audi-form .form-field.textarea .form-control:-webkit-autofill, .audi-form .form-field.password .form-control:-webkit-autofill, .audi-form .form-field.email .form-control:-webkit-autofill, .audi-form .form-field.nip .form-control:-webkit-autofill, .audi-form .form-field.select .form-control:-webkit-autofill, .audi-form .form-field.url .form-control:-webkit-autofill, .audi-form .form-field.time .form-control:-webkit-autofill, .audi-form .form-field.price .form-control:-webkit-autofill, .audi-form .form-field.float .form-control:-webkit-autofill, .audi-form .form-field.combobox .form-control:-webkit-autofill, .audi-form .form-field [data-field-type="postal"] .form-control:-webkit-autofill, .audi-form .form-field [data-field-type="tel"] .form-control:-webkit-autofill { border-color: #000; }
.audi-form .form-field.string .form-control:-webkit-autofill + label, .audi-form .form-field.text .form-control:-webkit-autofill + label, .audi-form .form-field.textarea .form-control:-webkit-autofill + label, .audi-form .form-field.password .form-control:-webkit-autofill + label, .audi-form .form-field.email .form-control:-webkit-autofill + label, .audi-form .form-field.nip .form-control:-webkit-autofill + label, .audi-form .form-field.select .form-control:-webkit-autofill + label, .audi-form .form-field.url .form-control:-webkit-autofill + label, .audi-form .form-field.time .form-control:-webkit-autofill + label, .audi-form .form-field.price .form-control:-webkit-autofill + label, .audi-form .form-field.float .form-control:-webkit-autofill + label, .audi-form .form-field.combobox .form-control:-webkit-autofill + label, .audi-form .form-field [data-field-type="postal"] .form-control:-webkit-autofill + label, .audi-form .form-field [data-field-type="tel"] .form-control:-webkit-autofill + label { font-size: 12px; bottom: 20px; }
.audi-form .form-field.string .form-control:-webkit-autofill, .audi-form .form-field.text .form-control:-webkit-autofill, .audi-form .form-field.textarea .form-control:-webkit-autofill, .audi-form .form-field.password .form-control:-webkit-autofill, .audi-form .form-field.email .form-control:-webkit-autofill, .audi-form .form-field.nip .form-control:-webkit-autofill, .audi-form .form-field.select .form-control:-webkit-autofill, .audi-form .form-field.url .form-control:-webkit-autofill, .audi-form .form-field.time .form-control:-webkit-autofill, .audi-form .form-field.price .form-control:-webkit-autofill, .audi-form .form-field.float .form-control:-webkit-autofill, .audi-form .form-field.combobox .form-control:-webkit-autofill, .audi-form .form-field [data-field-type="postal"] .form-control:-webkit-autofill, .audi-form .form-field [data-field-type="tel"] .form-control:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; }
.audi-form .form-field.string .form-control[disabled], .audi-form .form-field.string .form-control[readonly], .audi-form .form-field.text .form-control[disabled], .audi-form .form-field.text .form-control[readonly], .audi-form .form-field.textarea .form-control[disabled], .audi-form .form-field.textarea .form-control[readonly], .audi-form .form-field.password .form-control[disabled], .audi-form .form-field.password .form-control[readonly], .audi-form .form-field.email .form-control[disabled], .audi-form .form-field.email .form-control[readonly], .audi-form .form-field.nip .form-control[disabled], .audi-form .form-field.nip .form-control[readonly], .audi-form .form-field.select .form-control[disabled], .audi-form .form-field.select .form-control[readonly], .audi-form .form-field.url .form-control[disabled], .audi-form .form-field.url .form-control[readonly], .audi-form .form-field.time .form-control[disabled], .audi-form .form-field.time .form-control[readonly], .audi-form .form-field.price .form-control[disabled], .audi-form .form-field.price .form-control[readonly], .audi-form .form-field.float .form-control[disabled], .audi-form .form-field.float .form-control[readonly], .audi-form .form-field.combobox .form-control[disabled], .audi-form .form-field.combobox .form-control[readonly], .audi-form .form-field [data-field-type="postal"] .form-control[disabled], .audi-form .form-field [data-field-type="postal"] .form-control[readonly], .audi-form .form-field [data-field-type="tel"] .form-control[disabled], .audi-form .form-field [data-field-type="tel"] .form-control[readonly] { background: none; border-color: #cccccc; color: #808080; }
.audi-form .form-field.string .form-control[disabled] + label, .audi-form .form-field.string .form-control[readonly] + label, .audi-form .form-field.text .form-control[disabled] + label, .audi-form .form-field.text .form-control[readonly] + label, .audi-form .form-field.textarea .form-control[disabled] + label, .audi-form .form-field.textarea .form-control[readonly] + label, .audi-form .form-field.password .form-control[disabled] + label, .audi-form .form-field.password .form-control[readonly] + label, .audi-form .form-field.email .form-control[disabled] + label, .audi-form .form-field.email .form-control[readonly] + label, .audi-form .form-field.nip .form-control[disabled] + label, .audi-form .form-field.nip .form-control[readonly] + label, .audi-form .form-field.select .form-control[disabled] + label, .audi-form .form-field.select .form-control[readonly] + label, .audi-form .form-field.url .form-control[disabled] + label, .audi-form .form-field.url .form-control[readonly] + label, .audi-form .form-field.time .form-control[disabled] + label, .audi-form .form-field.time .form-control[readonly] + label, .audi-form .form-field.price .form-control[disabled] + label, .audi-form .form-field.price .form-control[readonly] + label, .audi-form .form-field.float .form-control[disabled] + label, .audi-form .form-field.float .form-control[readonly] + label, .audi-form .form-field.combobox .form-control[disabled] + label, .audi-form .form-field.combobox .form-control[readonly] + label, .audi-form .form-field [data-field-type="postal"] .form-control[disabled] + label, .audi-form .form-field [data-field-type="postal"] .form-control[readonly] + label, .audi-form .form-field [data-field-type="tel"] .form-control[disabled] + label, .audi-form .form-field [data-field-type="tel"] .form-control[readonly] + label { color: #cccccc; }
.audi-form .form-field.string .form-control[data-valid-required="1"] + label:after, .audi-form .form-field.text .form-control[data-valid-required="1"] + label:after, .audi-form .form-field.textarea .form-control[data-valid-required="1"] + label:after, .audi-form .form-field.password .form-control[data-valid-required="1"] + label:after, .audi-form .form-field.email .form-control[data-valid-required="1"] + label:after, .audi-form .form-field.nip .form-control[data-valid-required="1"] + label:after, .audi-form .form-field.select .form-control[data-valid-required="1"] + label:after, .audi-form .form-field.url .form-control[data-valid-required="1"] + label:after, .audi-form .form-field.time .form-control[data-valid-required="1"] + label:after, .audi-form .form-field.price .form-control[data-valid-required="1"] + label:after, .audi-form .form-field.float .form-control[data-valid-required="1"] + label:after, .audi-form .form-field.combobox .form-control[data-valid-required="1"] + label:after, .audi-form .form-field [data-field-type="postal"] .form-control[data-valid-required="1"] + label:after, .audi-form .form-field [data-field-type="tel"] .form-control[data-valid-required="1"] + label:after { content: '*'; }
.audi-form .form-field.string textarea.form-control, .audi-form .form-field.text textarea.form-control, .audi-form .form-field.textarea textarea.form-control, .audi-form .form-field.password textarea.form-control, .audi-form .form-field.email textarea.form-control, .audi-form .form-field.nip textarea.form-control, .audi-form .form-field.select textarea.form-control, .audi-form .form-field.url textarea.form-control, .audi-form .form-field.time textarea.form-control, .audi-form .form-field.price textarea.form-control, .audi-form .form-field.float textarea.form-control, .audi-form .form-field.combobox textarea.form-control, .audi-form .form-field [data-field-type="postal"] textarea.form-control, .audi-form .form-field [data-field-type="tel"] textarea.form-control { border: 1px solid rgba(0, 0, 0, 0.5); height: 110px; padding: 10px; }
.audi-form .form-field.string textarea.form-control + label, .audi-form .form-field.text textarea.form-control + label, .audi-form .form-field.textarea textarea.form-control + label, .audi-form .form-field.password textarea.form-control + label, .audi-form .form-field.email textarea.form-control + label, .audi-form .form-field.nip textarea.form-control + label, .audi-form .form-field.select textarea.form-control + label, .audi-form .form-field.url textarea.form-control + label, .audi-form .form-field.time textarea.form-control + label, .audi-form .form-field.price textarea.form-control + label, .audi-form .form-field.float textarea.form-control + label, .audi-form .form-field.combobox textarea.form-control + label, .audi-form .form-field [data-field-type="postal"] textarea.form-control + label, .audi-form .form-field [data-field-type="tel"] textarea.form-control + label { margin-bottom: 75px; padding-left: 5px; }
.audi-form .form-field.string textarea.form-control:focus + label, .audi-form .form-field.string textarea.form-control:-webkit-autofill + label, .audi-form .form-field.string textarea.form-control.not-empty + label, .audi-form .form-field.text textarea.form-control:focus + label, .audi-form .form-field.text textarea.form-control:-webkit-autofill + label, .audi-form .form-field.text textarea.form-control.not-empty + label, .audi-form .form-field.textarea textarea.form-control:focus + label, .audi-form .form-field.textarea textarea.form-control:-webkit-autofill + label, .audi-form .form-field.textarea textarea.form-control.not-empty + label, .audi-form .form-field.password textarea.form-control:focus + label, .audi-form .form-field.password textarea.form-control:-webkit-autofill + label, .audi-form .form-field.password textarea.form-control.not-empty + label, .audi-form .form-field.email textarea.form-control:focus + label, .audi-form .form-field.email textarea.form-control:-webkit-autofill + label, .audi-form .form-field.email textarea.form-control.not-empty + label, .audi-form .form-field.nip textarea.form-control:focus + label, .audi-form .form-field.nip textarea.form-control:-webkit-autofill + label, .audi-form .form-field.nip textarea.form-control.not-empty + label, .audi-form .form-field.select textarea.form-control:focus + label, .audi-form .form-field.select textarea.form-control:-webkit-autofill + label, .audi-form .form-field.select textarea.form-control.not-empty + label, .audi-form .form-field.url textarea.form-control:focus + label, .audi-form .form-field.url textarea.form-control:-webkit-autofill + label, .audi-form .form-field.url textarea.form-control.not-empty + label, .audi-form .form-field.time textarea.form-control:focus + label, .audi-form .form-field.time textarea.form-control:-webkit-autofill + label, .audi-form .form-field.time textarea.form-control.not-empty + label, .audi-form .form-field.price textarea.form-control:focus + label, .audi-form .form-field.price textarea.form-control:-webkit-autofill + label, .audi-form .form-field.price textarea.form-control.not-empty + label, .audi-form .form-field.float textarea.form-control:focus + label, .audi-form .form-field.float textarea.form-control:-webkit-autofill + label, .audi-form .form-field.float textarea.form-control.not-empty + label, .audi-form .form-field.combobox textarea.form-control:focus + label, .audi-form .form-field.combobox textarea.form-control:-webkit-autofill + label, .audi-form .form-field.combobox textarea.form-control.not-empty + label, .audi-form .form-field [data-field-type="postal"] textarea.form-control:focus + label, .audi-form .form-field [data-field-type="postal"] textarea.form-control:-webkit-autofill + label, .audi-form .form-field [data-field-type="postal"] textarea.form-control.not-empty + label, .audi-form .form-field [data-field-type="tel"] textarea.form-control:focus + label, .audi-form .form-field [data-field-type="tel"] textarea.form-control:-webkit-autofill + label, .audi-form .form-field [data-field-type="tel"] textarea.form-control.not-empty + label { margin-bottom: 78px; padding-left: 0; }
.audi-form .form-field.string div.form-control, .audi-form .form-field.text div.form-control, .audi-form .form-field.textarea div.form-control, .audi-form .form-field.password div.form-control, .audi-form .form-field.email div.form-control, .audi-form .form-field.nip div.form-control, .audi-form .form-field.select div.form-control, .audi-form .form-field.url div.form-control, .audi-form .form-field.time div.form-control, .audi-form .form-field.price div.form-control, .audi-form .form-field.float div.form-control, .audi-form .form-field.combobox div.form-control, .audi-form .form-field [data-field-type="postal"] div.form-control, .audi-form .form-field [data-field-type="tel"] div.form-control { line-height: 40px; }
.audi-form .form-field.string .form-error-container, .audi-form .form-field.text .form-error-container, .audi-form .form-field.textarea .form-error-container, .audi-form .form-field.password .form-error-container, .audi-form .form-field.email .form-error-container, .audi-form .form-field.nip .form-error-container, .audi-form .form-field.select .form-error-container, .audi-form .form-field.url .form-error-container, .audi-form .form-field.time .form-error-container, .audi-form .form-field.price .form-error-container, .audi-form .form-field.float .form-error-container, .audi-form .form-field.combobox .form-error-container, .audi-form .form-field [data-field-type="postal"] .form-error-container, .audi-form .form-field [data-field-type="tel"] .form-error-container { position: absolute; font-size: 11px; top: 40px; }
.audi-form .form-field.time .form-control + label, .audi-form .form-field [data-field-type="postal"] .form-control + label, .audi-form .form-field.product-count .form-control + label { font-size: 12px !important; bottom: 20px !important; }
.audi-form .form-field.combobox { z-index: 0; }
.audi-form .form-field.combobox label { position: absolute; bottom: 0; left: 2px; font-weight: 400; line-height: 40px; margin-bottom: 0; font-size: 16px; color: #808080; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
.audi-form .form-field.combobox .combobox-wrapper.not-empty + label { font-size: 12px; bottom: 20px; }
.audi-form .form-field.multiple [role="subform"] { position: relative; }
.audi-form .form-field.multiple a[href='#rm'] { position: absolute; right: 0; bottom: -15px; z-index: 1; }
.audi-form .form-field.multiple a[href='#rm']:hover { text-decoration: underline; }
.audi-form .form-field.multiple a[href='#add']:hover { text-decoration: underline; }
.audi-form .form-field.checkbox label { padding-left: 40px; }
.audi-form .form-field.checkbox label:hover .form-label:before { border-color: #000; }
.audi-form .form-field.checkbox input { display: none; }
.audi-form .form-field.checkbox input + .form-label:before { content: ''; position: absolute; top: 5px; left: 1px; width: 24px; height: 24px; border: 1px solid rgba(0, 0, 0, 0.5); -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
.audi-form .form-field.checkbox input + .form-label:after { content: ''; position: absolute; top: 11px; left: 7px; width: 12px; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon fill='%23333333' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /%3E%3C/svg%3E") center center no-repeat; opacity: 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
.audi-form .form-field.checkbox input:checked + .form-label:before { border-color: #000; }
.audi-form .form-field.checkbox input:checked + .form-label:after { opacity: 1; }
.audi-form .form-field.checkbox .form-error-container { position: absolute; bottom: -25px; font-size: 11px; }
.audi-form .form-field.has-error { color: #bb0a30; }
.audi-form .form-field.has-error label { color: #bb0a30 !important; }
.audi-form .form-field.has-error .form-control { border-color: #bb0a30; }
.audi-form .form-field.no-margin-bottom { margin-bottom: 0; }
@media (max-width: 1199px) { .audi-form .form-field.no-margin-bottom-md { margin-bottom: 0; } }
@media (max-width: 991px) { .audi-form .form-field.no-margin-bottom-sm { margin-bottom: 0; } }
@media (max-width: 767px) { .audi-form .form-field.no-margin-bottom-xs { margin-bottom: 0; } }
@media (min-width: 1200px) { .audi-form .form-field.no-margin-bottom-only-lg { margin-bottom: 0; } }
@media (max-width: 1199px) { .audi-form .form-field.no-margin-bottom-only-md { margin-bottom: 0; } }
@media (max-width: 1199px) { .audi-form .form-field.no-margin-bottom-only-sm { margin-bottom: 0; } }
@media (max-width: 1199px) { .audi-form .form-field.no-margin-bottom-only-xs { margin-bottom: 0; } }
.audi-form .form-field.radio + .radio, .audi-form .form-field.radio + .checkbox, .audi-form .form-field.checkbox + .radio, .audi-form .form-field.checkbox + .checkbox { margin-top: 0; }

.form-error-container { font-size: 11px; color: #bb0a30; }

.form-field.gallery label { width: 100%; }
.form-field.gallery .file-item { display: block; margin-bottom: 10px; }
.form-field.gallery .file-item a.peek { white-space: normal; overflow-wrap: break-word; word-wrap: break-word; margin-bottom: 0; word-break: break-all; }
.form-field.gallery .file-item .btn { margin-left: 5px; }

.form-field.folder label { width: 100%; }
.form-field.folder .file-item { display: block; margin-bottom: 10px; }
.form-field.folder .file-item a.peek { white-space: normal; overflow-wrap: break-word; word-wrap: break-word; margin-bottom: 0; word-break: break-all; }
.form-field.folder .file-item .btn { margin-left: 5px; }

textarea { resize: none; }
textarea .form-control:focus { border-color: #cccccc; box-shadow: none; }

.rodo-agreements-form .submit-group { clear: both; }
.rodo-agreements-form .btn { width: 100%; }

#ui-datepicker-div { font-size: 80%; }

.form-field #categoriesList, .form-field #productsList { padding-left: 0; }
.form-field #categoriesList .get-text, .form-field #productsList .get-text { font-size: 14px; vertical-align: middle; }
.form-field #categoriesList button, .form-field #productsList button { background: none; border: none; box-shadow: none; outline: none; vertical-align: middle; height: 30px; }
.form-field #categoriesList button:hover, .form-field #productsList button:hover { color: #bb0a30; }
.form-field #categoriesList button i, .form-field #productsList button i { height: 30px; vertical-align: top; line-height: 28px; }

.form-field.selecten-only-visible select { background: none; border: none; padding: 0; }
.form-field.selecten-only-visible select option:not([selected]) { display: none; }
.form-field.selecten-only-visible select option { padding: 6px 0; }
.form-field.selecten-only-visible select option:checked { background: white linear-gradient(0deg, #ffffff 0%, #ffffff 100%); font-size: 14px; opacity: 1; }

.radio-post-label { margin-bottom: 15px; font-size: 0.8em; }

#consentServicePackageForm label .form-label { font-size: 15px; }

div[data-field-name-raw="year"] input { text-align: center; }
div[data-field-name-raw="year"] .form-error-container { font-size: 14px; margin-top: 10px; text-align: center; }

/*
======================================== 
css/project/input-with-float-label.scss 
======================================== 
*/
.has-float-label { display: block; position: relative; }
.has-float-label label, .has-float-label > span { position: absolute; cursor: text; font-size: 75%; opacity: 1; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; top: -.5em; left: 0; z-index: 3; line-height: 1; padding: 0 1px; }
.has-float-label label::after, .has-float-label > span::after { content: " "; display: block; position: absolute; background: white; height: 2px; top: 50%; left: -.2em; right: -.2em; z-index: -1; }
.has-float-label .form-control::-webkit-input-placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.has-float-label .form-control::-moz-placeholder { opacity: 1; transition: all .2s; }
.has-float-label .form-control:-ms-input-placeholder { opacity: 1; transition: all .2s; }
.has-float-label .form-control::placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder, .has-float-label .form-control:placeholder-shown:not(:focus) ::-moz-placeholder, .has-float-label .form-control:placeholder-shown:not(:focus) :-ms-input-placeholder, .has-float-label .form-control:placeholder-shown:not(:focus) ::placeholder { opacity: 0; }
.has-float-label .form-control:placeholder-shown:not(:focus) + * { font-size: 100%; opacity: .5; top: .5em; }

.input-group .has-float-label { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.input-group .has-float-label .form-control { width: 100%; border-radius: 0.25rem; }
.input-group .has-float-label:not(:last-child), .input-group .has-float-label:not(:last-child) .form-control { border-bottom-right-radius: 0; border-top-right-radius: 0; border-right: 0; }
.input-group .has-float-label:not(:first-child), .input-group .has-float-label:not(:first-child) .form-control { border-bottom-left-radius: 0; border-top-left-radius: 0; }

/*
========================================  css/project/modal.scss 
======================================== 
*/
body .modal .modal-dialog .modal-header { padding: 30px 15px 0; }
@media (max-width: 767px) { body .modal .modal-dialog .modal-header { padding: 15px 15px 0; } }
body .modal .modal-dialog .modal-header .modal-title { font-size: 35px; text-align: center; line-height: 1.2; }
@media (max-width: 767px) { body .modal .modal-dialog .modal-header .modal-title { font-size: 24px; } }
body .modal .modal-dialog .modal-header .close { opacity: 1; width: 48px; height: 48px; overflow: hidden; line-height: 48px; outline: 0; }
@media (max-width: 767px) { body .modal .modal-dialog .modal-header .close { width: 40px; height: 40px; line-height: 40px; margin-top: -10px; margin-right: -10px; } }
body .modal .modal-dialog .modal-header .close:before { content: '\E83E'; font-family: AudiTypeGlyphs; font-size: 48px; font-weight: 200; color: #000; display: block; }
@media (max-width: 767px) { body .modal .modal-dialog .modal-header .close:before { font-size: 40px; } }
body .modal .modal-dialog .tabs-centered { margin-top: 0; }
@media (max-width: 767px) { body .modal #salesGroup { padding: 15px; } }
body .modal #salesGroup .sales-group-image { max-width: 100%; height: auto; }
body .modal #salesGroup .select-salesGroup { font-size: 14px; line-height: 20px; color: #808080; border-bottom: 1px solid #f2f2f2; display: block; margin: 0 5px; padding: 10px 0; }
@media (min-width: 992px) { body .modal #salesGroup .single-sales-group:nth-child(3n+1) { clear: both; } }
@media (min-width: 560px) and (max-width: 991px) { body .modal #salesGroup .single-sales-group:nth-child(2n+1) { clear: both; } }
@media (max-width: 559px) { body .modal #salesGroup .single-sales-group { width: 100%; } }
@media (max-width: 419px) { body .modal #carLines .carline-image { width: 100%; } }
body .modal #carLines .select-carLine img { width: 100%; height: auto; }
body .modal #carLines .select-carLine .audiglyph { font-size: 48px; }
@media (max-width: 767px) { body .modal.added-to-cart-modal { text-align: center; } }
@media (max-width: 767px) { body .modal.added-to-cart-modal .btn { width: 100%; margin-top: 20px; } }
@media (max-width: 767px) { body .modal.added-to-cart-modal .btn + .btn { margin-top: 10px; } }

/*
======================================== 
css/project/model-categories.scss 
======================================== 
*/
.model-categories-container > ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0 50px 50px 50px; }
.model-categories-container > li { display: inline; }
.model-categories-elements { list-style: none; padding-left: 10px; }
.model-categories-elements li { word-break: break-word; position: relative; max-width: 157px; }
.model-categories-elements li:before { content: ''; position: absolute; border-right: 1px solid black; border-bottom: 1px solid black; width: 6px; height: 6px; top: 14px; left: -10px; transform: translateY(-50%) rotate(-45deg); }

/*
========================================  css/project/navbar.scss 
======================================== 
*/
body header { position: fixed !important; }
body .navbar.navbar-default #audi-logo { display: block; float: left; width: 93px; margin-right: 22px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
@media (max-width: 991px) { body .navbar.navbar-default #audi-logo { width: 69px; } }
body .navbar.navbar-default #audi-claim { font-family: AudiTypeExtended; font-size: 14px; line-height: 1; color: #000; float: left; margin-top: 3px; margin-right: 22px; }
@media (max-width: 991px) { body .navbar.navbar-default #audi-claim { display: none; } }
body .navbar.navbar-default .audi-dealer { font-family: AudiTypeExtended; font-size: 14px; line-height: 1; color: #000; float: left; margin-top: 21px; white-space: nowrap; }
body .navbar.navbar-default .audi-dealer button.btn.btn-icon { margin: 2px 0 2px 5px; padding: 0; overflow: hidden; }
@media (max-width: 991px) { body .navbar.navbar-default .audi-dealer { display: none; } }
body .navbar.navbar-default .container { position: relative; }
body .navbar.navbar-default .navbar-brand { height: auto; margin: 18px 0px 10px 50px; padding: 0; }
@media (max-width: 991px) { body .navbar.navbar-default .navbar-brand { margin: 15px 0px; }
  body .navbar.navbar-default .navbar-brand #audi-logo { margin-right: 0; } }
@media (max-width: 991px) { body .navbar.navbar-default .navbar-brand { position: absolute; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } }
@media (min-width: 992px) { body .navbar.navbar-default .navbar-header .search-cart-menu { display: none; } }
body .navbar.navbar-default .navbar-toggle { font-size: 24px; height: 24px; line-height: 1; float: left; margin: 0; padding: 0; border: none; margin-top: 18px; }
@media (max-width: 991px) { body .navbar.navbar-default .navbar-toggle { margin-left: 20px; } }
body .navbar.navbar-default .navbar-toggle:hover, body .navbar.navbar-default .navbar-toggle:focus { background-color: transparent; }
body .navbar.navbar-default .navbar-collapse .search-cart-menu { margin-top: -10px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
@media (max-width: 991px) { body .navbar.navbar-default .navbar-collapse .search-cart-menu { display: none; } }
body .navbar.navbar-default .user-menu { margin: 0 35px; padding: 0; }
body .navbar.navbar-default .user-menu .dropdown .dropdown-toggle { margin: 0; border-bottom: none; }
body .navbar.navbar-default .user-menu .dropdown .dropdown-menu { padding: 0; }
body .navbar.navbar-default .user-menu .dropdown .dropdown-menu li { margin: 0; padding: 0 10px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
body .navbar.navbar-default .user-menu .dropdown .dropdown-menu li:hover { background: #f2f2f2; }
@media (max-width: 991px) { body .navbar.navbar-default .user-menu li a { color: #fff; opacity: 0.5; } }
body .navbar.navbar-default .navbar-nav li a { font-size: 12px; font-weight: 200; }
body .navbar.navbar-default .navbar-nav.navbar-categories { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
body .navbar.navbar-default .navbar-nav.navbar-categories > li { position: static; }
body .navbar.navbar-default .navbar-nav.navbar-categories > li > a { font-family: AudiTypeExtended; font-size: 16px; padding: 6px 0 4px; margin-left: 15px; margin-right: 15px; }
@media (max-width: 1199px) { body .navbar.navbar-default .navbar-nav.navbar-categories > li > a { font-size: 14px; margin-left: 8px; margin-right: 8px; } }
body .navbar.navbar-default .navbar-nav.navbar-categories > li .dropdown { display: none; background-color: #fff; position: fixed; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 120px; width: 1100px; max-width: calc(100vw - 50px); padding: 25px 28px 50px; box-shadow: 0 10px 50px -20px rgba(0, 0, 0, 0.3); -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
body .navbar.navbar-default .navbar-nav.navbar-categories > li .dropdown ul { list-style: none; padding: 0; }
body .navbar.navbar-default .navbar-nav.navbar-categories > li .dropdown ul li a:not(.btn) { font-family: AudiType; padding: 14px 0; border-bottom: 1px solid #f2f2f2; font-size: 16px; display: block; color: #808080; }
body .navbar.navbar-default .navbar-nav.navbar-categories > li .dropdown ul li a:not(.btn):hover { color: #000; }
body .navbar.navbar-default .navbar-nav.navbar-categories > li .dropdown ul li a:not(.btn) .audiglyph { font-size: 24px; line-height: 30px; }
body .navbar.navbar-default .navbar-nav.navbar-categories > li .dropdown .collections { padding: 0; list-style: none; margin: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; align-content: flex-start; }
body .navbar.navbar-default .navbar-nav.navbar-categories > li .dropdown .collections li { flex-basis: calc(25% - 7px); display: flex; flex-direction: column; justify-content: space-between; }
body .navbar.navbar-default .navbar-nav.navbar-categories > li .dropdown .collections li .collection-picture { position: relative; width: 100%; }
body .navbar.navbar-default .navbar-nav.navbar-categories > li .dropdown .collections li .collection-picture img { width: 100%; }
body .navbar.navbar-default .navbar-nav.navbar-categories > li .dropdown .collections li .collection-picture h3 { position: absolute; bottom: 30px; left: 10px; right: 0; font-size: 30px; color: #fff; font-weight: 800; margin: 0; }
body .navbar.navbar-default .navbar-nav.navbar-categories > li .dropdown .collections li p { padding: 10px; }
body .navbar.navbar-default .navbar-nav.navbar-categories > li .dropdown .collections li .btn { font-size: 16px; line-height: 24px; margin-left: 10px; margin-right: 10px; width: auto; }
body .navbar.navbar-default .navbar-nav.navbar-categories > li.active a:not(.btn) { border-bottom: 2px solid #000; padding-bottom: 2px; }
body .navbar.navbar-default .navbar-nav.navbar-categories > li.active .dropdown { display: block; }
body .navbar.navbar-default li[data-menu="client/Profile.index"] a { font-size: 0; height: 50px; }
body .navbar.navbar-default li[data-menu="client/Profile.index"] a i { font-size: 24px; display: inline-block; }
body.navbar-sticked header { height: 60px; box-shadow: 0 12px 25px -20px rgba(0, 0, 0, 0.5); z-index: 1000; }
@media (max-width: 991px) { body.navbar-sticked header { box-shadow: none; height: 55px; } }
body.navbar-sticked .navbar-default { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
body.navbar-sticked .navbar-default .navbar-nav.navbar-categories { position: absolute; top: 2px; left: 135px; }
body.navbar-sticked .navbar-default .navbar-nav.navbar-categories li a { padding-top: 14px; padding-bottom: 14px; font-size: 14px; }
@media (max-width: 1199px) { body.navbar-sticked .navbar-default .navbar-nav.navbar-categories li a { font-size: 12px; } }
body.navbar-sticked .navbar-default .navbar-nav.navbar-categories li .dropdown { top: 60px; }
body.navbar-sticked .navbar-default .navbar-nav.navbar-right { display: none; }
body.navbar-sticked .navbar-default .navbar-collapse .search-cart-menu { top: 12px; right: 35px; position: absolute; }
@media (min-width: 992px) { body.navbar-sticked .navbar-default #audi-logo { width: 69px; } }
body.navbar-sticked .navbar-default #audi-claim, body.navbar-sticked .navbar-default .audi-dealer { display: none; }
body.navbar-sticked #searchbox { top: 60px; }
body .mobile-menu-logo { display: none; width: 75px; }
@media (max-width: 991px) { body .mobile-menu-logo { display: block; } }
body .mobile-menu-name { display: none; font-size: 9px; margin-top: 5px; font-family: AudiTypeExtended, Helvetica, Arial, sans-serif; color: #fff; }
@media (max-width: 991px) { body .mobile-menu-name { display: block; } }
body .user-menu-mobile { display: none; background: #333; position: fixed; top: 0; left: 0; right: 0; height: 100vh; width: 270px; overflow: auto; padding: 20px 25px; z-index: 1001; }
body .user-menu-mobile .audiglyph { margin-top: -2px; vertical-align: middle; }
body .user-menu-mobile .audiglyph.audiglyph-cancel { color: #fff; position: absolute; top: 0px; right: 10px; font-size: 40px; }
body .user-menu-mobile .audiglyph.audiglyph-forward, body .user-menu-mobile .audiglyph.audiglyph-arrow-down { font-size: 24px; position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; }
body .user-menu-mobile ul { padding-left: 0; }
body .user-menu-mobile ul ul { list-style-type: none; padding-left: 20px; }
body .user-menu-mobile ul ul ul { padding-left: 15px; background: #1a1a1a; margin-left: -50px; padding-left: 50px; margin-right: -25px; padding-left: 65px; }
body .user-menu-mobile li a, body .user-menu-mobile li .category-with-submenu { position: relative; font-size: 16px; padding: 16px 0; padding-right: 20px; border-bottom: 1px solid #808080; display: block; line-height: 1.2; cursor: pointer; }
@media (max-width: 767px) { body .user-menu-mobile li a, body .user-menu-mobile li .category-with-submenu { font-size: 14px; } }
body .user-menu-mobile li a.open, body .user-menu-mobile li .category-with-submenu.open { border-bottom: none; }
body .user-menu-mobile li a:hover, body .user-menu-mobile li a:focus, body .user-menu-mobile li .category-with-submenu:hover, body .user-menu-mobile li .category-with-submenu:focus { background: transparent; outline: none; }
body .user-menu-mobile li a .audiglyph-forward, body .user-menu-mobile li .category-with-submenu .audiglyph-forward { display: block; }
body .user-menu-mobile li a .audiglyph-arrow-down, body .user-menu-mobile li .category-with-submenu .audiglyph-arrow-down { display: none; }
body .user-menu-mobile li a.open, body .user-menu-mobile li .category-with-submenu.open { opacity: 1 !important; }
body .user-menu-mobile li a.open .audiglyph-forward, body .user-menu-mobile li .category-with-submenu.open .audiglyph-forward { display: none; }
body .user-menu-mobile li a.open .audiglyph-arrow-down, body .user-menu-mobile li .category-with-submenu.open .audiglyph-arrow-down { display: block; }
body .user-menu-mobile li a.initial-active, body .user-menu-mobile li .category-with-submenu.initial-active { opacity: 1 !important; }
body .user-menu-mobile li:last-child > a, body .user-menu-mobile li:last-child > .category-with-submenu { border: none; }
body .user-menu-mobile .plain-text { font-size: 13px; color: #fff; opacity: 0.5; }
body .user-menu-mobile .user-menu-title { margin-top: 20px; }
body .user-menu-mobile .dropdown .dropdown-toggle:after { content: '\E884'; }
body .user-menu-mobile .dropdown.open .dropdown-toggle:after { content: '\E810'; }
body .user-menu-mobile .dropdown li { border-bottom: none !important; margin: 0 !important; }
body .user-menu-mobile .dropdown li a { border-color: #808080; font-size: 14px; line-height: 1.2 !important; color: #fff !important; opacity: 0.5 !important; white-space: normal; padding: 16px 20px 16px 0 !important; }
body .user-menu-mobile .dropdown-menu { padding: 0 !important; padding-left: 20px !important; }
body .user-menu-mobile a.dropdown-toggle { padding: 16px 20px 16px 0; border-color: #808080 !important; background-color: transparent !important; }
body .user-menu-mobile a.dropdown-toggle:before { content: none; }
body .user-menu-mobile a.dropdown-toggle:after { position: absolute; top: 50%; transform: translateY(-50%); right: 4px; }
body .category-with-submenu { color: #fff; opacity: 0.5; }
body .collapse-audi { display: none; }
body .collapse-audi.open { display: block; }
body.mobile-menu-open { overflow: hidden; height: 100vh; }
body.mobile-menu-open .main { overflow: hidden; }
body.mobile-menu-open footer { display: none; }
body.mobile-menu-open .user-menu-mobile { display: block; }
body.mobile-menu-open .user-menu-mobile li a { color: #fff; opacity: 0.5; }
body.mobile-menu-open .audi-dealer { color: rgba(255, 255, 255, 0.5); margin: 15px 0 30px; font-family: AudiTypeExtended; font-size: 14px; line-height: 1.2; }
body.mobile-menu-open .audi-dealer div { display: inline-block; margin-right: 5px; }
body.mobile-menu-open .audi-dealer .btn { display: inline-block; vertical-align: bottom; padding: 0; margin-top: 5px; }
body.mobile-menu-open .audi-dealer .btn:hover { color: white; }

.padding-fix { padding: 17px 5px 5px 5px !important; }

.navbar-header > ul.navbar-right { margin-right: 30px; }
@media (max-width: 991px) { .navbar-header > ul.navbar-right { display: none; } }
.navbar-header > ul.navbar-right li a { padding: 10px !important; }
.navbar-header > ul.navbar-right li a.dropdown-toggle { border: none; }
.navbar-header > ul.navbar-right li a i { display: none; }

div.navbar-header { display: contents; }

/*
========================================  css/project/notify.scss 
======================================== 
*/
#notify-container { display: block; position: absolute; left: 0; top: 0; right: 0; z-index: 99999; }
#notify-container .notify-item { display: block; text-align: center; color: #fff; font-size: 24px; font-family: AudiTypeExtended; font-weight: 400; padding: 30px; background-color: rgba(26, 26, 26, 0.75); }
#notify-container .notify-item h1 { margin: 0; }
#notify-container .notify-item .remove-notify { display: block; position: absolute; top: 30px; right: 30px; width: 40px; height: 40px; font-size: 30px; line-height: 40px; text-align: center; color: #fff; cursor: pointer; }
#notify-container .notify-item .remove-notify:before { content: '\E83E'; font-family: AudiTypeGlyphs; }

/*
========================================  css/project/order.scss 
======================================== 
*/
/** actions */
.sp-class label { font-size: 16px; }

@media (max-width: 767px) { .order-actions-1 .btn { width: 100%; margin-bottom: 4px; } }

.order-actions-2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; }
@media (max-width: 767px) { .order-actions-2 { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }
@media (max-width: 767px) { .order-actions-2 .btn { width: 100%; margin-bottom: 4px; } }
.order-actions-2 .panel { margin: 0; border: none; width: 100%; box-shadow: none; }
.order-actions-2 .panel-body { padding: 0; }
.order-actions-2 .panel-body .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; }
.order-actions-2 .panel-body .row:after, .order-actions-2 .panel-body .row:before { content: none; }
@media (max-width: 767px) { .order-actions-2 .panel-body .row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

/** Steps */
.nav.nav-pills.nav-justified.order-steps { margin-bottom: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; }
@media (max-width: 767px) { .nav.nav-pills.nav-justified.order-steps { display: none; } }
.nav.nav-pills.nav-justified.order-steps .order-step { -webkit-flex-basis: 20%; -moz-flex-basis: 20%; -ms-flex-basis: 20%; flex-basis: 20%; align-items: center; line-height: 1.2; border: 1px solid #000; width: auto; margin: 0 2px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
.nav.nav-pills.nav-justified.order-steps .order-step a { background-color: transparent; color: #000; border-color: #000; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; align-items: center; height: 100%; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
@media (max-width: 991px) { .nav.nav-pills.nav-justified.order-steps .order-step a { font-size: 14px; } }
.nav.nav-pills.nav-justified.order-steps .order-step.disabled { opacity: 0.3; cursor: not-allowed; }
.nav.nav-pills.nav-justified.order-steps .order-step.active { border-color: #808080; background: #808080; }
.nav.nav-pills.nav-justified.order-steps .order-step.active a { color: #fff; }
.nav.nav-pills.nav-justified.order-steps .order-step:not(.disabled):not(.active):hover { border-color: #808080; }
.nav.nav-pills.nav-justified.order-steps .order-step:not(.disabled):not(.active):hover a { color: #808080; }
.nav.nav-pills.nav-justified.order-steps .order-step:first-child { margin-left: 0; }
.nav.nav-pills.nav-justified.order-steps .order-step:last-child { margin-right: 0; }

.order-steps-mobile { margin-bottom: 20px; }
@media (min-width: 768px) { .order-steps-mobile { display: none; } }

.order-steps-mobile-heading { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; }
.order-steps-mobile-heading h3 { font-family: AudiTypeExtended, Helvetica, Arial, sans-serif; font-size: 21px; line-height: 24px; margin: 20px 0; }
.order-steps-mobile-heading i { font-size: 48px; line-height: 1; margin-top: 7px; }

.order-steps-line { height: 4px; background: #f2f2f2; }

.order-steps-line-inner { height: 100%; background: #bb0a30; }

/** Cart - first step */
body .page-header h1.order-heading { position: static; color: #000; font-size: 35px; line-height: 44px; color: #333; font-weight: 300; margin-top: 40px; }
@media (max-width: 767px) { body .page-header h1.order-heading { margin: 30px 0; font-size: 18px; line-height: 20px; } }

.order-product-list { font-size: 16px; }

.order-product-list-head { text-align: right; }
.order-product-list-head .order-product-list-col-1 { text-align: left; }
.order-product-list-head .order-product-list-col-2 { height: 1px; }

.order-product-list-body { line-height: 28px; border-bottom: 1px solid #000; }
@media (max-width: 767px) { .order-product-list-body { font-size: 12px; line-height: 18px; } }
.order-product-list-body .order-product-list-row { padding: 30px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.order-product-list-body .btn-remove-product { margin-top: 10px; }
@media (max-width: 767px) { .order-product-list-body .btn-remove-product { margin-top: 0; } }
.order-product-list-body .order-product-list-col-3 { padding-left: 40px; }
@media (max-width: 991px) { .order-product-list-body .order-product-list-col-3 { padding-left: 0; } }
.order-product-list-body .product-count { max-width: 60px; }

.order-product-list-product-title { font-size: 20px; font-family: AudiTypeExtended, Helvetica, Arial, sans-serif; }
@media (max-width: 991px) { .order-product-list-product-title { font-size: 16px; } }
@media (max-width: 767px) { .order-product-list-product-title { font-size: 12px; } }

.order-product-list-product-subtitle { font-size: 16px; display: block; }
@media (max-width: 991px) { .order-product-list-product-subtitle { font-size: 12px; margin-bottom: 10px; } }

.order-product-list-pricing { display: none; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; font-weight: 800; }
@media (max-width: 419px) { .order-product-list-pricing { display: block; } }
@media (max-width: 767px) { .order-product-list-pricing { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } }

.order-product-list-footer { font-size: 20px; font-weight: 800; padding: 30px 0; padding-left: 25%; border-bottom: 1px solid #000; }
@media (max-width: 991px) { .order-product-list-footer { font-size: 16px; line-height: 24px; } }
@media (max-width: 767px) { .order-product-list-footer { padding: 30px 0; } }
.order-product-list-footer.summary { padding-left: 0; border-bottom: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
@media (max-width: 767px) { .order-product-list-footer.summary { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }
.order-product-list-footer.summary .btn { margin-right: 20px; }
@media (max-width: 767px) { .order-product-list-footer.summary .btn { margin-right: 0; margin-top: 20px; width: 100%; } }
.order-product-list-footer .list-footer-pricing { flex-basis: 100%; }

.order-product-list-col { float: left; }

.order-product-list-col-1 { width: 28%; }
@media (max-width: 991px) { .order-product-list-col-1 { width: 16%; } }
@media (max-width: 767px) { .order-product-list-col-1 { width: auto; } }
.order-product-list-col-1 img { width: 100%; }
@media (max-width: 767px) { .order-product-list-col-1 img { width: 115px; } }
@media (min-width: 768px) { .order-product-list-col-1 .product-count { display: none; } }
@media (min-width: 768px) { .order-product-list-col-1 .btn-remove-product { display: none; } }
.order-product-list-col-1 .regular-itemss-count { display: none; }

.order-product-list-col-2 { width: 28%; padding-left: 5px; }
@media (max-width: 991px) { .order-product-list-col-2 { width: 40%; } }
@media (max-width: 767px) { .order-product-list-col-2 { width: calc(100% - 125px); } }
@media (max-width: 767px) { .order-product-list-col-2 .btn-remove-product { display: none; } }

.order-product-list-col-3 { position: relative; width: 8%; }
@media (max-width: 767px) { .order-product-list-col-3 { display: none; } }
@media (max-width: 767px) { .order-product-list-col-3 .product-count { display: none; } }

.order-product-list-col-4, .order-product-list-col-5 { width: 18%; text-align: right; font-weight: 800; }
@media (max-width: 767px) { .order-product-list-col-4, .order-product-list-col-5 { display: none; } }
@media (max-width: 767px) { .order-product-list-col-4, .order-product-list-col-5 { display: none; } }

/**  Delivery - second step  */
.delivery-login { margin-bottom: 20px; font-weight: 800; }

.login-form .form-field { margin: 0; margin-right: 20px; }
@media (max-width: 767px) { .login-form .form-field:not(:last-child) { margin-bottom: 20px; } }
.login-form .btn { padding: 5px 60px; }
@media (max-width: 767px) { .login-form .btn { width: 100%; } }

.consent-group label { line-height: 1; }

@media (max-width: 991px) { .delivery-group { clear: both; } }

@media (max-width: 991px) { .hr1 { clear: both; } }

.hr2 { margin-bottom: 0; }

.audi-form.delivery-form .address-group { padding-right: 20px; }
.audi-form.delivery-form .invoice-group { padding: 0 20px; }
@media (max-width: 991px) { .audi-form.delivery-form .invoice-group { padding-right: 0; } }
.audi-form.delivery-form .delivery-group { margin-bottom: 0; padding-left: 20px; }
@media (max-width: 991px) { .audi-form.delivery-form .delivery-group { padding-left: 0; padding-right: 20px; } }
@media (min-width: 992px) { .audi-form.delivery-form .address-group, .audi-form.delivery-form .invoice-group, .audi-form.delivery-form .delivery-group { margin-bottom: 0; } }
@media (max-width: 767px) { .audi-form.delivery-form .address-group, .audi-form.delivery-form .invoice-group, .audi-form.delivery-form .delivery-group { padding-left: 2px; padding-right: 2px; } }
.audi-form.delivery-form .register-group { margin-bottom: 0; }
@media (min-width: 768px) { .audi-form.delivery-form .register-group { padding-right: 20px; } }
.audi-form.delivery-form .consent-group { margin-bottom: 0; }
@media (min-width: 768px) { .audi-form.delivery-form .consent-group { padding-left: 20px; } }
.audi-form.delivery-form .order-actions-2 { margin-bottom: 100px; }
@media (max-width: 767px) { .audi-form.delivery-form .order-actions-2 { margin-bottom: 40px; } }

/**  Payment - fourth step  */
.payment-form .radio { margin-top: 0; }
.payment-form .radio legend { font-family: AudiTypeExtended, Helvetica, Arial, sans-serif; }
.payment-form .form-field.textarea label { font-size: 20px; margin-bottom: 20px; font-family: AudiTypeExtended, Helvetica, Arial, sans-serif; }
@media (max-width: 767px) { .payment-form .form-field.textarea label { font-size: 16px; } }
.payment-form .form-field.textarea textarea { resize: none; height: 150px; }

.totalPrice { margin-top: 40px; margin-bottom: 0; }

.total-price.panel { margin-bottom: 0; }
@media (max-width: 767px) { .total-price.panel { width: 100%; } }
.total-price.panel .form-field { margin-bottom: 0; }

/**  Summary - fifth step  */
@media (min-width: 768px) { .order-summary .address-preview-wrapper { padding-left: 20px; } }
.order-summary .dealer-preview, .order-summary .address-preview { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
@media (max-width: 767px) { .order-summary .dealer-preview .btn, .order-summary .address-preview .btn { width: 100%; } }
.order-summary .service-package-consent-hr { height: 1px; margin: 5px; background: black; }
@media (max-width: 990px) { .order-summary .btn-full-width { width: 100%; margin-top: 2px; } }

.summary-payment { margin-top: 40px; }
.summary-payment .preview-box { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
@media (max-width: 767px) { .summary-payment .btn:not(.btn-link) { width: 100%; margin-bottom: 20px; } }
@media (max-width: 767px) { .summary-payment ul { padding-left: 10px; margin-left: 10px; } }
.summary-payment ul li { margin-bottom: 10px; }
@media (min-width: 800px) { .summary-payment #changePaymentBtn { position: absolute; top: 0; right: 0; } }
@media (max-width: 800px) { .summary-payment #changePaymentBtn { width: 100%; } }

.added-to-cart-modal .modal-content { min-height: 160px; }

/*
========================================  css/project/owl.carousel.scss 
======================================== 
*/
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

.owl-height { transition: height 500ms ease-in-out; }

.no-js .owl-carousel { display: block; }

/*
========================================  css/project/popover.scss 
======================================== 
*/
.popover { border: none; padding: 0; }
.popover .popover-title { font-size: 14px; background: #cccccc; }
.popover .popover-content { font-size: 14px; line-height: 1.4; }

/*
========================================  css/project/popup.scss 
======================================== 
*/
#popUp { display: none; z-index: 1050; position: fixed; background-color: rgba(0, 0, 0, 0.75); }
#popUp .popUp-dialog { height: 100%; padding-top: 5%; }
#popUp .popUp-dialog img { max-width: 100%; }
#popUp .popUp-wrapper { position: relative; }
#popUp .popUp-body { overflow-y: auto; max-height: 600px; padding: 0; }
#popUp .popUp-text { padding: 0 52px 52px 52px; }
#popUp .popUp-header { padding: 0; }
#popUp #popUpClose { margin-top: 3px; }
@media (max-width: 767px) { #popUp #popUpClose { margin-right: 0; } }

.youtube-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; }
.youtube-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
========================================  css/project/preview-box.scss 
======================================== 
*/
.preview-box { position: relative; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #808080; }
@media (max-width: 767px) { .preview-box { padding-bottom: 10px; } }
.preview-box h4 { margin: 0; font-weight: 800; padding-right: 30px; }
@media (max-width: 767px) { .preview-box h4 { font-size: 16px; } }
.preview-box p { line-height: 1.2; }
@media (max-width: 991px) { .preview-box p { font-size: 1.4em; } }
@media (max-width: 767px) { .preview-box p { font-size: 1.2em; } }

/*
======================================== 
css/project/product-filters.scss 
======================================== 
*/
.row-sorting { margin-bottom: 50px; }
@media (max-width: 767px) { .row-sorting { margin-bottom: 20px; } }

.sort-title, .filter-title, .sorting-button { display: none; }

@media (max-width: 991px) { body .row-sorting { overflow: auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #333; z-index: 1000; margin: 0; padding: 0; margin-left: -2px; width: calc(100% + 4px); display: none; }
  body .row-sorting.open { display: block; }
  body .row-sorting .custom-dropdown-wrapper { margin-left: 0; margin-right: 0; margin-bottom: 8px; }
  body .row-sorting .dropdown .dropdown-toggle { color: #fff; border: none; padding-left: 20px; position: relative; }
  body .row-sorting .dropdown .dropdown-toggle:before { content: ''; height: 1px; background: #f2f2f2; position: absolute; bottom: 0; left: 40px; right: 20px; -moz-transition-duration: 0; -o-transition-duration: 0; -webkit-transition-duration: 0; transition-duration: 0; opacity: 0.5; }
  body .row-sorting .dropdown .dropdown-toggle.no-border:before { content: none; }
  body .row-sorting .dropdown .dropdown-toggle:last-child:before { content: none; }
  body .row-sorting .dropdown .dropdown-toggle li:before { left: 60px; }
  body .row-sorting .dropdown .dropdown-toggle li li:before { left: 80px; }
  body .row-sorting .dropdown .dropdown-toggle li li li:before { left: 100px; }
  body .row-sorting .dropdown .dropdown-toggle:before { left: 20px; }
  body .row-sorting .dropdown .dropdown-toggle:after { color: #f2f2f2; right: 20px; opacity: 0.5; }
  body .row-sorting .dropdown .dropdown-toggle[aria-expanded="true"]:before { content: none; }
  body .row-sorting .dropdown .dropdown-toggle:hover:after { color: #fff; opacity: 1; }
  body .row-sorting .dropdown .dropdown-menu { position: relative; width: 100%; }
  body .row-sorting .dropdown .dropdown-menu li, body .row-sorting .dropdown .dropdown-menu li:hover, body .row-sorting .dropdown .dropdown-menu .filter-empty { background: #1a1a1a !important; border: none; position: relative; }
  body .row-sorting .dropdown .dropdown-menu li:before, body .row-sorting .dropdown .dropdown-menu li:hover:before, body .row-sorting .dropdown .dropdown-menu .filter-empty:before { content: ''; height: 1px; background: #f2f2f2; position: absolute; bottom: 0; left: 40px; right: 20px; -moz-transition-duration: 0; -o-transition-duration: 0; -webkit-transition-duration: 0; transition-duration: 0; opacity: 0.5; }
  body .row-sorting .dropdown .dropdown-menu li.no-border:before, body .row-sorting .dropdown .dropdown-menu li:hover.no-border:before, body .row-sorting .dropdown .dropdown-menu .filter-empty.no-border:before { content: none; }
  body .row-sorting .dropdown .dropdown-menu li:last-child:before, body .row-sorting .dropdown .dropdown-menu li:hover:last-child:before, body .row-sorting .dropdown .dropdown-menu .filter-empty:last-child:before { content: none; }
  body .row-sorting .dropdown .dropdown-menu li li:before, body .row-sorting .dropdown .dropdown-menu li:hover li:before, body .row-sorting .dropdown .dropdown-menu .filter-empty li:before { left: 60px; }
  body .row-sorting .dropdown .dropdown-menu li li li:before, body .row-sorting .dropdown .dropdown-menu li:hover li li:before, body .row-sorting .dropdown .dropdown-menu .filter-empty li li:before { left: 80px; }
  body .row-sorting .dropdown .dropdown-menu li li li li:before, body .row-sorting .dropdown .dropdown-menu li:hover li li li:before, body .row-sorting .dropdown .dropdown-menu .filter-empty li li li:before { left: 100px; }
  body .row-sorting .dropdown .dropdown-menu li a, body .row-sorting .dropdown .dropdown-menu li:hover a, body .row-sorting .dropdown .dropdown-menu .filter-empty a { color: #cccccc; }
  body .row-sorting .dropdown .dropdown-menu li a:hover, body .row-sorting .dropdown .dropdown-menu li:hover a:hover, body .row-sorting .dropdown .dropdown-menu .filter-empty a:hover { color: #fff !important; }
  body .row-sorting .dropdown .dropdown-menu li.active a, body .row-sorting .dropdown .dropdown-menu li:hover.active a, body .row-sorting .dropdown .dropdown-menu .filter-empty.active a { color: #fff !important; }
  body .row-sorting .dropdown .dropdown-menu li:not(.filter-empty) a.category-filter { background: #000; color: #cccccc; }
  body .row-sorting .dropdown .dropdown-menu li.dropdown-submenu.open > a { color: #cccccc; }
  body .row-sorting .dropdown .dropdown-submenu > a:after { color: #cccccc; margin-right: 20px; opacity: 0.5; }
  body .row-sorting .dropdown .dropdown-submenu > a:hover:after { color: #fff; opacity: 1; }
  body .row-sorting .dropdown .product-filter-dropdown-item { padding-left: 40px; padding-top: 10px; padding-bottom: 10px; }
  body .row-sorting .dropdown .product-filter-dropdown-item:hover { color: #fff !important; }
  body .row-sorting .form-label { color: #808080; padding-left: 20px; }
  body .row-sorting .checkbox label { margin-right: 15px; margin-top: -10px; }
  body .row-sorting .checkbox .form-label { color: #cccccc; padding-left: 35px; }
  body .row-sorting .checkbox .form-label:after { color: #cccccc !important; border-color: #cccccc !important; float: left !important; margin-right: 15px; }
  body .row-sorting .checkbox .form-label:hover { color: #fff !important; }
  body .row-sorting .checkbox .form-label:hover:after { border-color: #fff !important; }
  body .row-sorting .col-xs-12 { width: 100%; }
  body .row-sorting .form-group .form-label { color: #808080; }
  body .table-wrapper.loading .row-sorting-overlay { position: fixed; background: #1a1a1a; opacity: 0.5; top: 0; bottom: 0; left: 0; right: 0; z-index: 1001; }
  .sort-title, .filter-title { display: block; color: white; padding: 20px; }
  .sort-title i, .filter-title i { font-size: 40px; height: 40px; line-height: 40px; margin-right: -10px; margin-top: -10px; cursor: pointer; }
  .sorting-button { display: inline-block; margin: 20px 0; } }
/*
========================================  css/project/product.scss 
======================================== 
*/
.products-wrapper { margin-bottom: 60px; }
@media (max-width: 767px) { .products-wrapper { margin-bottom: 0; } }
.products-wrapper table.table, .products-wrapper .table-responsive { margin-bottom: 0; }
.products-wrapper .pagination-space { margin-bottom: 80px; }
@media (max-width: 767px) { .products-wrapper .pagination-space { margin-bottom: 60px; } }
.products-wrapper .table-wrapper { overflow-x: hidden; border: none; }
.products-wrapper .dropdown-backdrop { display: none; }

@media (max-width: 767px) { .parameter-wrapper:last-child { margin-bottom: 20px; } }

.product-list { width: 100%; overflow: hidden; padding-bottom: 10px; }
.product-list:not(.collection) { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00000000', endColorstr='#0D000000'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 300, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.05))); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 300px); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 300px); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 300px); }
.product-list.collection ul li:first-child { padding: 0; }
.product-list.collection ul li:first-child img { width: 100%; margin-bottom: 36px; }
.product-list ul, .product-list .no-products { list-style: none; max-width: 1206px; width: 100%; padding: 0 50px; margin: 0 auto; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (max-width: 767px) { .product-list ul, .product-list .no-products { padding: 0 5px; } }
.product-list ul li, .product-list .no-products li { background-color: #fff; padding: 15px; width: calc(25% - 6px); display: block; float: left; margin: 3px; position: relative; }
@media (max-width: 991px) { .product-list ul li, .product-list .no-products li { padding: 10px; } }
@media (max-width: 767px) { .product-list ul li, .product-list .no-products li { width: calc(33.333333333% - 6px); } }
@media (max-width: 559px) { .product-list ul li, .product-list .no-products li { width: calc(50% - 6px); } }
.product-list ul li img, .product-list .no-products li img { width: 100%; }
.product-list ul li .product-discounted, .product-list .no-products li .product-discounted { position: absolute; top: 0; right: 0; background-color: #000; color: #fff; font-weight: 800; font-size: 12px; padding: 5px 10px; line-height: 1; }
.product-list ul li .product-desc, .product-list .no-products li .product-desc { font-size: 16px; font-weight: 200; line-height: 1.25; margin-top: 10px; min-height: 120px; padding-bottom: 40px; text-align: center; }
.product-list ul li .product-price, .product-list .no-products li .product-price { font-size: 12px; font-weight: 600; text-align: center; position: absolute; bottom: 10px; left: 10px; right: 10px; }
.product-list ul li .product-price-old, .product-list .no-products li .product-price-old { font-size: 12px; text-decoration: line-through; font-weight: 200; }
.product-list ul li .promo-price, .product-list .no-products li .promo-price { color: #bb0a30; }
.product-list ul li .product-tax, .product-list .no-products li .product-tax { font-size: 11px; color: #808080; margin-bottom: 50px; }
.product-list .no-products { text-align: center; margin-bottom: 20px; padding: 0 40px; }
@media (max-width: 991px) { .product-list .no-products { font-size: 28px; } }
@media (max-width: 767px) { .product-list .no-products { font-size: 24px; } }
.product-list.product-list-condensed { padding-bottom: 50px; }
.product-list.product-list-condensed ul li { height: 400px; width: calc(20% - 6px); }
.product-list.collection-product-list { margin-bottom: 40px; }
.product-list.collection-product-list .btn { border-color: #000; color: #000; margin: 80px auto; white-space: normal; }
@media (max-width: 767px) { .product-list.collection-product-list .btn { margin: 40px auto; } }

.product-details { padding: 50px 0; }
.product-details .product-gallery { padding-left: 30px; }
@media (max-width: 991px) { .product-details .product-gallery { padding: 0; } }
.product-details .product-gallery #product-thumbnails { list-style: none; padding: 0; width: 88px; margin-right: 20px; float: left; position: relative; }
@media (min-width: 992px) { .product-details .product-gallery #product-thumbnails { height: calc(100% - 50px); margin-top: 25px; margin-left: calc(-100%); } }
@media (max-width: 991px) { .product-details .product-gallery #product-thumbnails { width: calc(100% - 50px); margin-left: 25px; } }
.product-details .product-gallery #product-thumbnails a { margin-bottom: 20px; padding: 0; display: block; opacity: .5; outline: none; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.product-details .product-gallery #product-thumbnails a.active { opacity: 1; }
.product-details .product-gallery #product-thumbnails a img { width: 100%; }
.product-details .product-gallery #product-thumbnails a img:focus { outline: none; }
@media (max-width: 991px) { .product-details .product-gallery #product-thumbnails a { margin-bottom: 0; padding: 0 3px; } }
.product-details .product-gallery #product-thumbnails:before, .product-details .product-gallery #product-thumbnails:after { content: ''; position: absolute; z-index: 1; }
@media (min-width: 992px) { .product-details .product-gallery #product-thumbnails:before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%); left: 0; top: 0; right: 0; height: 20px; } }
@media (max-width: 991px) { .product-details .product-gallery #product-thumbnails:before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); left: 10; top: 0; bottom: 0; width: 10%; } }
@media (min-width: 992px) { .product-details .product-gallery #product-thumbnails:after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); left: 0; bottom: 0; right: 0; height: 20px; } }
@media (max-width: 991px) { .product-details .product-gallery #product-thumbnails:after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); right: 0; top: 0; bottom: 0; width: 10%; } }
.product-details .product-gallery #product-thumbnails .audiglyph { font-size: 48px; position: absolute; z-index: 100; cursor: pointer; }
@media (max-width: 991px) { .product-details .product-gallery #product-thumbnails .audiglyph { font-size: 32px; } }
@media (min-width: 992px) { .product-details .product-gallery #product-thumbnails .audiglyph.prev { left: 50%; top: -60px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } }
@media (max-width: 991px) { .product-details .product-gallery #product-thumbnails .audiglyph.prev { left: -15px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } }
@media (min-width: 992px) { .product-details .product-gallery #product-thumbnails .audiglyph.next { left: 50%; bottom: -40px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } }
@media (max-width: 991px) { .product-details .product-gallery #product-thumbnails .audiglyph.next { right: -15px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } }
.product-details .product-gallery #product-thumbnails .audiglyph.slick-disabled { opacity: 0.5; }
.product-details .product-gallery .product-preview { float: left; width: calc(100% - 108px); }
.product-details .product-gallery .product-preview img { width: 100%; }
@media (min-width: 992px) { .product-details .product-gallery .product-preview { margin-left: 108px; } }
@media (max-width: 991px) { .product-details .product-gallery .product-preview { width: 100%; } }
.product-details .product-description { padding: 0 30px; text-align: right; height: 500px; position: relative; }
@media (max-width: 767px) { .product-details .product-description { height: auto; } }
.product-details .product-description .product-name { font-size: 27px; line-height: 36px; margin: 0 0 15px; }
@media (max-width: 767px) { .product-details .product-description .product-name { text-align: center; font-size: 18px; line-height: 1.4; margin-top: 40px; } }
.product-details .product-description .product-code { font-size: 14px; color: #cccccc; }
@media (max-width: 767px) { .product-details .product-description .product-code { text-align: center; } }
.product-details .product-description .product-params { font-family: AudiTypeExtended; font-size: 16px; }
@media (max-width: 1199px) { .product-details .product-description .product-params { font-size: 14px; } }
@media (max-width: 767px) { .product-details .product-description .product-params { text-align: center; line-height: 1.4; } }
.product-details .product-description .product-stick-bottom { position: absolute; bottom: 0; left: 30px; right: 30px; }
.product-details .product-description .product-price-old { text-decoration: line-through; font-size: 16px; font-weight: 400; }
.product-details .product-description .product-price { font-size: 15px; padding-bottom: 80px; }
.product-details .product-description .promo-price { color: #bb0a30; }
.product-details .product-description .product-tax { font-size: 11px; color: #808080; margin-bottom: 50px; }
.product-details .product-description .product-delivery { font-size: 12px; font-weight: 200; margin-top: 30px; }
.product-details .product-description #last-lowest-price { cursor: help; }

.product-price-modal-dialog { margin: 45vh auto; }
@media screen and (min-width: 768px) { .product-price-modal-dialog { padding: 150px; margin: 30vh auto; } }
.product-price-modal-dialog .modal-content { width: 700px; }
.product-price-modal-dialog .popUp-header { font-weight: 600; font-size: 20px; }

.product-price-popup .product-price-old { text-decoration: line-through; font-size: 16px; font-weight: 400; }
.product-price-popup .product-price { font-size: 15px; padding-bottom: 80px; }
.product-price-popup .promo-price { color: #bb0a30; }
.product-price-popup .product-tax { font-size: 11px; color: #808080; margin-bottom: 50px; }
.product-price-popup .price-legend-number { color: white; background-color: black; border-radius: 50%; padding: 3px 8px; text-align: center; font-size: 16px; }
.product-price-popup .price-legend-text { font-size: 15px; }
.product-price-popup .price-no-wrap { white-space: nowrap; margin-left: 40px; }

.cart-button { margin-top: -95px; }
.cart-button .product-count { margin-top: 14px; width: 80px; }
.cart-button .btn { width: 100%; }

.form-group.product-count { position: relative; min-width: 70px; }
.form-group.product-count .form-control { border: none; border-bottom: 1px solid #000; padding: 6px 0; color: #000; box-shadow: none; }
.form-group.product-count label { margin-left: -3px; }
.form-group.product-count .product-quantity-increase, .form-group.product-count .product-quantity-decrease { position: absolute; right: 0; background: transparent; border: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 27px; color: #000; padding: 0; margin: 0; text-indent: -2px; outline: 0; }
.form-group.product-count .product-quantity-increase { top: 0; }
.form-group.product-count .product-quantity-decrease { top: 21px; }

body .product-page .tab-content .well { padding: 10px; }
@media (max-width: 767px) { body .product-page .tab-content .well { text-align: center; } }
body .product-page .tab-content .description h4 { margin-top: 0; }
@media (max-width: 767px) { body .product-page .tab-content .description { font-size: 16px; padding: 15px; } }
body .product-nav-tabs li { float: none; }
body .product-nav-tabs li a:hover { border: none !important; }
@media (max-width: 767px) { body .product-nav-tabs li a .audiglyph { font-size: 24px; line-height: 1; vertical-align: bottom; float: right; } }
@media (max-width: 767px) { body .recommended-title { font-size: 22px; } }

.zoom-fix .zoomLens, .zoom-fix .zoomWindowContainer { display: none !important; }

/*
========================================  css/project/reports.scss 
======================================== 
*/
.canceled-report-filters .radio, .canceled-reports-filters .radio { margin: 0; }
.canceled-report-filters .audi-radio-button, .canceled-reports-filters .audi-radio-button { margin-top: -12px; padding-left: 10px; }

/*
========================================  css/project/sale.scss 
======================================== 
*/
.sale-img-2 { width: 100%; }

.sale-heading { padding: 40px 50px; }
@media (max-width: 991px) { .sale-heading { padding: 20px; } }

/*
========================================  css/project/search.scss 
======================================== 
*/
#searchbox { position: absolute; top: 118px; left: 50px; right: 50px; background-color: #fff; box-shadow: 0 10px 50px -20px rgba(0, 0, 0, 0.3); -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
@media (max-width: 991px) { #searchbox { left: 0; right: 0; top: 53px; } }
#searchbox .searchbox-inner { padding: 50px 15px 15px; }
#searchbox .input-group { width: 100%; }
#searchbox .form-control { padding-left: 32px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
#searchbox .input-group-addon { position: absolute; top: 8px; left: 0; padding: 0; z-index: 100; }
#searchbox .input-group-addon i { font-size: 24px; color: #000; }

/*
========================================  css/project/static-pages.scss 
======================================== 
*/
.page-homepage .box-wrapper:nth-child(2) { max-width: 917px; margin: 0 auto; }
.page-homepage .box-wrapper:nth-child(2) p { width: 80%; margin: 0 auto; }
@media (max-width: 991px) { .page-homepage .box-wrapper:nth-child(2) p { width: 100%; } }

/*
========================================  css/project/style.scss 
======================================== 
*/
.directions-link { width: 16px; height: 16px; background-image: url("/file/dealer-find/directions.png"); display: inline-block; }

h5 { font-family: AudiType; font-weight: 800; margin-top: 35px; margin-bottom: 30px; }

p { font-weight: 200; }

ul { margin-bottom: 0; }

body { padding-top: 120px; }
@media (max-width: 991px) { body { padding-top: 55px; } }
body > main { min-height: calc(100vh - 240px); }
@media (max-width: 1199px) { body > main { min-height: calc(100vh - 281px); } }
@media (max-width: 991px) { body > main { min-height: calc(100vh - 216px); } }
@media (max-width: 767px) { body > main { min-height: calc(100vh - 391px); } }
@media (max-width: 439px) { body > main { min-height: calc(100vh - 412px); } }
body footer br { display: none; }
@media (max-width: 439px) { body footer br { display: block; } }
body a { text-decoration: none; }
body a:hover, body a:focus { text-decoration: none; }
body .well { box-shadow: none; }
body .ui-autocomplete { z-index: 9999; padding: 0 5px; max-height: 200px; overflow: auto; }
body .ui-autocomplete .ui-menu-item:not(:first-child) { padding-top: 2px; }
body header { position: fixed; top: 0; left: 0; right: 0; z-index: 99; background: #fff; height: 120px; -moz-transition-property: height; -o-transition-property: height; -webkit-transition-property: height; transition-property: height; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
@media (max-width: 991px) { body header { position: static; height: 55px; } }
body .badge { font-weight: 200; }
body .safe-space { margin-top: 80px; margin-bottom: 100px; }
@media (max-width: 991px) { body .safe-space { margin-top: 40px; margin-bottom: 40px; } }
body .safe-space-small { margin-top: 40px; margin-bottom: 60px; }
@media (max-width: 991px) { body .safe-space-small { margin-bottom: 40px; } }
body .tabs-centered { text-align: center; padding: 0; margin: 10px 0 30px; }
body .tabs-centered li { display: inline-block; margin-left: 30px; }
@media (max-width: 559px) { body .tabs-centered li { display: block; margin: 0; margin-bottom: 5px; } }
body .tabs-centered li:first-child { margin-left: 0; }
body .tabs-centered li a { display: block; color: #808080; font-family: AudiTypeExtended; }
@media (max-width: 559px) { body .tabs-centered li a { display: inline-block; } }
body .tabs-centered li.active a { color: #000; border-bottom: 2px solid #000; }
body .page-header { position: relative; border: 0; }
body .page-header img { width: 100%; }
body .title-secondary { margin-top: 20px; }
@media (max-width: 767px) { body .title-secondary { font-size: 24px; line-height: 28px; } }
body .page-header-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
body .page-header-flex h1 { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; }
@media (max-width: 767px) { body .page-header-flex h1 { margin-bottom: 20px; } }
body .page-header-flex .btn { margin-left: 5px; }
@media (max-width: 767px) { body .page-header-flex .btn { margin-bottom: 5px; margin-left: 0px; width: 100%; } }
@media (max-width: 767px) { body .page-header-flex { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }
body .row.row-indented { padding-left: 50px; padding-right: 50px; }
@media (max-width: 991px) { body .row.row-indented { padding-left: 20px; padding-right: 20px; } }
body .row.row-big-tiles { max-width: 1100px; margin-left: auto; margin-right: auto; }
@media (max-width: 1100px) { body .row.row-big-tiles { max-width: none; margin-left: -4px; margin-right: -4px; width: calc(100% + 8px); } }
body .row.row-heading h1 { font-size: 36px; margin-bottom: 20px; }
@media (max-width: 991px) { body .row.row-heading h1 { font-size: 22px; } }
body .contact-footer { background-color: #e5e5e5; padding: 80px 0 40px; }
body .contact-footer h4 { font-size: 16px; margin: 0 0 30px; }
body .contact-footer ul { list-style: none; padding: 0; }
body .contact-footer ul li { font-weight: 200; padding: 4px 0; }
body .contact-footer a { color: #1a1a1a; }
body .contact-footer p { margin-bottom: 10px; line-height: 1.5; }
body .breadcrumbs { padding: 12px 50px; background-color: #f2f2f2; }
@media (max-width: 767px) { body .breadcrumbs { padding: 12px; } }
body .breadcrumbs ol { list-style: none; padding: 0; margin: 0; }
body .breadcrumbs ol li { font-size: 11px; font-weight: 200; color: #000; display: inline-block; }
body .breadcrumbs ol li.active { color: #000; }
body .breadcrumbs ol li:first-child:before { display: none; }
body .breadcrumbs ol li:before { content: ''; box-sizing: border-box; height: .28px; width: 3.11px; border: solid #808080; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-width: 0 1px 1px 0; display: inline-block; padding: 3px; margin-right: 10px; margin-left: 5px; }
body .breadcrumbs ol li a { color: #808080; }
body .breadcrumbs ol li a:hover { color: #000; }
body .breadcrumbs a { font-size: 11px; color: #000; }
body .breadcrumbs .audiglyph { font-size: 24px; line-height: 0; vertical-align: -8px; }
body .nav.nav-tabs { border-bottom: 1px solid #f2f2f2; }
body .nav.nav-tabs li a, body .nav.nav-tabs li a:focus { font-family: AudiTypeExtended; color: #808080; border: 0; padding: 12px 30px; }
body .nav.nav-tabs li.active a, body .nav.nav-tabs li.active a:hover { color: #000; background-color: #f2f2f2; }
body .tab-content .tab-pane { padding: 30px; font-size: 20px; font-weight: 200; }
body .tab-content .tab-pane ul.bullets { list-style: none; }
body .tab-content .tab-pane ul.bullets li:before { font-family: AudiTypeGlyphs; content: '\E884'; float: left; margin-right: 10px; height: 52px; margin-left: -30px; }
body .pagination .audiglyph { font-size: 26px; line-height: 0; vertical-align: -8px; }
body .pagination .active a { border-bottom: 3px solid #000; }
body .pagination li:not(.paginator-mobile):not(.paginator-arrows) { display: inline; }
@media (max-width: 559px) { body .pagination li:not(.paginator-mobile):not(.paginator-arrows) { display: none; } }
body .pagination .paginator-mobile { display: none; }
@media (max-width: 559px) { body .pagination .paginator-mobile { display: inline; } }
body .pagination .paginator-mobile-wrapper span { color: #000; }
body .pagination .paginator-mobile-wrapper:hover { color: #808080; }
body .pagination li.disabled a { border: none; }
body .dropdown-label { font-size: 12px; color: #808080; display: block; margin-bottom: -8px; }
body .dropdown .dropdown-toggle { background-color: transparent; border: 0; border-bottom: 1px solid #808080; padding: 6px 0; margin: 0; display: block; width: 100%; text-align: left; font-weight: 400; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
body .dropdown .dropdown-toggle:before { content: ''; position: absolute; left: 0; right: 0; bottom: 1px; height: 1px; background-color: #000; opacity: 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
body .dropdown .dropdown-toggle:after { content: '\E810'; font-family: AudiTypeGlyphs; font-size: 28px; float: right; width: 22px; height: 26px; line-height: 26px; }
body .dropdown:hover .dropdown-toggle, body .dropdown.open .dropdown-toggle { border-color: #000; }
body .dropdown.open .dropdown-toggle:before { opacity: 1; }
body .dropdown.open .dropdown-toggle:after { content: '\E82A'; }
body .dropdown .dropdown-menu { border: 0; border-radius: 0; box-shadow: 0 10px 50px -20px rgba(0, 0, 0, 0.3); background-color: #fff; margin: 0; padding: 15px 15px 15px 0; right: 0; }
body .dropdown .dropdown-menu li { margin-left: 15px; padding: 0; border-bottom: 1px solid #f2f2f2; }
body .dropdown .dropdown-menu li .btn.btn-default { border: 0; background-color: #000; color: #fff; padding: 8px 0; font-size: 14px; }
body .dropdown .dropdown-menu li .input-group { display: block; }
body .dropdown .dropdown-menu li .input-group label { display: block; padding: 0; }
body .dropdown .dropdown-menu li .input-group.checkbox input, body .dropdown .dropdown-menu li .input-group.radio input { display: none; }
body .dropdown .dropdown-menu li .input-group.checkbox input:checked + .form-label:after, body .dropdown .dropdown-menu li .input-group.radio input:checked + .form-label:after { content: '\E960'; }
body .dropdown .dropdown-menu li .input-group.checkbox .form-label:after, body .dropdown .dropdown-menu li .input-group.radio .form-label:after { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -o-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); font-family: AudiTypeGlyphs; color: #000; line-height: 24px; text-align: center; font-size: 24px; content: ''; width: 24px; height: 24px; border: 1px solid #808080; float: right; text-indent: -1px; margin-top: 2px; }
body .dropdown .dropdown-menu li .input-group.checkbox:hover .form-label:after, body .dropdown .dropdown-menu li .input-group.radio:hover .form-label:after { border-color: #000; }
body .dropdown .dropdown-menu li .input-group.radio .form-label:after { border-radius: 20px; }
body .dropdown .dropdown-menu li ul { list-style: none; padding: 0; }
body .dropdown .dropdown-menu li ul li a { display: block; padding: 10px 0; }
body .dropdown .dropdown-menu li a { color: #808080; padding: 10px 0; font-weight: 200; text-decoration: none; }
body .dropdown .dropdown-menu li a:hover, body .dropdown .dropdown-menu li a:focus { background-color: transparent; }
body .dropdown .dropdown-menu li:last-child { border: 0; }
body .dropdown .dropdown-menu li.dropdown-submenu { position: relative; }
body .dropdown .dropdown-menu li.dropdown-submenu.open > a { color: #000; }
body .dropdown .dropdown-menu li.dropdown-submenu.open > a:after { content: '\E810'; }
body .dropdown .dropdown-menu li.dropdown-submenu:not(.open) ul { display: none; }
body .dropdown .dropdown-menu li.dropdown-submenu > a:after { content: '\E884'; font-family: AudiTypeGlyphs; font-size: 28px; float: right; width: 22px; height: 26px; line-height: 26px; position: absolute; right: 0; top: 10px; }
body .dropdown .dropdown-menu li.dropdown-header { border: 0; color: #808080; font-size: 13px; }
body .dropdown .dropdown-menu li.active a { background-color: transparent; color: #000; }
body .h-space { margin-left: 16px; margin-right: 16px; }
@media (max-width: 767px) { body .h-space-mobile { margin: 0; margin-bottom: 8px; } }
body .subheadline { font-size: 20px; line-height: 1.5; }
body .table-mobile-scrollable .table-responsive { overflow-y: auto; }

.impression { margin-top: 20px; margin-bottom: 20px; }
.impression.heritage { background-color: #f9f3e7; }
.impression.quattro { background-color: #808080; }
.impression.quattro .teaser { color: #fff; }
.impression.quattro .teaser .btn { border-color: #fff; color: #fff; }

.address-preview h4 { margin-bottom: 20px; font-size: 16px; }
@media (max-width: 767px) { .address-preview h4 { font-size: 14px; } }
.address-preview p { margin-bottom: 0; }
.address-preview .btn { margin-top: 14px; }

.notice.text-small { font-size: 12px; }
.notice.padding-left { padding-left: 40px; }
.notice.notice-error { color: #bb0a30; }

.date-range-filter-wrapper { height: 45px; }
.date-range-filter span { margin-top: 8px; float: left; }
.date-range-filter div[class="form-control"] { float: right; width: 80%; }

.text-small { font-size: 0.8em; }

.overflow-ellipsis { max-width: 300px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.margin-top-md { margin-top: 20px; }

.margin-bottom-md { margin-bottom: 20px; }

.font-ate { font-family: AudiTypeExtended; font-size: 26px; }

input[name="searchByYear[year]"] { -webkit-appearance: none; -moz-appearance: textfield; }

.ui-sortable-handle { cursor: pointer; }

#token-info { margin-top: 25px; }

/*
======================================== 
css/project/teaser-banner.scss 
======================================== 
*/
.banner-teaser .teaser { margin: 0 10%; text-align: right; }
@media (max-width: 767px) { .banner-teaser .teaser { text-align: left; margin: 0 5%; } }
.banner-teaser .teaser h1 { font-family: AudiTypeExtended; font-weight: 800; font-size: 31px; line-height: 1.2; margin: 75px 0 15px; }
@media (max-width: 991px) { .banner-teaser .teaser h1 { margin-top: 20px; font-size: 24px; } }
.banner-teaser .teaser p { font-size: 2.0em; line-height: 1.5; margin: 15px 0 25px; }
@media (max-width: 991px) { .banner-teaser .teaser p { font-size: 1.6em; } }
@media (max-width: 767px) { .banner-teaser .teaser .btn { width: 100%; } }

/*
========================================  css/project/tiles.scss 
======================================== 
*/
.image-tile-wrapper { position: relative; width: 100%; padding-bottom: 100%; margin-bottom: 4px; }

.image-tile-title { position: absolute; z-index: 100; width: 100%; padding: 10px; color: #6f3d0f; }

.image-tile { margin-bottom: 4px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.image-tile img { width: 100%; height: auto; }
.image-tile h3 { position: absolute; bottom: 90px; left: 30px; right: 60px; color: #fff; font-family: AudiTypeExtended; font-size: 40px; font-weight: 800; line-height: 40px; }
@media (max-width: 991px) { .image-tile h3 { font-size: 30px; line-height: 40px; margin-bottom: 10px; } }
.image-tile .btn { position: absolute; left: 30px; bottom: 30px; width: 240px; padding-left: 0; padding-right: 0; max-width: calc(100% - 30px * 2); text-align: center; }
.image-tile.relative { position: relative; }

@media (max-width: 559px) { .category-tiles .category-tiles-col { width: 100%; } }
.category-tiles ul { list-style: none; padding: 0 20px; }
@media (max-width: 767px) { .category-tiles ul { padding: 0; } }
.category-tiles ul li { margin-bottom: 4px; position: relative; }
.category-tiles ul li img { width: 100%; }
.category-tiles ul li h3 { position: absolute; bottom: 70px; left: 20px; right: 20px; color: #fff; font-size: 19px; }
.category-tiles ul li .btn { position: absolute; bottom: 20px; left: 20px; padding: 8px 45px; font-size: 14px; }

/*
========================================  css/project/user-login.scss 
======================================== 
*/
.single-form-wrapper { margin: 60px 0; }
@media (max-width: 767px) { .single-form-wrapper { margin: 40px auto; } }
.single-form-wrapper h3 { font-size: 16px; margin-top: 0; font-weight: 800; }
.single-form-wrapper .btn { width: 100%; }
.single-form-wrapper .btn-link { text-align: left; font-size: 12px; }
.single-form-wrapper .btn-login { margin-top: 40px; }

.user-messages-wrapper { margin-top: 80px; }
@media (max-width: 767px) { .user-messages-wrapper { margin-top: 40px; } }

/*
========================================  css/project/user-profil.scss 
======================================== 
*/
.user-profil-form .audi-radio-button { /*height: $form-control-height;*/ }
@media (min-width: 992px) { .user-profil-form .basic-group { padding-right: 20px; margin-bottom: 0; } }
.user-profil-form .invoice-group { margin-bottom: 0; }
@media (min-width: 992px) { .user-profil-form .invoice-group { padding-left: 20px; } }
.user-profil-form .form-field.checkboxRodo { margin-bottom: 0; }
.user-profil-form span[data-field-type="checkbox"] { font-size: 12px; }