Barrhaven Mazda Dealer In Ottawa - New Mazda Vehicles, Used Cars and Trucks, Sales Parts and Service

.banner-header,.banner-header .header,.timers .timer,.timers .timer .time,.timers .timer .time-label,.timers .timer-separator{transition:all .3s}.content{background:#eee;margin:0!important;padding:70px 0}.banners{background-color:#fff;border-radius:16px;overflow:hidden}.banner-header{background-size:cover;background-repeat:no-repeat;background-color:#000;padding:60px 40px 40px}.banner-header .header{margin-bottom:0;font-size:60px;line-height:72px;font-style:italic}.banner-header .subheader{font-size:30px;line-height:38px;font-style:italic;margin-bottom:40px}.timers{display:flex;justify-content:space-around;align-items:center;padding:0 6%}.timers .timer{box-shadow: 0px 2px 4px #0000004d, inset 0px 2px 4px #0000004d;border:6px solid #f5f5f5;border-radius:20px;color:#f5f5f5;display:inline-block;padding:20px 30px;text-align:center;flex:1;margin:0 10px}.timers .timer .time{font-size:60px;line-height:62px;font-weight:bold;margin-bottom:5px}.timers .timer .time-label{font-size:28px;line-height:30px}.timers .timer-separator{font-size:40px;line-height:40px;font-weight:bold}.timers .timer .time,.timers .timer .time-label,.banner-header .header,.banner-header .subheader,.timers .timer-separator{text-shadow:0 2px 4px #000;color:#f5f5f5}.banner-list{padding:20px}.banner-list .banner-result{padding:20px;box-shadow:0 3px 6px #000}.banner-list .banner-result:not(:first-child) {margin-top:50px}.large-buttons{font-size:28px!important;line-height:76px!important;border-radius:120px!important;padding:12px 0!important;text-align:center!important;box-shadow: 0px 1px 0px 1px #0000003b !important}.cus-margin-bottom{margin-bottom:10px}html{scroll-behavior:smooth}@media only screen and (max-width:1250px) and (min-width:992px){.large-buttons{font-size:26px!important;line-height:60px!important}}@media only screen and (max-width:1100px) and (min-width:992px){.large-buttons{font-size:22px!important;line-height:48px!important}}@media only screen and (max-width:1300px){.banner-header{padding:50px 20px 30px}}@media only screen and (max-width:1200px){.timers .timer .time{font-size:50px;line-height:42px}.timers .timer{padding:15px 10px}}@media only screen and (max-width:991px){.timers{padding:0}.banner-header{padding:40px 20px 30px}.banner-header .header{font-size:50px;line-height:60px}.banner-header .subheader{font-size:26px;line-height:33px;margin-bottom:30px}}@media only screen and (max-width:930px){.banner-header .header{font-size:40px;line-height:50px}.timers .timer .time{font-size:40px;line-height:32px}.timers .timer .time-label{font-size:22px;line-height:22px}.timers .timer{border:4px solid #f5f5f5;border-radius:14px}.banner-header .subheader{font-size:22px;line-height:33px}}@media only screen and (max-width:768px){.banner-header .header{font-size:36px;line-height:44px}.banner-list{padding:20px 10px}.banner-list .banner-result{padding:10px}.timers .timer .time-label{font-size:15px;line-height:15px}.banner-header{padding:30px 20px 20px}.timers .timer-separator{font-size:30px;line-height:30px}.timers .timer .time{font-size:34px;line-height:34px}.large-buttons{font-size:30px!important;line-height:64px!important}.cus-margin-bottom{margin-bottom:10px}.img-container{padding:0!important}.timers .timer{border:3px solid #f5f5f5;border-radius:12px;margin:0 5px}.banner-header .subheader{font-size:20px;line-height:28px}}@media only screen and (max-width:576px){.banner-header{padding:25px 15px 15px}.banners{border-radius:10px}.banner-header .header{font-size:30px;line-height:36px}.timers .timer-separator{font-size:20px;line-height:20px}.timers .timer .time-label{font-size:13px;line-height:13px}.timers .timer .time{font-size:26px;line-height:26px}.large-buttons{font-size:20px!important;line-height:40px!important}.timers .timer{border:2px solid #f5f5f5;padding:10px 0;border-radius:10px}.banner-header .subheader{font-size:18px;line-height:28px;margin-bottom:20px}}@media only screen and (max-width:420px){.banner-header .header{font-size:28px;line-height:34px;padding:5px 0}.large-buttons{font-size:16px!important;line-height:20px!important}.cus-margin-bottom{margin-bottom:5px}.timers .timer .time{font-size:20px;line-height:20px}.timers .timer .time-label{font-size:10px;line-height:10px}.timers .timer{border-radius:9px}.timers .timer-separator{font-size:14px;line-height:14px}.banner-header .subheader{font-size:16px;line-height:22px;margin-bottom:20px;margin-top:5px}}@media only screen and (max-width:320px){.banner-header .header{font-size:24px;line-height:34px;padding:5px 0}.large-buttons{font-size:10px!important;line-height:6px!important}.timers .timer{padding:6px 0;border-radius:6px;margin:0 2px}.timers .timer .time-label{font-size:8px;line-height:8px}}

NEW VEHICLE SPECIALS