/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul { }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
body.is-loading * {-moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; -moz-animation: none !important; -webkit-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;}
/* Override all fonts, font sizes, text decorations, weights and colors */
*, h1, h2, h3, h4, h5, h6, p, ul, ol, label, a { font-family: 'Roboto', sans-serif; font-size: inherit; text-decoration: inherit; font-weight: inherit; color: inherit; }
.bold, strong { font-family: 'Roboto', sans-serif; font-weight: 700; }
.italic, em { font-family: 'Roboto', sans-serif; font-style: italic; }
.bold-italic, .italic-bold, strong em, em strong { font-family: 'Roboto', sans-serif; font-weight: 700; font-style: italic; }
.light { font-family: 'Roboto', sans-serif; font-weight: 300; }
.light em, em.light { font-family: 'Roboto', sans-serif; font-weight: 300; font-style: italic; }
html { width: 100%; font-size: 100%; line-height: 1.6875; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { width: 100%; height: 100%; }
.container { width: 100%; max-width: 1280px; margin: 0 auto; }
header, .banner, .content, footer { float: left; width: 100%; }
h1 { font-family: 'Roboto', sans-serif; font-size: 2.2em; line-height: 1.0em; font-weight: 700; color: #007E44; padding: 0 0 20px; }
h2 { font-family: 'Roboto', sans-serif; font-size: 2.0em; line-height: 1.0em; font-weight: 700; color: #007E44; padding: 0 0 20px; }
h3 { font-family: 'Roboto', sans-serif; font-size: 1.8em; line-height: 1.2em; font-weight: 400; color: #414042; padding: 0 0 20px; }
h4 { font-family: 'Roboto', sans-serif; font-size: 1.4em; line-height: 1.2em; font-weight: 700; color: #007E44; padding: 0 0 20px; }
h5 { font-family: 'Roboto', sans-serif; font-size: 1.2em; line-height: 1.1em; font-weight: 700; color: #414042; padding: 0 0 20px; }
h6 { font-family: 'Roboto', sans-serif; font-size: 1.0em; line-height: 1.1em; font-weight: 700; color: #414042; padding: 0 0 20px; }
.header-top, .header-mid, .header-bottom { float: left; width: 100%; }
.header-top { background: #000; padding: 12px 0; margin: 0 0 12px; }
nav.language { float: left; width: 50%; text-align: left; }
.manitoba { float: right; width: 40%; text-align: right; margin: 0 5%; }
nav.language ul { float: left; width: 90%; list-style: none; font-size: .9em; margin: 6px 10% 0; }
nav.language ul li { float: left; width: auto; }
nav.language ul li a { display: block; color: #fff; padding: 1px; }
nav.language ul li a:hover { color: #E4E5E5; }
.logo-area { float: left; width: 50%; }
.logo { float: left; width: 33%; padding: 12px 0; }
.logo a { color: #007E44; }
.logo h1 { padding: 0; }
.logo a:hover h1 { color: #057236; }
.tagline { float: left; width: 67%; padding: 12px 20% 0 0; margin: 7px 0 0; }
.tagline h2 { color: #007E44; font-size: 1.3em; padding: 0; }
.search { float: right; width: 50%; padding: 40px 0 0 24%; }
#cp-head-searchfield { float: left; width: 70%; border: solid 1px #9A9C9F; border-top: solid 1px #b3b4b7; border-left: solid 1px #b3b4b7; padding: 7px 8px 8px; }
#bsc-head-searchsubmit { background: #007E44; float: left; width: 28%; color: #D7F4DC; font-size: 0.8em; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); border-top: solid 1px #3d9d71; border-left: solid 1px #3d9d71; border-bottom: solid 1px #006f3c; border-right: solid 1px #006f3c; margin: 0 0 0 2%; padding: 10px 0; cursor: pointer; }
#bsc-head-searchsubmit:hover { background: #057236; color: #fff; }
.logo-area-fr { width: 72%; }
.logo-fr { width: 42%; }
.tagline-fr { width: 58%; padding: 0 15% 0 0; }
.search-fr { width: 28%; padding: 48px 0 0 0; }
nav.nav { background: #007E44; float: left; width: 100%; margin: 12px 0 0; }
nav.nav ul { float: left; width: 100%; list-style: none; }
nav.nav ul li { float: left; text-align: center; }
nav.nav ul li.nav-home { width: 9%; }
i.fa-home, i.fa-navicon, i.fa-search { margin: 0 6px 0 -5px; }
nav.nav ul li.nav-about-us { width: 9.5%; }
nav.nav ul li.nav-contact-us { width: 10.5%; }
nav.nav ul li.nav-file-complaint { background: #057236; float: right; width: 18%; position: relative; border-left: solid 1px #04602d; border-right: solid 1px #04602d; box-shadow: 1px 0 0 #0f864f; }
nav.nav ul li.nav-home.nav-home-fr { width: 14.5%; }
nav.nav ul li.nav-about-us.nav-about-us-fr { width: 12.5%; }
nav.nav ul li.nav-contact-us.nav-contact-us-fr { width: 14.5%; }
nav.nav ul li.nav-file-complaint.nav-file-complaint-fr { width: 22.5%; }
nav.nav ul li a { display: block; width: 100%; color: #D7F4DC; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); padding: 16px 0; }
nav.nav ul li a:hover { background: #057236; color: #fff; }
nav.nav ul li a.active { background: #057236; color: #fff; }
nav.nav ul li.nav-file-complaint a:hover { background: #056932; }
.content { background: #E4E5E5 url(../images/build/bg.png) repeat-y top center; float: left; width: 100%; border-top: solid 1px #056B30; border-bottom: solid 1px #C9C9C9; }
.content-home { border-top: solid 1px #f7f7f7; }
.banner { float: left; position: relative; max-width: 1280px; width: 100%; height: auto; height: 100%; border-top: solid 9px #fff }
.slides { float: left; width: 100%; max-width: 1280px; height: 553px; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/build/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 50%; margin: 0 0 0 -25px; z-index: 2000; }
.bx-controls-direction { display: none; }
.bx-controls { position: absolute; width: 17px; top: 14px; left: 20px; z-index: 5000; }
.bx-pager { float: left; width: 17px; }
.bx-pager-item { float: left; margin: 2px 0; }
.bx-pager-item:first-child { margin-top: 0; }
.bx-pager-item:last-child { margin-bottom: 0; }
.bx-pager-item a { background: url(../images/build/nav-banner-controls.png) no-repeat top; display: block; width: 17px; height: 15px; text-indent: -9999px; }
.bx-pager-item a:hover, .bx-pager-item a.active { background-position: bottom; }
.slide-container { position: absolute; width: 100%; height: 100%; }
.slide-container.slide1 { background: url(../images/build/01-banner-cell-phones.png) no-repeat top center; background-size: contain; }
.slide-container.slide2 { background: url(../images/build/02-banner-gift-cards.png) no-repeat top center; background-size: contain; }
.slide-container.slide3 { background: url(../images/build/03-banner-maintenance-repair.png) no-repeat top center; background-size: contain; }
.slide-container.slide4 { background: url(../images/build/04-banner-buying-vehicle.png) no-repeat top center; background-size: contain; }
.slide-title { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4e5e5+0,007e44+32,007e44+72,e4e5e5+100 */ background: url(../images/build/bg-banner-grad.png) top center; /* Old browsers */ background: -moz-linear-gradient(left, rgba(228,229,229,0) 0%, rgba(0,126,68,.8) 32%, rgba(0,126,68,.8) 72%, rgba(228,229,229,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(228,229,229,0)), color-stop(32%,rgba(0,126,68,.8)), color-stop(72%,rgba(0,126,68,0)), color-stop(100%,rgba(228,229,229,.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(228,229,229,0) 0%,rgba(0,126,68,.8) 32%,rgba(0,126,68,.8) 72%,rgba(228,229,229,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(228,229,229,0) 0%,rgba(0,126,68,.8) 32%,rgba(0,126,68,.8) 72%,rgba(228,229,229,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(228,229,229,0) 0%,rgba(0,126,68,.8) 32%,rgba(0,126,68,.8) 72%,rgba(228,229,229,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(228,229,229,0) 0%,rgba(0,126,68,.8) 32%,rgba(0,126,68,.8) 72%,rgba(228,229,229,0) 100%); /* W3C */ position: absolute; width: 60%; padding: 12px 4% 12px; cursor: pointer; }
.slide1 .slide-title { top: 0; left: 0; }
.slide2 .slide-title { top: 0; left: 0; }
.slide3 .slide-title { top: 0; left: 0; padding: 18px 4% 10px; }
.slide-title h2 { color: #fff; text-align: center; font-size: 2.2em; line-height: .8em; padding: 0 0 8px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); }
.slide-title h2 .st-sml { font-size: 70%; }
.slide-title h2 .learn-about { color: #D7F4DC; font-size: 38%; padding: 0; margin: 0; line-height: .5em; }
.slide-title:hover h2 .learn-about { color: #fff; }
.slide-octagon { float: right; width: 40%; }
.slide-octagon h3 { font-size: 2.1em; color: #fff; text-align: left; padding: 24px 12%; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
.slide-octagon a { position: absolute; width: 10%; right: 15.8%; bottom: 25%; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 1.2em; line-height: 1.4em; text-align: center; color: #D7F4DC; padding: 0; margin: 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
.slide-octagon a:hover { color: #fff; }
.home-page-container { float: left; width: 60%; margin: -142px auto 0; }
h4.content-info { color: #58595B; font-weight: 400; }
nav.initiatives-nav { float: left; width: 100%; position: relative; padding: 16px 0 58px; }
nav.initiatives-nav ul { width: 100%; max-width: 1280px; list-style: none; margin: 0 auto; }
nav.initiatives-nav ul li { float: left; width: 33.3333334%; text-align: center; padding: 18px 3% 0; }
nav.initiatives-nav ul li a .icon-cont { float: left; width: 100%; }
nav.initiatives-nav ul li.icon-shopping a .icon-cont { background: url(../images/build/icon-shopping.png) no-repeat top center; height: 55px; margin: 19px 0 0; }
nav.initiatives-nav ul li.icon-vehicle a .icon-cont { background: url(../images/build/icon-vehicle.png) no-repeat top center; height: 43px; margin: 25px 0 6px; }
nav.initiatives-nav ul li.icon-renovating a .icon-cont { background: url(../images/build/icon-renovating.png) no-repeat top center; height: 54px; margin: 20px 0 0px; }
nav.initiatives-nav ul li.icon-buying a .icon-cont { background: url(../images/build/icon-buying.png) no-repeat top center; height: 55px; margin: 19px 0 0; }
nav.initiatives-nav ul li.icon-renting a .icon-cont { background: url(../images/build/icon-renting.png) no-repeat top center; height: 55px; margin: 19px 0 0; }
nav.initiatives-nav ul li.icon-consumer-rights a .icon-cont { background: url(../images/build/icon-consumer-rights.png) no-repeat top center; height: 54px; margin: 20px 0 0; }
nav.initiatives-nav ul li.icon-money-matters a .icon-cont { background: url(../images/build/icon-money-matters.png) no-repeat top center; height: 51px; margin: 22px 0 1px; }
nav.initiatives-nav ul li.icon-frauds a .icon-cont { background: url(../images/build/icon-frauds.png) no-repeat top center; height: 51px; margin: 22px 0 1px; }
nav.initiatives-nav ul li a { display: block; width: 100%; min-height: 146px; color: #58595B; border-top: solid 1px transparent; border-bottom: solid 1px transparent; outline: none; }
nav.initiatives-nav ul li a h2 { display: inline-block; width: 100%; font-size: 1.6em; color: #58595B; text-shadow: 1px 1px 0 rgba(255, 255, 255, .8); padding: 16px 0 0; }
nav.initiatives-nav ul li a:hover { background: #6D6E71; border-top: solid 1px #414042; border-left: solid 1px #414042; box-shadow: 1px 1px 0 rgba(255, 255, 255, 1); }
nav.initiatives-nav ul li a:hover .icon-cont { background-position: center; }
nav.initiatives-nav ul li a:hover h2 { color: #E4E5E5; text-shadow: 1px 1px 0 rgba(0, 0, 0, .8); }
nav.initiatives-nav ul li a.active { background: #58595B; border-top: solid 1px #414042; border-left: solid 1px #414042; box-shadow: 1px 1px 0 rgba(255, 255, 255, 1); }
nav.initiatives-nav ul li a.active .icon-cont { background-position: bottom center; }
nav.initiatives-nav ul li a.active h2 { color: #FFF; text-shadow: 1px 1px 0 rgba(0, 0, 0, .8); }
nav.initiatives-nav .initiatives { background: #58595B url(../images/build/bg-octagons.png) no-repeat center; width: 100%; left: 0; display: none; border-bottom: solid 2px #303030; padding: 22px 0 32px; margin: 0 0 12px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 1); }
nav.initiatives-nav .initiatives.initiatives-buying { padding: 12px 0 32px; }
nav.initiatives-nav .initiatives ul { width: 100%; margin: 0 auto; z-index: 5000; }
nav.initiatives-nav .initiatives ul li { width: 25%; }
nav.initiatives-nav .initiatives ul li:nth-child(5) { clear: both; }
nav.initiatives-nav .initiatives ul li a { display: block; min-height: inherit; color: #E4E5E5; font-size: 1.2em; line-height: 1.4em; text-shadow: 1px 1px 0 rgba(0, 0, 0, .8); border-top: solid 1px transparent; border-left: solid 1px transparent; padding: 12px 4%; }
nav.initiatives-nav .initiatives ul li a:hover { background: rgba(0, 0, 0, 0.2); border-top: solid 1px #414042; border-left: solid 1px #414042; box-shadow: 1px 1px 0 rgba(255, 255, 255, .1); color: #fff; }
.initiatives h3 { display: block; width: 100%; max-width: 1280px; color: #fff; padding: 18px 3% 0px; margin: 0 auto; clear: both; }
/* navigational classes */
.nav-shopping-cont, .nav-vehicle-cont, .nav-builder-cont, .nav-house-cont, .nav-renting-cont, .nav-consumer-cont, .nav-money-cont, .nav-alerts-cont, .nav-other-cont { width: 100%; display: none; padding: 10px 0 32px; }
.nav-body { clear: both; float: left; }
.introduction { background: #DBDCDD; float: left; width: 100%; border-bottom: solid 1px #cbced2; }
.title { background: #057236 url(../images/build/bg-octagons-sml.png) no-repeat center; float: left; width: 86.5%; margin: 0 13.5% 0 0; }
.title-right-arrow { background: url(../images/build/banner-arrow-lrg.jpg) center right no-repeat; float: left; width: 100%; }
.container-title-text { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 0 0 12%; }
.title-text { float: left; width: 100%; padding: 32px 4% 28px 0; }
.title-text h2 { color: #FFF; text-shadow: 1px 1px 0 rgba(0, 0, 0, .8); font-size: 2.0em; line-height: 1.2em; }
.title-text h2 .title-text-center { display: inline-block; padding: 8px 0 0 0; }
.title-text h2 a { color: #E4E5E5; }
.title-text h2 a:hover { color: #FFF; }
.title-text.icon-shopping a .icon-cont { background: url(../images/build/icon-shopping.png) no-repeat center; float: left; width: 58px; height: 55px; }
.title-text.icon-vehicle a .icon-cont { background: url(../images/build/icon-vehicle.png) no-repeat center; float: left; width: 66px; height: 43px; margin: 4px 0 0; }
.title-text.icon-renovating a .icon-cont { background: url(../images/build/icon-renovating.png) no-repeat center; float: left; width: 59px; height: 54px; }
.title-text.icon-buying a .icon-cont { background: url(../images/build/icon-buying.png) no-repeat center; float: left; width: 72px; height: 55px; margin: -5px 0 0 -2px; }
.title-text.icon-renting a .icon-cont { background: url(../images/build/icon-renting.png) no-repeat center; float: left; width: 63px; height: 55px; }
.title-text.icon-consumer-rights a .icon-cont { background: url(../images/build/icon-consumer-rights.png) no-repeat center; float: left; width: 79px; height: 54px; margin: -2px 0 0 -1px; }
.title-text.icon-money-matters a .icon-cont { background: url(../images/build/icon-money-matters.png) no-repeat center; float: left; width: 63px; height: 51px; }
.title-text.icon-frauds a .icon-cont { background: url(../images/build/icon-frauds.png) no-repeat center; float: left; width: 64px; height: 51px; }
.title-text a:hover .icon-cont { background-position: bottom center; }
.title-text .icon-cont { margin-right: 18px !important; }
.intro-text { float: left; width: 62%; padding: 36px 0 0; }
.intro-text h3 { color: #58595B; font-size: 1.6em; line-height: 1.0em; font-weight: 700; }
.intro-image { float: left; width: 29%; margin: 24px 5% 24px 4%; }
.intro-image img { width: 100%; max-width: 358px; border: solid 7px #e5e5e5; }
.col-3-4 { float: left; width: 70%; padding: 32px 8% 0 0; }
.col-1-4 { float: right; width: 30%; padding: 32px 5% 0 0; }
.text-content { float: left; width: 100%; border-top: solid 1px #f0f2f2; padding: 16px 0 24px; }
.text-content h1, .text-content h2, .text-content h3, .text-content h4 { margin: 8px 0 0; padding: 0 0 16px; }
.text-content h5, .text-content h6 { padding: 0 0 12px; }
.intro-text p, .text-content p, .intro-text ul, .intro-text ol, .text-content ul, .text-content ol { font-size: .9em; line-height: 1.4em; color: #414042; padding: 0 0 16px; }
.intro-text ul, .intro-text ol, .text-content ul, .text-content ol { padding: 0 36px 16px; }
.intro-text ul li, .intro-text ol li, .text-content ul li, .text-content ol li { padding: 0 0 10px; }
.text-content a { color: #007E44; }
.text-content .col-3-4 a { overflow-wrap: break-word; word-wrap: break-word;-ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; }
.text-content a:hover { color: #025425; }
/* ***Video Block*** */
.video-cont { float: left; width: 100%; position: relative; height: 0; overflow: hidden; padding: 30px 0 56.25%; margin: 12px 0 20px; }
.video-cont-new { padding: 0 0 56.25%; }
.video-cont iframe, .video-cont object, .video-cont embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.col-1-4 h6 { text-align: center; }
.text-content nav ul { float: left; width: 100%; padding: 12px 0; margin: 0; list-style: none; }
.text-content nav ul li { float: left; width: 100%; padding: 0 12%; text-align: center; }
.text-content nav ul li:first-child { padding-top: 0; }
.text-content nav ul li:last-child { padding-bottom: 0; }
.text-content nav ul li a { display: block; width: 100%; padding: 9px 4%; border-bottom: solid 1px #DDD; }
.text-content nav ul li a:hover { background: #EAEAEA; display: block; width: 100%; }
/* Footer - Copyright */
nav.copyright { float: left; width: 100%; color: #414042; padding: 4em 0; }
nav.copyright ul { width: 40%; list-style: none; margin: 0 auto; }
nav.copyright ul li { float: left; width: 25%; font-size: 0.9em; line-height: 1em; text-align: center; padding: 0 2%; }
nav.copyright a { color: inherit; text-decoration: underline; }
nav.copyright a:hover { color: #000; }
.color1 { color: #007E44; } /* Green */
.color1a { color: #057236; } /* Darker Green */
.color2 { color: #D7F4DC; } /* Light Green */
.color3 { color: #414042; } /* Darker Grey */
.color4 { color: #58595B; } /* Med Grey */
.color5 { color: #E4E5E5; } /* Light Grey */
.color6 { color: #; } /* */
.color7 { color: #; } /* */
.color8 { color: #; } /* */
/* ***Utility classes*** */
::-webkit-input-placeholder { /* WebKit browsers */ color: #777 !important; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #777 !important; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #777 !important; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #777 !important; }
iframe { width: 100%; }
.fl { float: left !important; }
.fr { float: right !important; }
/* Alignment Styles for WYSIWYG Editor - Do not delete */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.smlr { font-size: 70%; }
hr { width: 100%; margin: 12px auto 24px; border: solid 1px #EEE; }
@media only screen and (max-width : 1380px){
.container-title-text { padding: 0 0 0 3.5%; }
}
@media only screen and (max-width : 1320px){
.container { padding: 0 2%; }
.logo-area { width: 66%; }
.tagline { padding: 12px 24% 0 0; }
.search { width: 34%; padding: 40px 0 0; }
.tagline-fr { padding: 0 10% 0 0; }
nav.nav ul li.nav-home { width: 12%; }
nav.nav ul li.nav-about-us { width: 12.5%; }
nav.nav ul li.nav-contact-us { width: 13.5%; }
nav.nav ul li.nav-file-complaint { width: 24%; }
.slide-octagon a { font-size: 1.1em; bottom: 25%; }
.initiatives h3 { font-size: 1.5em; padding: 18px 5% 0px; }
.container-title-text { padding: 0 2.5%; }
.title-text h2 { font-size: 1.8em; }
.intro-text { float: left; width: 62%; padding: 36px 0 0; }
}
@media only screen and (max-width : 1260px){
.slides { height: 526px; }
.home-page-container { margin: -142px auto 0; }
}
@media only screen and (max-width : 1200px){
.banner { border-top: solid 8px #fff }
.slides { height: 503px; }
.slide-octagon h3 { font-size: 1.8em; }
.slide-octagon a { width: 10%; right: 15.8%; bottom: 25%; font-size: 1.0em; }
.home-page-container { margin: -136px auto 0; }
h4.content-info { font-size: 1.2em; }
}
@media only screen and (max-width : 1150px){
.tagline { padding: 12px 15% 0 0; }
.tagline-fr { padding: 0 10% 0 0; }
nav.nav ul li.nav-home.nav-home-fr { width: 19.0%; }
nav.nav ul li.nav-about-us.nav-about-us-fr { width: 17.0%; }
nav.nav ul li.nav-contact-us.nav-contact-us-fr { width: 19.0%; }
nav.nav ul li.nav-file-complaint.nav-file-complaint-fr { width: 29.5%; }
.banner { border-top: solid 7px #fff }
.slides { height: 470px; }
.home-page-container { margin: -118px auto 0; }
.slide-octagon a { width: 14%; right: 13.8%; bottom: 25%; }
nav.initiatives-nav ul li a h2 { font-size: 1.4em; }
}
@media only screen and (max-width : 1080px){
.banner { border-top: solid 6px #fff }
.home-page-container { margin: -108px auto 0; }
.slides { height: 440px; }
.title { width: 94.5%; margin: 0 6.5% 0 0; }
.title-text { padding: 32px 4% 28px 0; }
.title-text h2 .title-text-center, .title-text h2 .title-text-center-nonlink { display: inline-block; padding: 6px 0 0; }
.title-text h2 .title-text-center-nonlink { font-size: 80%; padding: 8px 0 0 1%; line-height: 1.1em; }
.title-text.icon-shopping a .icon-cont { background: url(../images/build/icon-shopping-sml.png) no-repeat center center; height: 31px; margin: 0; }
.title-text.icon-vehicle a .icon-cont { background: url(../images/build/icon-vehicle-sml.png) no-repeat center center; height: 27px; margin: 0 0 3px; }
.title-text.icon-renovating a .icon-cont { background: url(../images/build/icon-renovating-sml.png) no-repeat center center; height: 34px; margin: 0; }
.title-text.icon-buying a .icon-cont { background: url(../images/build/icon-buying-sml.png) no-repeat center center; height: 33px; margin: 0 0 0; }
.title-text.icon-renting a .icon-cont { background: url(../images/build/icon-renting-sml.png) no-repeat center center; height: 35px; margin: 0; }
.title-text.icon-consumer-rights a .icon-cont { background: url(../images/build/icon-consumer-rights-sml.png) no-repeat center center; height: 32px; margin: 0; }
.title-text.icon-money-matters a .icon-cont { background: url(../images/build/icon-money-matters-sml.png) no-repeat center center; height: 34px; margin: 0 0 1px; }
.title-text.icon-frauds a .icon-cont{ background: url(../images/build/icon-frauds-sml.png) no-repeat center center; height: 34px; margin: 0 0 1px; }
.title-text .icon-cont { margin-right: 8px !important; }
}
@media only screen and (max-width : 1000px){
nav.nav { margin: 9px 0 0; }
nav.nav ul li.nav-home { width: 18.5%; }
nav.nav ul li.nav-about-us { width: 19%; }
nav.nav ul li.nav-contact-us { width: 20%; }
nav.nav ul li.nav-file-complaint { width: 30%; }
.banner { border-top: solid 5px #fff }
.slides { height: 410px; }
.home-page-container { margin: -108px auto 0; }
.slide-title h2 { font-size: 1.8em; }
.slide-title h2 .learn-about { font-size: 50%; }
.slide-octagon h3 { font-size: 1.6em; }
.logo { padding: 5px 0; }
.logo h1 { font-size: 1.8em; }
.tagline { padding: 5px 22% 0 0; }
.tagline h2 { font-size: 1.0em; }
.search { padding: 28px 0 0 0; }
#cp-head-searchfield { font-size: 0.9em; padding: 4px 5px 5px; }
#bsc-head-searchsubmit { padding: 6px 0; }
.logo-fr h1 { font-size: 1.6em; }
.tagline-fr { padding: 0 6% 0 0; }
.tagline-fr h2 { font-size: 0.9em; }
nav.initiatives-nav ul li { padding: 18px 1% 0; }
nav.initiatives-nav ul li a h2 { font-size: 1.3em; padding: 16px 4% 0; }
nav.initiatives-nav .initiatives ul li { width: 33.333333334%; }
nav.initiatives-nav .initiatives ul li:nth-child(5) { clear: none; }
nav.initiatives-nav .initiatives ul li:nth-child(4) { clear: both; }
nav.initiatives-nav .initiatives ul li a { font-size: 1.0em; line-height: 1.2em; }
.title-text { padding: 28px 8% 28px 0; }
.title-text h2 .title-text-center { font-size: 80%; }
.col-1-2 { float: left; width: 50%; padding: 0 6%; }
.col-1-2:first-child { padding-left: 0; }
.col-1-2:last-child { padding-right: 0; }
.col-3-4 { float: left; width: 75%; padding: 0 6% 0 0; }
.col-1-4 { float: right; width: 25%; padding: 50px 3% 0 0; }
.text-content nav ul li { padding: 2px 5%; }
nav.copyright { padding: 2.4em 0; }
nav.copyright ul { width: 90%; }
}
@media only screen and (max-width : 940px){
.banner { border-top: solid 4px #fff }
.slides { height: 385px; }
.home-page-container { margin: -98px auto 0; }
h4.content-info { font-size: 1.1em; }
.slide-octagon h3 { font-size: 1.2em; }
}
@media only screen and (max-width : 900px){
.home-page-container { margin: -120px auto 0; }
.title-right-arrow { background: url(../images/build/banner-arrow-lrg.jpg) center right no-repeat; float: left; width: 100%; }
.title-text h2 .title-text-center { float: left; line-height: 1.1em; }
.title-text h2 a { font-size: 1.2em; }
.title-text-center .fa-chevron-right { float: left; height: 100px; }
}
@media only screen and (max-width : 860px){
.logo-area { width: 68%; }
.logo { width: 38%; }
.tagline { width: 62%; padding: 12px 10% 0 0; margin: 0; }
.search { width: 32%; padding: 30px 0 0; }
nav.nav ul li.nav-file-complaint { width: 34%; }
.tagline-fr { padding: 0 5% 0 0; margin: 0; }
nav.nav ul li.nav-home.nav-home-fr { width: 23.0%; }
nav.nav ul li.nav-about-us.nav-about-us-fr { width: 18.0%; }
nav.nav ul li.nav-contact-us.nav-contact-us-fr { width: 23.0%; }
nav.nav ul li.nav-file-complaint.nav-file-complaint-fr { width: 35.5%; }
.banner { border-top: solid 4px #fff }
.slides { height: 355px; }
.home-page-container { margin: -100px auto 0; }
h4.content-info { font-size: 1.0em; }
.slide-octagon h3 { font-size: 1.0em; }
.slide-octagon a { font-size: .8em; }
nav.initiatives-nav ul li a h2 { font-size: 1.2em; }
nav.initiatives-nav .initiatives ul li { width: 50%; }
nav.initiatives-nav .initiatives ul li:nth-child(4) { clear: none; }
nav.initiatives-nav .initiatives ul li:nth-child(3) { clear: both; }
.intro-text { float: left; width: 50%; padding: 24px 0 0; }
.intro-image { float: left; width: 46%; margin: 16px 2%; }
nav.copyright ul { width: 80%; }
}
@media only screen and (max-width : 800px){
.banner { border-top: solid 3px #fff }
.slides { height: 325px; }
.home-page-container { margin: -85px auto 0; }
}
@media screen and (min-width: 768px){
.mobile-early { display: none; }
}
@media only screen and (max-width : 767px){
.desktop-early { display: none; }
/* Header Top */
.header-top { padding: 6px 0; margin: 0 0 4px; }
nav.language ul { margin: 8px 5% 0; }
.manitoba { margin: 0 2.5%; }
.logo-area { width: 50%; }
.logo { width: 100%; }
.logo br { display: none; }
.tagline { width: 100%; padding: 0 17% 0 0; margin: 0; }
.search { width: 50%; padding: 54px 0 0 5%; }
nav.nav ul li.nav-file-complaint { width: 38%; }
.tagline-fr { padding: 0 12% 0 0; }
nav.nav { margin: 12px 0 0; }
.container.mobile-early { padding: 0; }
.banner { float: left; position: relative; width: 100%; border-top: 0; }
.slides { float: left; width: 100%; max-width: 767px; height: 100%; }
.bx-controls { left: 11px; }
.slide-container { float: left; width: 100%; height: 655px; }
.slide-container.slide1 { background: url(../images/build/01-banner-cell-phones-mobile.png) no-repeat top center; background-size: contain; }
.slide-container.slide2 { background: url(../images/build/02-banner-gift-cards-mobile.png) no-repeat top center; background-size: contain; }
.slide-container.slide3 { background: url(../images/build/03-banner-maintenance-repair-mobile.png) no-repeat top center; background-size: contain; }
.slide-container.slide4 { background: url(../images/build/04-banner-buying-vehicle-mobile.png) no-repeat top center; background-size: contain; }
.slide-title { position: absolute; top: 5px !important; width: 100%; padding: 12px 8% 8px; cursor: pointer; }
.slide-title h2 { font-size: 2.0em; line-height: .9em; }
.slide-title h2 .st-sml { font-size: 80%; }
.slide-title h2 .learn-about { font-size: 60%; line-height: .8em; }
.slide-octagon { float: left; width: 100%; padding: 55% 0 0; }
.slide-octagon h3 { font-size: 1.6em; padding: 0 5%; }
.slide-octagon a { float: left; width: 100%; font-size: 1.0em; right: inherit; bottom: inherit; text-align: center; padding: 6% 0 0; margin: 0; }
.home-page-container { width: 100%; padding: 0 4%; margin: 0; }
nav.copyright ul { width: 90%; }
}
@media screen and (max-width: 730px) {
.slide-container { height: 623px; }
.slide-octagon h3 { font-size: 1.4em; padding: 0 4%; }
.slide-octagon a { font-size: 1.0em; padding: 6% 0 0; }
}
@media screen and (max-width: 690px) {
.slide-container { height: 589px; }
nav.nav ul li.nav-home.nav-home-fr { width: 20.0%; }
nav.nav ul li.nav-about-us.nav-about-us-fr { width: 14.0%; }
nav.nav ul li.nav-contact-us.nav-contact-us-fr { width: 20.0%; }
nav.nav ul li.nav-file-complaint.nav-file-complaint-fr { width: 30.5%; }
}
@media screen and (max-width: 645px) {
.slide-container { height: 551px; }
}
@media screen and (min-width: 601px) {
.mobile { display: none; }
}
@media screen and (max-width: 600px) {
.desktop { display: none; }
.logo-area { width: 100%; padding: 4px 3%; }
.tagline { font-size: 1.0em; padding: 0 7% 0 0; }
nav.nav { position: relative; }
/* ***Mobile Menu Block*** */
ul.menu-mobile { float: left; width: 100%; margin: 0 auto; padding: 0; z-index: 10000; }
nav.nav ul li.nav-menu { background: #057236; position: relative; width: 50%; border-top: solid 1px #035E2A; border-right: solid 1px #035E2A; border-bottom: solid 1px #0C823E; border-left: solid 1px #0C823E; z-index: 10000; }
nav.nav ul li.nav-search { position: relative; width: 50%; border-top: solid 1px #06914C; border-right: solid 1px #006D36; border-bottom: solid 1px #006D36; border-left: solid 1px #06914C; z-index: 10000; }
ul.menu-mobile li { text-transform: uppercase; text-align: center; letter-spacing: 1px; }
ul.menu-mobile li a { display: block; width: 100%; font-size: 1.1em; }
nav.nav ul li.nav-menu a:hover, nav.nav ul li.nav-menu a.active { background: #087A38; color: #fff; }
nav.nav ul li.nav-search a:hover, nav.nav ul li.nav-search a.active { background: #028744; color: #fff; }
/* ***Mobile Submenus - both "Menu and Option"*** */
.mobile-menu-cont { background: #057236; display: none; position: absolute; width: 100%; top: 52px; left: 0; border-bottom: solid 1px #0C823E; box-shadow: 1px 2px 2px rgba(0, 0, 0, .25); z-index: 10000; }
.mobile-menu-cont ul { float: left; width: 100%; list-style: none; padding: 4px 0 0; margin: 0; }
.mobile-menu-cont ul li { width: 100% !important; text-align: center; padding: 0; margin: 0; }
nav.nav .mobile-menu-cont ul li a { font-size: 1.1em; padding: 16px 0 17px; }
.mobile-menu-cont ul li a:hover { background: #03682E !important; }
.mobile-search-cont { background: #007E44; display: none; position: absolute; width: 100%; top: 52px; left: 0; border-bottom: solid 1px #06914C; box-shadow: 1px 2px 2px rgba(0, 0, 0, .25); z-index: 10000; }
.search { float: left; width: 100%; padding: 20px 4% 19px; }
#bsc-head-searchsubmit { background: #02662D; }
#bsc-head-searchsubmit:hover { background: #035E2A; }
.slide-container { height: 512px; }
.slide-title h2 { font-size: 1.6em; }
.slide-octagon h3 { font-size: 1.2em; }
.slide-mobile-fr .slide-octagon h3 { font-size: .9em; }
.slide-octagon a { font-size: 1.0em; padding: 4% 0 0; }
.slide-mobile-fr .slide-octagon a { padding: 2.5% 0 0; }
h4.content-info { font-size: 0.9em; }
.initiatives h3 { font-size: 1.3em; text-align: center; }
nav.initiatives-nav ul li { width: 100%; padding: 8px 6% 0; min-height: 104px !important; }
nav.initiatives-nav ul li a { min-height: 104px !important; }
nav.initiatives-nav .initiatives { padding: 4px 0 16px; margin: 0 0 6px; }
nav.initiatives-nav .initiatives ul li { width: 100%; }
nav.initiatives-nav .initiatives ul li:nth-child(3) { clear: none; }
nav.initiatives-nav .initiatives ul li:nth-child(2) { clear: both; }
nav.initiatives-nav ul li.icon-shopping a .icon-cont { background: url(../images/build/icon-shopping-sml.png) no-repeat top center; height: 31px; margin: 19px 0 0; }
nav.initiatives-nav ul li.icon-vehicle a .icon-cont { background: url(../images/build/icon-vehicle-sml.png) no-repeat top center; height: 27px; margin: 23px 0 3px; }
nav.initiatives-nav ul li.icon-renovating a .icon-cont { background: url(../images/build/icon-renovating-sml.png) no-repeat top center; height: 34px; margin: 22px 0 0px; }
nav.initiatives-nav ul li.icon-buying a .icon-cont { background: url(../images/build/icon-buying-sml.png) no-repeat top center; height: 33px; margin: 19px 0 0; }
nav.initiatives-nav ul li.icon-renting a .icon-cont { background: url(../images/build/icon-renting-sml.png) no-repeat top center; height: 35px; margin: 19px 0 0; }
nav.initiatives-nav ul li.icon-consumer-rights a .icon-cont { background: url(../images/build/icon-consumer-rights-sml.png) no-repeat top center; height: 32px; margin: 20px 0 0; }
nav.initiatives-nav ul li.icon-money-matters a .icon-cont { background: url(../images/build/icon-money-matters-sml.png) no-repeat top center; height: 34px; margin: 18px 0 1px; }
nav.initiatives-nav ul li.icon-frauds a .icon-cont { background: url(../images/build/icon-frauds-sml.png) no-repeat top center; height: 34px; margin: 22px 0 1px; }
nav.initiatives-nav ul li a:hover .icon-cont { background-position: center; }
nav.initiatives-nav ul li a.active .icon-cont { background-position: bottom center; }
nav.initiatives-nav .initiatives ul li, nav.initiatives-nav .initiatives ul li a { min-height: inherit !important; }
nav.initiatives-nav .initiatives ul li a { font-size: 0.9em; line-height: 1.1em; width: 92%; margin: 0 4%; padding: 8px 6%; min-height: inherit !important; }
.title { width: 96.5%; margin: 0 3.5% 0 0; }
.container-title-text { padding: 0 0 0 3%; }
.title-text { padding: 32px 12% 0 0; }
.title-text h2 .title-text-center-nonlink { width: 100%; font-size: 65%; }
.intro-text { float: left; width: 100%; padding: 24px 2% 0; }
.intro-image { float: left; width: 100%; margin: 0 0 24px; padding: 0 5% 0 2%; }
.text-content ul, .text-content ol { padding: 0 10% 12px; }
.text-content ul li, .text-content ol li { padding: 0 0 8px; }
.col-3-4 { float: left; width: 100%; padding: 0 5%; }
.col-1-4 { float: right; width: 100%; margin: 12px 0 0; padding: 24px 5% 0; border-top: solid 1px #ccc; }
.text-content nav ul li { padding: 2px 0; }
nav.copyright ul li { width: 100%; padding: 6px 0; }
}
@media only screen and (max-width : 560px){
.slide-container { height: 478px; }
.slide-octagon h3 { font-size: 1.1em; }
}
@media only screen and (max-width : 520px){
.slide-container { height: 434px; }
.slide-octagon h3 { font-size: 1.0em; }
.slide-octagon a { font-size: .9em; padding: 2% 0 0; }
}
@media only screen and (max-width : 480px){
.slide-container { height: 405px; }
.slide-title { top: 2px !important; }
.slide-title h2 { font-size: 1.2em; }
.slide-octagon a { padding: 3.5% 0 0; }
nav.nav ul li a { font-size: 1.0em; padding: 14px 0 13px; }
.mobile-menu-cont, .mobile-search-cont { top: 44px; }
nav.nav .mobile-menu-cont ul li a { font-size: 1em; padding: 12px 0 13px; }
.search { float: left; width: 100%; padding: 16px 5% 14px; }
.title-right-arrow { background: url(../images/build/banner-arrow-lrg.jpg) center right no-repeat; float: left; width: 100%; }
}
@media screen and (max-width: 430px) {
.slide-container { height: 372px; }
}
@media only screen and (max-width : 380px){
.slide-container { height: 325px; }
.slide-octagon h3 { display: none; }
}
@media only screen and (max-width : 355px){
.slide-container { height: 291px; }
}
@media only screen and (max-width : 325px){
.slide-container { height: 273px; }
}