/* fonts & icons */
@font-face {
  font-family: 'Lato';
  src:url("font/Lato/Lato-Light.ttf") format('truetype');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Lato';
  src:url("font/Lato/Lato-Regular.ttf") format('truetype');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Lato';
  src:url("font/Lato/Lato-Bold.ttf") format('truetype');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot');
  src: url('font/fontello.eot') format('embedded-opentype'),
       url('font/fontello.ttf') format('truetype'),
       url('font/fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* fontello icons */
 [class^="icon-"]:before, [class*=" icon-"]:before, .bx-prev:before, .bx-next:before {font-family: "fontello" !important; font-style: normal; font-weight: normal; speak: none; display: inline-block; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration:none;}

.icon-Triangle-Down:before { content: '\e800'; } /* '' */
.icon-Triangle-Left:before { content: '\e801'; } /* '' */
.icon-Triangle-Right:before { content: '\e802'; } /* '' */
.icon-Triangle-Up:before { content: '\e803'; } /* '' */
.icon-Arrow-Left-Lg:before { content: '\e804'; } /* '' */
.icon-Arrow-Down-Lg:before { content: '\e805'; } /* '' */
.icon-Arrow-Right-Lg:before { content: '\e806'; } /* '' */
.icon-Arrow-Up-Lg:before { content: '\e807'; } /* '' */
.icon-Arrow-Right-Sm:before { content: '\e808'; } /* '' */
.icon-Chevron-Down-Sm:before { content: '\e809'; } /* '' */
.icon-Arrow-Left-Sm:before { content: '\e80a'; } /* '' */
.icon-Chevron-Left-Sm:before { content: '\e80b'; } /* '' */
.icon-Arrow-Down-Sm:before { content: '\e80c'; } /* '' */
.icon-Chevron-Right-Sm:before { content: '\e80d'; } /* '' */
.icon-Arrow-Up-Sm:before { content: '\e80e'; } /* '' */
.icon-Chevron-Up-Sm:before { content: '\e80f'; } /* '' */
.icon-Chevron-Down-Lg:before { content: '\e810'; } /* '' */
.icon-Close:before { content: '\e811'; } /* '' */
.icon-Chevron-Left-Lg:before { content: '\e812'; } /* '' */
.icon-Chevron-Right-Lg:before { content: '\e813'; } /* '' */
.icon-Chevron-Up-Lg:before { content: '\e814'; } /* '' */
.icon-Claims:before { content: '\e815'; } /* '' */
.icon-Driver-Licensing:before { content: '\e816'; } /* '' */
.icon-Driver-Safety-Rating-Calculator:before { content: '\e817'; } /* '' */
.icon-Menu:before { content: '\e818'; } /* '' */
.icon-Driving-Quizzes:before { content: '\e819'; } /* '' */
.icon-Insurance-Rate-Calculator:before { content: '\e81a'; } /* '' */
.icon-Find-Acc-Repair-Shop:before { content: '\e81b'; } /* '' */
.icon-Insurance:before { content: '\e81c'; } /* '' */
.icon-Registration:before { content: '\e81d'; } /* '' */
.icon-Road-Safety:before { content: '\e81e'; } /* '' */
.icon-Salvage-Listing:before { content: '\e81f'; } /* '' */
.icon-Search:before { content: '\e820'; } /* '' */
.icon-Winter-Tire-Program:before { content: '\e821'; } /* '' */
.icon-Circle-Filled:before { content: '\e822'; } /* '' */
.icon-Licence-Rate-Calculator:before { content: '\e823'; } /* '' */
.icon-Alert-Outline:before { content: '\e824'; } /* '' */
.icon-Alert-Solid:before { content: '\e825'; } /* '' */
.icon-Credit-Card-Payment:before { content: '\e826'; } /* '' */
.icon-Driver-Ed-Course-Finder:before { content: '\e827'; } /* '' */
.icon-Driver-Z:before { content: '\e828'; } /* '' */
.icon-Find-Auto-Glass-Repair:before { content: '\e82a'; } /* '' */
.icon-Circle:before { content: '\e82b'; } /* '' */
.icon-Find-Autopac-Agent:before { content: '\e82c'; } /* '' */
.icon-Find-Driving-School:before { content: '\e82d'; } /* '' */
.icon-Forms:before { content: '\e82e'; } /* '' */
.icon-Sanction-Listing:before { content: '\e830'; } /* '' */
.icon-Towing-Storage-Search:before { content: '\e832'; } /* '' */
.icon-Publications:before { content: '\e833'; } /* '' */
.icon-Chevron-Sort-Lg:before { content: '\e83b'; }
.icon-YouTube:before { content: '\f16a'; } /* '' */
.icon-Instagram:before { content: '\f16d'; } /* '' */
.icon-Twitter:before { content: '\f309'; } /* '' */
.icon-Facebook:before { content: '\f30c'; } /* '' */
.icon-PDF:before { content: '\e829'; } /* '' */
.icon-Webpage:before { content: '\e82f'; } /* '' */
.icon-Book-A-Test:before { content: '\e834'; } /* '' */
.icon-Drivers-Handbook:before { content: '\e831'; } /* '' */
.icon-Help:before { content:'?'; color:#fff; background:#54C7DA; padding:0.25em; -webkit-border-radius:50%; -moz-border-radius: 50%; border-radius: 50%;}

[class^="icon-star"], [class*=" icon-star"] {display:inline-block; height:1em; background:url(./img/star.svg); background-size:auto 1em;}
.icon-star1 {width:1em;}




/* resets */
html {font-size:16px; font-family: 'Lato', Arial, verdana; font-weight:400; text-rendering: optimizeLegibility; margin:0; padding:0}
body {font-size:1em; margin:0; padding:0; font-family: 'Lato', Arial, verdana; color:#444;}
* {box-sizing:border-box; margin:0; padding:0;}
*:focus {outline:none;}
h1 {font-size:3.75em; line-height:1.2em; font-weight:700; margin:0; padding:0; font-family: 'Lato', Arial, verdana;}
h2 {font-size:1.75em; line-height:1.2em; font-weight:700; font-family: 'Lato', Arial, verdana;}
h3 {font-size:1.5em; line-height:1.2em; font-weight:700; font-family: 'Lato', Arial, verdana;}
h4 {font-size:1.5em; line-height:1.2em; font-weight:400; font-family: 'Lato', Arial, verdana;}
h5 {font-size:1.125em; line-height:1.2em; font-weight:700; font-family: 'Lato', Arial, verdana;}
h6 {font-size:0.875em; line-height:1.2em; font-weight:700; font-family: 'Lato', Arial, verdana;}
p {font-size:1.25em; line-height:1.5em; font-weight:400; font-family: 'Lato', Arial, verdana;}
p.disclaimer {color:#9A9A9A; font-size:0.75em;}
img :not(.tabSPTool) {max-width:100%;}
ul {list-style:none; font-family: 'Lato', Arial, verdana;}
li {font-weight:400; font-family: 'Lato', Arial, verdana;}
p li, li p, li li {font-size:1em;}
a [class^="icon-"]:before, a [class*=" icon-"]:before, a [class^="icon-"], a [class*=" icon-"] {text-decoration:none;}
input, textarea {padding:0.4em 0.75em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; outline:none; border:1px solid rgb(169, 169, 169); width:100%; font-family: 'Lato', Arial, verdana;}
input[type='radio'], input[type='checkbox'] {width:auto;}
select::-ms-expand { display: none;}
select {outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; background-image:url("img/select.svg"); background-size:12px 12px; background-position: calc(100% - 1em) center; background-repeat:no-repeat; padding:0.4em 3em 0.4em 0.75em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; width:100%; font-family: 'Lato', Arial, verdana;}
button {outline:none; font-family: 'Lato', Arial, verdana;}
hr {margin:24px auto; clear:both; width:48px; border:none; border-bottom:2px solid #54C7DA;}
hr.w36 {margin:16px auto; width:36px;}
hr.w16 {margin:16px auto 16px 0; width:36px;}


/* text colors */
.tc-white {color:#fff;}
.tc-lgrey1 {color:#fafafa;}
.tc-lgrey2 {color:#f0f0f0;}
.tc-lgrey3 {color:#ddc0dd;}
.tc-mgrey {color:#6D6E71;}
.tc-dgrey {color:#555;}
.tc-gblack {color:#383838;}
.tc-teal {color:#54C7DA;}
.tc-green {color:#81CAA5;}
.tc-red {color:#ff5252;}

/* background colors */
.bg-white {background-color:#fff;}
.bg-lgrey1 {background-color:#fafafa;}
.bg-lgrey2 {background-color:#f0f0f0;}
.bg-lgrey3 {background-color:#ddc0dd;}
.bg-mgrey {background-color:#6D6E71;}
.bg-dgrey {background-color:#555;}
.bg-gblack {background-color:#383838;}
.bg-teal {background-color:#54C7DA;}
.bg-green {background-color:#81CAA5;}
.bg-red {background-color:#ff5252;}

/* publishing image styles */
.story-content img.img-left {float:left; clear:none; display:inline-block; margin:0 1em 1em 0;}
.story-content img.img-right {float:right; clear:none; display:inline-block; margin:0 0 1em 1em;}
.story-content img.img-center {margin:0 auto 1em auto; display:block; clear:both;}
.story-content img.img-full {width:100%; height:auto; margin:0 0 1em 0; display:block; clear:both;}

/* publishing iframe video styles */
.story-content p.embed-iframe {font-size:1em; padding:56.25% 0 1em 0; margin:0; position: relative; overflow: hidden;}
.story-content p.embed-iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

/* publishing tables styles */
.story-content table {width:100%;}
.story-content thead tr {border-bottom:1px solid #54C7DA;}
.story-content th {color:#54C7DA; text-align:left; text-transform:capitalize; padding:0.75em 0.75em;}
.story-content tbody tr:nth-child(even) {background:#fff;}
.story-content td {padding:0.5em 0.75em;}

/* sortable tables */
table.sortable {}
table.sortable th {text-align:left; vertical-align:bottom; cursor:pointer; color:#fff; background:#54C7DA; white-space: nowrap; border-right:1px solid #fff;}
table.sortable th:last-child {border-right:none;}
table.sortable th p {display:flex; align-items:flex-end; justify-content:space-between; margin:0; padding:0; line-height:1.1em; font-size:1em; font-weight:bold;}
table.sortable th span.surface:after {font-family: "fontello" !important; font-style: normal; font-weight: normal; speak: none; display: inline-block; width: 1em;  text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration:none; content:'\e83b'; color:#fff;}
table.sortable th:hover span.surface:after {content:'\e83b'; color:#fff;}
table.sortable th.tablesorter-headerDesc, table.sortable th.tablesorter-headerAsc {color:#fff;}
table.sortable th.tablesorter-headerDesc span.surface:after {content:'\e814'; /*content:'\e80f'; */ color:#fff;}
table.sortable th.tablesorter-headerAsc span.surface:after {content:'\e810'; color:#fff;}
table.sortable th:hover, table.sortable th:hover span.surface:after {color:#fff;}
table.sortable th td {}
table.sortable tr {vertical-align: top;}
table.sortable tbody tr:nth-child(odd) {background:#fff;}
table.sortable tbody tr:nth-child(even) {background:#eee;}
table.sortable td {color:#444444;}
table.sortable tbody td p {font-size:1em; margin:0; padding:0; line-height:1.1em; color:#444444;}
table.sortable tbody td p ~ p {margin-top:0.5em;}
table.sortable tbody td p strong {color:#000;}
table.sortable tbody td p img {height:1em; width:auto; margin-right:0.5em; margin-bottom:-0.2em;}


/* header brand variations */
a.brand {border:1px solid rgba(0,0,0,0);}
/* en */
html:lang(en) header .brand, 
html:lang(en) .header-solid header .brand {display:block; height:3.25em; width:210px; background:top left url("img/Brand_dark.png") no-repeat; margin:1em auto 1em 0; background-size:auto 100%;}
html.home:lang(en) header .brand {background-image: url("img/Brand_light.png");}
html.home:lang(en) .header-solid header .brand {background-image: url("img/Brand_dark.png");}
/* fr */
html:lang(fr) header .brand, 
html:lang(fr) .header-solid header .brand {display:block; height:3.25em; width:238px; background:top left url("img/Brand_dark_FRE.png") no-repeat; margin:1em auto 1em 0; background-size:auto 100%;}
html.home:lang(fr) header .brand {background-image: url("img/Brand_light_FRE.png");}
html.home:lang(fr) .header-solid header .brand {background-image: url("img/Brand_dark_FRE.png");}

/* language cleanup fallback */
html:lang(en) .fr, html:lang(fr) .en {display:none;}

/* buttons */
/* generic */
input[type=submit], input[type=cancel], button, a.button {display:flex; justify-content:center; align-items:center; padding:0.55em; text-align:center; width:100%; text-decoration:none; text-transform:uppercase; font-size:0.875em; transition:all 0.25s ease; font-weight:700; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer;}
button.simple, a.button.simple {color:#383838; background:#f0f0f0;}
button.simple:hover, a.button.simple:hover {background:#DCDCDC;}

.button.primary * {transition:all 0.25s ease; animation-fill-mode: forwards;}
.button.primary {position:relative; border-bottom:2px solid #54C7DA; color:#fff;}
.button.primary .t {width:0; display:block; clear:both; height:2px; background:#54C7DA;float:none; position:absolute; top:0; left:0;}
.button.primary .l {width:2px; height:0; display:block; background:#54C7DA; position:absolute; bottom:0; left:0; clear:none;}
.button.primary span:nth-child(3) {padding:3px; width:100%; float:left; clear:none; display:block; }
.button.primary .r {width:2px; height:0; display:block; background:#54C7DA; position:absolute; top:0; right:0; clear:none;}
.button.primary:hover .t {animation-name:te; animation-duration: 0.15s; animation-delay:0.15s}
.button.primary:hover .l {animation-name:se; animation-duration: 0.15s}
.button.primary:hover .r {animation-name:se; animation-duration: 0.15s; animation-delay:0.3s}
@keyframes te {
 from {width:0%;}
 to {width:100%;}
}
@keyframes se {
 from  {height:0;}
 to {height:100%;}
}

.story-results .button.primary {color:#383838; text-decoration:none;}

.button.meta, input[type=submit].button.meta, input[type=cancel].button.meta {transition: all 0.25s ease; border:1px solid #54C7DA; color:#383838;}
.button.meta:hover, .button.meta.active, input[type=submit].button.meta:hover, input[type=cancel].button.meta:hover, input[type=submit].button.meta.active, input[type=cancel].button.meta.active {background-color:#54C7DA; color: #fff;}


.tab1 #article-down {color:#54C7DA; text-decoration:none; position:absolute; display:block; width:2em; bottom:2em; left:calc(50% - 0.5em); text-align:center;}
.tab1 #article-down {display:none;}

.button:disabled, button:disabled, .button:hover:disabled, button:hover:disabled, input[type=submit], .button.meta:disabled, input[type=submit].button.meta:disabled, input[type=cancel].button.meta:disabled {color:#ccc; border-color:#ccc; background:none;}

/* grid lists */
.grid-list {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; width:auto; margin:0 auto;}
.grid-list li {flex-basis: calc(25% - 1em); margin:0.5em;}

footer .grid-list {justify-content:space-between; align-items: center;}
footer .grid-list li {flex-basis:230px;}
.app footer .grid-list li {box-sizing:border-box; flex-basis:calc(50% - 1em);}
.app footer .grid-list li + li {text-align:right;}

/* grid button lists */
.grid-button-list {display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; width:auto; margin:0 auto;}
.grid-button-list a {flex-basis: calc(25% - 1em); margin:0.5em;}

.channel-topics .grid-button-list,
.channel-pages .grid-button-list {max-width:900px}
.channel-topics .grid-button-list a,
.channel-pages .grid-button-list a {width:280px; flex-basis:280px;}

/* inline button lists */
.inline-list {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; width:auto; margin:0 auto;}
.inline-list li {margin-right:1em;}

/* tool cards */
.tool-card, .tool-card:visited {display:block; text-align:center; font-size:1.15em; text-decoration:none !important; color:#383838; font-weight:700;}
.tool-card [class^="icon-"]:before, .tool-card [class*=" icon-"]:before {display:block; width:100%; clear:both; font-size:4.556em; line-height:1.2em; margin:0 0 16px 0; text-decoration:none;}
.tool-card span.content {display:block; max-width:150px; margin:0 auto; line-height:1.4em;}
.tool-card:hover span.content {text-decoration:underline;}

/* cards */
.card {text-align:left;}
.card .channel-brand[class^="icon-"]:before, .card .channel-brand[class*=" icon-"]:before {display:block; width:100%; clear:both; text-align:left; font-size:49px; line-height:1.6em; color:#fff;}
.card a {display:block; width:100%; clear:both; color:#f0f0f0; text-decoration:none;}
.card a:hover {color:#fff; text-decoration:underline;}
.card a.more {color:#54C7DA; text-decoration:none; margin-top:1em; margin-bottom:1em; transition:all 0.25s ease; text-transform:uppercase; width:auto; display:inline-block;}
.card a.more:hover [class^="icon-"]:before, .card a.more:hover [class*=" icon-"]:before {color:#fff;}
header .card .channel-brand[class^="icon-"]:before, header .card .channel-brand[class*=" icon-"]:before {font-size:32px;}

.story-results .card.story {width:calc(280px - 1em); flex-basis:calc(280px - 1em); margin:0 2.3em 4em 0;}
.story-results .card.story img {width:100%; max-width:100%; height:auto; border-bottom:4px solid #54C7DA;}
.story-results .card.story .content {margin:0; padding:1em 0;}
.story-results .list li img + .content {max-width:100%;}

.card hr.w16 {transition:all 0.5s ease;}
.card.moo hr.w16 {width:64px;}


/* listings */
.list li a {display:flex; align-items:center; justify-content: space-between; text-decoration:none; color:#383838;}
.list li a:hover h4 {text-decoration:underline;}
.list li img {width:100%; max-width:120px; height:auto;}
.list li .content {width:100%; max-width:100%; flex-basis:100%; padding:0;}
.list li img + .content {max-width:calc(100% - 121px); padding:0 0 0 1em;}
.list li .content h5 {margin-bottom:10px;}
.list li .content p {margin-bottom:10px;}
.list li .content p:last-child {margin-bottom:0;}

.search-results .list {border-bottom:8px solid #fff;}
.story-results .list {display:flex; flex-wrap:wrap; align-items:stretch; justify-content:flex-start;}

/* accordiuans */
.ExpandSection {cursor:pointer; margin-bottom:1em;}
.ExpandSection.active {cursor:default;}
.ExpandSection .ExpandSectionHeader {font-weight:bold; color:#54C7DA; padding:0.5em 0; border-bottom:2px solid #54C7DA;}
.ExpandSection .ExpandSectionHeader:after {font-size:0.5em; color:#383838; content:'\e809'; float:right; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; width: 2em; height:2em; text-align: center; font-variant: normal; text-transform: none; line-height: 2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration:none; border:1px solid #DCDCDC; background:#F0F0F0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.ExpandSection.active .ExpandSectionHeader:after {content:'\e80f'; background:#DCDCDC;}
.ExpandSection .ExpandSectionContent {height:0; overflow:hidden; opacity:0; transition:all 0.5s ease; font-size:0.8em; padding-top:0 1em; background:#fff; border-bottom:0 solid #54C7DA}
.ExpandSection.active .ExpandSectionContent {height:100%; opacity:1; padding:1em; border-bottom:2px solid #54C7DA;}

/* pagination */
.pagination {display:flex; align-items:center; justify-content:center; margin-top:1em;}
.pagination li {margin:0.25em;}
.pagination li a {display:block;width:1.5em; height:1.5em; color:#383838; text-align:center; text-decoration:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.pagination li a:hover {background:#fff;}
.pagination li a.active {background:#DCDCDC;}

/* jump-nav */
.jump-nav {position:fixed; width:280px;} 
.jump-nav h5 {padding-bottom:10px;}
.jump-nav a {padding:0.25em 0; width:100%; display:block; color:#383838; text-decoration:none;}
.jump-nav a:hover, .jump-nav a.active {color:#54C7DA;}
#jump-select {display:none;}

/* aside related links */
.related-nav {width:100%; padding:1em; background:#fff;} 
.related-nav hr {width:100%; border-bottom:5px solid #F0F0F0; margin:0.75em 0}
.related-nav a {padding:0.25em 0; width:100%; display:block; color:#383838; text-decoration:none;}
.related-nav a:hover {color:#54C7DA;}

/* modals */
section.modal {z-index:99999; width:100%; height:100%; background:#fff; position:fixed; top:-101vh; right:-101vw; display:flex; align-items:center; justify-content:center;}
section.modal.active {top:0; right:0;}
section.modal article.message {flex-basis:100%; max-width:640px; text-align:center; padding-left:2em; padding-right:2em;}
section.modal article.message button.closeModal {margin-left:auto; margin-right:auto;}
section.modal article h1 {color: #6d6e71; text-align: center; font-weight: 400; font-size: 2.5em; margin-bottom: 0.8em;}
section.modal article p {color:#444; font-size:1em;}

/* search box */
#searchbox {background:rgba(56,56,56,0.95); width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
#searchbox input, #searchbox button {margin:0;}
#searchbox .ms-srch-sb-border {display: flex; border: none; border-bottom: 2px solid #fff !important; align-items: flex-end;}
#searchbox .ms-srch-sb > .ms-srch-sb-searchLink {width: 3em; height: 3em; display: block; float: right; background:center center url("img/findW.svg") no-repeat; background-size:contain; opacity:0.7;}
#searchbox .ms-srch-sb > .ms-srch-sb-searchLink:hover {opacity:1;}
#searchbox img {opacity:0;}
#searchbox img:before {content:'x'; width:1em; height:1em; position:absolute; top:0; left:0; display:block;}
#searchbox .icon-Close:before {color:#eee;}
#searchbox .icon-Close:hover::before {color:#fff;}

/* sharepoint search */
.inline-form .field-set .ms-webpartzone-cell {margin:0;}
.column2 #Result, .column2 h2.ms-search-header, .column2 h2.ms-srch-error-header {margin-top:0; padding-top:0;}
#SearchBox div, .column1 div {border:none; width:100%; max-width:300px;}
#SearchBox div input[type=text] {-moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; width:calc(100% - 2em); border-right:none; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; border:1px solid #ababab; height:1.6em; margin:0;}
#SearchBox div a.ms-srch-sb-searchLink {-moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; margin:0; background:#fff; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; min-width:auto; border:1px solid #54C7DA; padding:0.4em 0.75em;}
#SearchBox div a.ms-srch-sb-searchLink:hover {background:#54C7DA;}

#Result a:link h5, #Result a:visited h5, .list a:link h5, .list a:visited h5 {color:#54C7DA; text-decoration:none; font-size:1.5em;}
#Result a:hover h5, .list a:hover h5 {font-size:1.5em; text-decoration:underline;}
#Result a p, .list a p {color:#383838;}
#Result .ms-srch-item-highlightedText {font-style:italic;}
#Result .ms-srch-resultFooter {display: none;}

/*** page parts */
header, main, footer {display:block; width:100%; opacity:1; transition:all 0.25s ease;}
header {z-index:2}
header [class^="icon-"]:before, header [class*=" icon-"]:before {font-size:1.5em;}
main, footer {z-index:1}
body.app main {background: #fafafa;}
body.nav-open header, body.nav-open main, body.nav-open footer {opacity:0.2;}
.page-wrap {display:block; max-width:1534px; margin:0 auto; transition:all 0.25s ease;}

/* columns */
.column1 {width: 300px; display: inline-block; clear: none; float: left; padding-right:1em;}
.column2 {display: inline-block; padding:0 2em 2em 2em; width: calc(100% - 601px); clear: none;}
.column3 {width: 300px; display: inline-block; float: right; clear: none; padding-left:1em;}
.column4 {display:block; width:100%; clear:both; padding:1em; background:#ccc; border-top:1px solid #383838;}

.two-column .column1 {border:1px solid rgba(255,255,255,0);}
.two-column .column2 {width: calc(100% - 301px);}



/* tabs */
.tab0, .tab1, .tab2, .tab3 {width:100%;}
/* tab 0 */
.home .tab0, .landing .tab0 {display:none;}
.grid .tab0 {display:block;}
.grid .tab0 article {padding-bottom:0;}
header.thin + .grid .tab0, .app .grid .tab0 {padding-top:5.5em !important; }
/*tab 1 */
.tab1 {transition:all 0.25s ease;}
.home .tab1 {min-height:calc(100vh - 5.5em); display:flex; flex-wrap:wrap; align-items:center;}
.home .tab1 .flex-wrap {flex-basis:100%;}
.landing .tab1 {min-height:calc(100vh - 10.75em); background-repeat:no-repeat; background-position:left bottom;}
.grid .tab1 article {padding-top:0;}
.landing .header-solid .tab1 {min-height:calc(100vh - 5.25em);}
body.app .grid .tab1 {background:none;}

/* tab 3 */
.home .tab3 {-webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.75);}

/* breadcrumb */
.breadcrumb {display:flex; align-items:center; justify-content:flex-start; width:100%}
.breadcrumb li {display:inline-block;}
.breadcrumb li a {text-decoration:none; color:#383838;}
.breadcrumb li a:hover {color:#54C7DA;}
.breadcrumb li a:after {content:">"; padding:0 0.25em;}
.breadcrumb li a:hover::after {color:#383838;}
.breadcrumb li:last-child a:after {content:none;}



/* generic header */
header {position:fixed; top:0; left:0; width:100%; transition:all 0.25s ease; height:10.5em;}
header .page-wrap {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; position:relative;}
	/* .alert-banner header {height:14em;} */
.header-solid  header {height:5.25em;}

	/* .alert-banner.header-solid header {height:8.75em;}*/
header .platform {position:absolute; top:0; left:0; height:100%; width:100%; transition:all 0.25s ease; background:#fff; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);} 

header.thin {height:5.25em; top:0; left:0; width:100%; transition:all 0.25s ease; background:#fff; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);} 

/* home page header */
.home header {height:5.25em;}
	/*.home .alert-banner header {height:8.75em;}*/
.home header .platform {top:-5.250em;}
	/*.home .alert-banner header .platform {top:-8.75em;}*/
.home .header-solid  header .platform {top:0;}




/* alert banner */
.alert {padding:1em 1.5em; position:absolute;  top:-20em; left:0; transition:0.25s ease; width:100%; z-index:999; min-height:5.25em; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box;}
.alert-banner .alert {top:0;}
.alert h3 {font-weight:400; display: flex; align-items: center; margin:0; justify-content:flex-start;}
.alert h3 a, .alert h3 a:visited {text-decoration:none; color:#383838; padding-left:1em;}
.alert h3 a:hover {text-decoration:underline;}
.alert .close-alert {width:auto; color:#383838; border:none; background:none; margin-top:0 !important;}
.alert .close-alert:hover {color:#fff;}



/* forms */
ul.field-group {padding:1em 0; display:flex; align-items:stretch; justify-content:flex-start; flex-wrap:wrap; list-style:none; margin:0;}
ul.field-group li {flex-basis:100%;}
label {width:100%; display:block; margin-bottom:0.5em; text-transform:uppercase; white-space: nowrap; font-weight:bold; text-align:left; max-width:480px;} 
label small {text-transform:none;}
select {width:100%; display:block; max-width:224px; float:left; clear:none;}
input[type=text] {width:100%; display:block; max-width:224px;}
button, input[type=submit], input[type=cancel] {background:none; text-transform:uppercase; font-weight:700; width:auto; margin-top: 1.9em; border:1px solid #54C7DA;}
#btnBack {margin-left:auto; margin-right:auto;}
button:hover, input[type=submit]:hover, input[type=cancel]:hover {color:#fff; background:#54C7DA;}
*:disabled {color:#ccc; border-color:#ccc; background:#eee;}
button:disabled, button:disabled:hover {color:#ccc; border-color:#ccc; background:#fff;}
.validation-error {font-size:0.7em; text-transform:uppercase;}
.error .validation-error {color:#c00;}

.loadingSpinner {margin: 8px; float: left; clear: none;}
.switch {position: relative; display: inline-block; width: 60px; height: 34px; margin:0 1em;}
.switch input {opacity: 0; width: 0; height: 0;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px;}
.slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;  border-radius: 50%;}
input:checked + .slider {background-color: #54C7DA;}
input:focus + .slider {box-shadow: 0 0 1px #54C7DA;}
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}

.column1 select, .column1 input[type=text] {max-width:100%; margin-bottom:0.75em;}

/* aside column search forms */
.inline-form label {padding-right:1em;}
.inline-form input[type=checkbox] + label, 
.inline-form input[type=radio] + label {padding-left:1em; padding-right:0;}
.inline-form input[type=text], .inline-form select {width:100%; border:1px solid #ccc;}
.inline-form {width:100%;}
.inline-form .field-set {display:flex; align-items:center; justify-content:flex-start; padding:0.25em;}
.search-results input.search-input, #searchbox input.search-input {width:calc(100% - (2em + 2px)); max-width:calc(224px - (2em + 2px));border-right:none; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0;}
#searchInputBox {width:100%; text-align:center; font-size:1.5em;}
#searchbox input.search-input {border-color:#fff; padding:0.4em 0.75em;}
.search-results button.search-submit, #searchbox button.search-submit {margin:0; background:#fff; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; min-width:auto;}
.search-results button.search-submit:hover, #searchbox button.search-submit:hover {background:#54C7DA;}
#searchbox input.search-input, #searchbox button.search-submit {display:inline-block; width:auto; max-width:260px; min-width:auto;}

/* validation error */
ul.field-group li.error select, ul.field-group li.error textarea, ul.field-group li.error input  {border-color:#c00; background:#fee;}
ul.field-group li.error span.error {font-size:0.7em; color:#c00;}
footer span.validation-error {max-width: 191px; display: inline-block; width: 100%; padding:3px 0; text-transform: uppercase; font-size:0.8em; }
footer span.validation-error span:before {content: '\e802'; font-family: "fontello"; margin-right:1em; color:#f00;}

/* forms - find a location local settings */
#mpi_locator_filters #btnSearch {margin-top:1.9em;}
#mpi_locator_filters #btnHelp {border-color:#81caa5;}
#mpi_locator_filters #btnNewSearch {border-color:#c00;}

#mpi_locator_filters #btnHelp:hover {color:#fff; background-color:#81caa5;}
#mpi_locator_filters #btnNewSearch:hover {color:#fff; background-color:#c00;}


/* form widget - page top container */
ul.field-group.form-widget {position: fixed; background: #eee; top: 5.25em; left: 0; margin: 0; padding: 1em 1.5em 0.75em 1.5em; width:100%; display:none; align-items:center; justify-content:center; flex-wrap:nowrap;}
ul.field-group.form-widget li {flex-basis:auto; display:flex; align-items:center; justify-content:center; padding:0 0.5em;}
ul.field-group.form-widget li:first-child {padding-left:0;}
ul.field-group.form-widget li:last-child {padding-right:0;}
ul.field-group.form-widget li label {margin:0; padding:0;}
ul.field-group.form-widget li .button {margin:0;}
ul.field-group.form-widget li.switch span + .switch {margin-left:1em;}
ul.field-group.form-widget li .switch + span {margin-left:1em;}
ul.field-group.form-widget li.disabled {color:#999;}
ul.field-group.form-widget li.disabled .slider {background:#d4d4d4;}

/* form widget - multistep forms */
.form-steps, .form-steps .field-set {text-align: center;}
.form-steps .story-content h2 {margin-bottom: 0; margin-top:1em}
.form-steps .story-content h2 + p {margin-top: 0; margin-bottom: 0;}
.form-steps + .form-steps h2 {margin: 1em 0;}
.form-steps .field-set select, .form-steps .field-set input[type=text], .form-steps .field-set input[type=email], .form-steps .field-set input[type=tel] {text-align: left; margin-left: auto; margin-right: auto; float: none; clear: both;}
.form-steps .field-set button {margin-left: auto; margin-right: auto; float: none; clear: both;}


/* footer */
footer {padding-bottom:4em;}
footer * {color:#eee;}
footer a, footer a:link, footer a:visited {text-decoration:none; color:#eee;}
footer a:hover {color:#fff; text-decoration:underline;}
footer ul.grid-list li h5 {margin-top:1em;}
footer ul.grid-list li ul {font-size:0.9em;}
footer li li {margin:0 0 0.5em 0 !important;}
footer li #footerServices li {margin-bottom:1em !important;}
footer label {width:100%; display:block; font-size:0.75em; margin-bottom:0.85em;} 
footer select {width:calc(100% - 33px); color:#fff; background-color:#555555; max-width:191px; border:none; display: inline-block;}

footer button {background:none; color:#54C7DA; border:none; text-transform:uppercase; font-weight:700; width:auto; margin-top:0;}
footer button:hover {color:#fff; background:none; border:none;} 

/* aside column */
aside {z-index:99999; width:100%; height:100%; background:rgba(240,240,240,0.95); position:fixed; top:-101vh; right:-101vw; transition:all 0.5s ease;}
aside .icon-Close:before {color:#383838; padding:0.235em; width:1em; height:1em; display:inline-block; position:fixed; top:calc(-101vh + 1em); right:calc(-101vw + 1em); transition:all 0.5s ease;}
aside .icon-Close:hover::before {color:#000;}
.nav-open aside {top:0; right:0;}
.nav-open aside .icon-Close:before {top:1.938em; right:calc((100% - 1534px) / 2);}

/*** content */
/* articles */
article {padding:2.5em 0;}
/* menu treatments */
/* top channels */
.primary-menu {order: 3; width: 100%; position: fixed; left: 0; top: 5.25em; background: #FAFAFA; height:5.25em; -webkit-box-shadow: 0px -1px 5px -2px rgba(0,0,0,0.5); -moz-box-shadow: 0px -1px 5px -2px rgba(0,0,0,0.5); box-shadow: 0px -1px 5px -2px rgba(0,0,0,0.5); transition:all 0.01s ease;}
	/*.alert-banner .primary-menu {top:8.75em;}*/
/*.header-solid .primary-menu, .home .primary-menu {order:1; width:auto; margin:0 auto; left:auto; top:auto; position:relative; background:none; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}*/

.header-solid .extra-nav li:last-child, .home .extra-nav li:last-child {display:block;}


.header-solid .primary-menu, .home .primary-menu {top:-20em;}
.channel-nav {justify-content:center; transition:all 0.25s ease;}
.channel-nav .card {width:165px; transition:all 0.25s ease;}
.channel-nav .card .channel-brand[class^="icon-"]:before, 
.channel-nav .card .channel-brand[class*=" icon-"]:before {text-align:center; margin:0.3em 0 0 0; padding:0; line-height:1em; color:inherit;}
.channel-nav .card a {font-weight:600; text-align:center; color:#383838; transition:all 0.25s ease; text-decoration:none;}
.channel-nav .card a:hover {color:#54C7DA;}
.header-solid .channel-nav .card {width:auto;}
.header-solid .channel-nav .card .channel-brand[class^="icon-"]:before, 
.header-solid .channel-nav .card .channel-brand[class*=" icon-"]:before {display:none;}
.header-solid .channel-nav .card a {margin:0;}
.home .channel-nav .card {text-indent:-9999px; overflow:hidden; opacity:0; width:0;}
.home .channel-nav .card .channel-brand[class^="icon-"]:before, 
.home .channel-nav .card .channel-brand[class*=" icon-"]:before {display:none;} 
.home .channel-nav .card a {color:#efefef; margin:0;}
.home .channel-nav .card a:hover {color:#54C7DA;}
.home .header-solid .channel-nav .card {text-indent:0; opacity:1; width:auto;}
.home .header-solid .channel-nav .card a {color:#383838;}
.home .header-solid .channel-nav .card a:hover {color:#54C7DA;}

/* extra top nav */
.secondary-menu {margin-left:auto; order:2;}
.header-solid .secondary-menu, .home .secondary-menu {margin-left:auto; order:1;}
.extra-nav {display:flex; justify-content:flex-end; align-items:center;}
.extra-nav li {margin:0 0.5em;}
.extra-nav li:first-child {margin-left:0;}
.extra-nav li:last-child {margin-right:0;}
.extra-nav li a {color:#383838; text-decoration:none; font-weight:400; line-height:1.4em; transition:all 0.25s ease;}
.extra-nav li a:hover {color:#54C7DA;}
.extra-nav li.alert-toggle {display:none;}
.extra-nav li.alert-toggle.active {display:block;}
.home .extra-nav li a {color:#efefef;}
.home .extra-nav li a:hover {color:#54C7DA;}
.home .header-solid .extra-nav li a {color:#383838;}
.home .header-solid .extra-nav li a:hover {color:#006171;}

/* extra top nav lang settings */
html:lang(en) .secondary-menu .onlinePayment span:before, html:lang(en) aside .nav-list.secondary .paymentLink span:before {content:'Online Services'; display:block;}
html:lang(fr) .secondary-menu .onlinePayment span:before, html:lang(fr) aside .nav-list.secondary .paymentLink span:before {content:'Services en ligne'; display:block;}

html:lang(en) .secondary-menu .contactUsLink span:before, html:lang(en) aside .nav-list.secondary .contactUsLink span:before {content:'Contact Us'; display:block;}
html:lang(fr) .secondary-menu .contactUsLink span:before, html:lang(fr) aside .nav-list.secondary .contactUsLink span:before {content:'Communiquez avec nous'; display:block;}

html:lang(en) .secondary-menu .reportFraudLink span:before, html:lang(en) aside .nav-list.secondary .reportFraudLink span:before {content:'Report Fraud'; display:block;}
html:lang(fr) .secondary-menu .reportFraudLink span:before, html:lang(fr) aside .nav-list.secondary .reportFraudLink span:before {content:'Signaler une fraude'; display:block;}

html:lang(en) .secondary-menu .langLink span:before, html:lang(en) aside .nav-list.secondary .langLink span:before {content:'FR'; display:block;}
html:lang(fr) .secondary-menu .langLink span:before, html:lang(fr) aside .nav-list.secondary .langLink span:before {content:'EN'; display:block;}

html:lang(en) .secondary-menu .careersLink span:before, html:lang(en) aside .nav-list.secondary .careersLink span:before {content:'Careers'; display:block;}
html:lang(fr) .secondary-menu .careersLink span:before, html:lang(fr) aside .nav-list.secondary .careersLink span:before  {content:'Carrières'; display:block;}

/* home feature */
.feature {flex-basis:100%;}
.feature h1 {max-width:768px; font-weight: 700;}
.feature h2 {text-align:left; margin-left:0;font-weight: 300; color:#fff; font-size:2.25em; max-width:768px; padding-top:0.55em;}
.feature .inline-list {margin-top:2.250em;}
/* home page channels */
.channels {flex-basis:100%;}
.channels h2 {text-align:center; font-weight:300; color:#6D6E71; display:none; opacity:0; transition:all 0.25s ease;}
.channels .grid-list {justify-content:space-between;}
.channels .grid-list li.card {flex-basis:180px;}
.channels hr.w36 {display:none;}
/* video box */
#storyplayer {width:60vw; height: 40vw; position:absolute; top:calc(50% - 20vw); left:calc(50% - 30vw);}
/* search box */

/* tools-featured */
.tools-featured {padding-bottom:0;}
.landing .tab3 .tools-featured {padding-top:0;}

/* tools */
html:lang(en) .tools .tools-active span:before {content:"view more tools";}
html:lang(fr) .tools .tools-active span:before {content:"Voir plus d'outils";}
html:lang(en) .tools.active .tools-active span:before {content:'close tools';}
html:lang(fr) .tools.active .tools-active span:before {content:'fermer les outils';}
.tools {padding-top:0;}
.tools .grid-button-list {height:0; overflow:hidden; opacity:0; transition:all 0.5s ease;}
.tools.active .grid-button-list {height:auto; opacity:1;}
.tools .tools-active {margin:0 auto; width:calc(25% - 1em); display:block; transition: all 0.25s ease; border: 1px solid #54C7DA; color: #383838; background:#fff;}
.tools .tools-active:hover {color: #fff; background:#54C7DA;}
.tools.active .tools-active {margin-top:16px;}


/* landing topics */
.channel-topics {padding-bottom:0;} 
.tab1 .channel-topics p {text-align:center;}
.tab1 .channel-topics p + .grid-button-list {margin-top:2em;}

/* landing topic pages */
.channel-pages {padding-top:0;}

/* bx slider */
.channel-slider {padding:0;}
.bx-wrapper {-moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; border:none !important; border-top: 1px solid #97ced5 !important}
.bx-wrapper, .bx-viewport, .bx-wrapper img {/*max-height: 28.333vw !important;*/ width:100%;}
.bx-wrapper .slide {height:28.333vw; background-size:cover; background-position:center center;}
.bx-wrapper .slide span.content {width:100%; height:100%; background-position:center center; background-size:cover; padding:1em 12.5em; position:absolute; top:0; left:0; display: flex; flex-flow: row wrap; align-content: center; justify-content: flex-start;}
.bx-wrapper .slide span.content * {width:100%; display:block; color:#fff;}
.bx-wrapper .slide span.content a.button {width:auto; display:inline-block; margin-top:1em; margin-right:1em; border: 2px solid #54C7DA;}
.bx-wrapper .slide span.content a.button:hover {color:#fff; background:#54C7DA;}
.bx-wrapper .bx-controls-direction a {margin-left: 4.375em; margin-right: 4.375em;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#fff !important; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus {background:#54C7DA !important;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:1em !important;}
.bx-wrapper .bx-pager {padding-top:20px; padding-bottom:20px;}
.bx-prev, .bx-next {color:#fff; text-indent:0 !important; text-decoration:none; background:none !important;}
.bx-prev:before, .bx-next:before {width:2em; line-height:2em; vertical-align:center; color:#54C7DA; text-decoration:none;}
.bx-prev:before { content: '\e80b'; } 
.bx-next:before { content: '\e80d'; } 
.bx-prev:hover::before, .bx-next:hover::before {color:#fff;}
.bx-wrapper h1 {font-weight: 700;}
.bx-wrapper h2 {text-align: left; margin-left: 0; font-weight: 300; color: #fff; font-size: 2.25em;}

/* faux tables */
div.row {display:flex; align-items:stretch; justify-content:flex-start; flex-wrap:wrap;}
div.row [class^="col"], div.row [class*=" col"] {box-sizing: border-box; padding:0.75em 0.5em;}
div.row:nth-child(even) {background:#eee;}
div.row.desktop {background:#54C7DA;}
div.row.desktop [class^="col"] p, div.row.desktop [class*=" col"] p {display: flex; align-items: flex-end; justify-content: space-between; margin: 0; padding: 0; line-height: 1.1em; font-size: 1em; font-weight: bold;}
div.row.desktop [class^="col"] p strong, div.row.desktop [class*=" col"] p strong {color:#fff; text-transform:capitalize;}

/* app intros */
.flex-grid p a, .flex-grid p a:visited {color:#81caa5; text-decoration:none;}
.flex-grid p a:hover {color:#383838; text-decoration:underline;}
.flex-grid p + p {margin-top:1em;}

/* article content */
h1.page-title {color:#54C7DA; margin-bottom:40px; font-weight:400;}
.story-content h1,
.story-content h2, 
.story-content h3, 
.story-content h4, 
.story-content h5, 
.story-content h6, 
.story-content p {margin:0 0 16px 0;} 
.story-content h2 {color:#54C7DA; margin:0 0 16px 0;}
.story-content ol {margin:0 0 16px 0; list-style:decimal; padding-left:32px;} 
.story-content ul {margin:0 0 16px 0; list-style:disc; padding-left:32px;}
.story-content li {font-size:1.25em; line-height:1.5em; margin:0 0 16px 0;}
.story-content li p, 
.story-content p li,
.story-content li li {font-size:1em}
.story-content ul ul, 
.story-content ol ol, 
.story-content ul ol, 
.story-content ol ul {margin:0 0 16px 0;}
.story-content hr.w36 {margin-top:32px; margin-bottom:32px;}
.story-content a, .story-content a:link, .story-content a:visited {color:#81caa5; text-decoration:none;}
.story-content a:hover {color:#383838; text-decoration:underline;}

/* Accordion */
ul.accordion {width: 100%; list-style: none; margin: 0; padding: 0;}
ul.accordion.listings {border-top: 1px solid #ddd;}
ul.accordion li.item {width: 100%; margin: 0 0 1px 0; background: #fff; border-bottom: 1px solid #ddd;}
ul.accordion li.item:nth-child(even) {background: #f4f4f4;}
ul.accordion li.item .tab {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }
ul.accordion li.item .tab .switch {margin-bottom:0 !important;}

ul.accordion li.item .tab .item-wrap {
                flex-basis: calc(100% - 10em);
                padding: 1em 0;
                display: block;
                width: 100%;
                cursor: pointer;}
ul.accordion li.item .tab .title {
                color: #333;
                font-weight: 700;
                display: block;
				padding-left:0.75em;
            }
ul.accordion li.item .tab .desc {
                color: #333;
                display: block;
                font-size: 0.8em;
            }

ul.accordion li.item .tab .warn {
                margin-top: 0.5em;
                color: #c00;
                display: block;
                font-size: 0.7em;
                background: left 3px url(Red-Alert-Bell.svg) no-repeat;
                background-size: auto 1em;
                padding-left: 1.75em;
                line-height: 1.25em;
            }

ul.accordion li.item:hover .tab {
            color: #383838;
        }

ul.accordion li.item .content {
            flex-basis: 100%;
            display: block;
            height: 0;
            overflow: hidden;
            padding: 0 1em;
            opacity: 0;
            transition: all 0.25s ease;
            border-top: 1px solid #ddd;
        }

ul.accordion li.item.active .tab, ul.accordian li.item.active:hover .tab {
            border-bottom: none;
        }

ul.accordion li.item.active .content {
            display: block;
            height: auto;
            padding: 1em;
            opacity: 1;
            background: #eee;
        }

ul.accordion li.item.active .content {
            font-size: 0.8em
        }

ul.accordion li.item.active .content ul li {
                margin: 0;
                padding: 0;
            }

ul.accordion li.item .icon-Chevron-Down-Lg:before {
            color: #54C7DA;
            cursor: pointer;
            margin-right: 1em;
        }

ul.accordion li.item.active .icon-Chevron-Down-Lg:before {
            content: '\e814';
        }

ul.accordion li.item.disabled {
            opacity: 0.5;
        }

ul.accordion li.item.disabled *, ul.accordion li.item.disabled .icon-Chevron-Down-Lg:before {
                cursor: help;
            }

ul.accordion li.item.suppressed {
            display: none;
            opacity: 0;
            height: 0;
            overflow: hidden;}


/* storeLocator and other form filter systems*/
.storeLocator #mpi_locator_filters li {padding-right:1em; width:auto; flex-basis:auto; padding-bottom:0.5em}
.storeLocator #mpi_locator_filters li:last-child {padding-right:0;}
.storeLocator #mpi_locator_filters li p a {color:#81caa5; text-decoration:none;}
.storeLocator #mpi_locator_filters li p a:hover {color:#000; text-decoration:underline;}
.storeLocator #mpi_locator_filters li p.note {font-size:0.7em; text-transform:uppercase; font-weight:bold; line-height:1.1em; display:block; padding-top:0.25em;}
.storeLocator #mpi_locator_filters li .three-part-date, .storeLocator #mpi_locator_filters li .two-part-help {display:flex; align-items:center;}
.storeLocator #mpi_locator_filters li .three-part-date {flex-wrap:wrap;}
.storeLocator #mpi_locator_filters li .three-part-date select {margin-right:1em; width:auto; max-width:auto;}
.storeLocator #mpi_locator_filters li .three-part-date select:last-child {margin-right:0;}
.storeLocator #mpi_locator_filters li .two-part-help .icon-Help {margin-left:0.5em;}
.storeLocator #map {display: block; border: 1px solid #ccc; height: 400px; margin-top: 1em; position: relative; overflow: hidden;}
.storeLocator #mpi_locator_filters li label span {white-space:normal;}

.storeLocator .row [class^="col"], .storeLocator .row [class*=" col"] {width:calc(33% - 1px);}
.storeLocator .row a {color:#000;}
.storeLocator .row a:hover {text-decoration:underline;}
.storeLocator .row a.map-pop {font-weight:bold;}
.storeLocator.quad .row [class^="col"], .storeLocator .row [class*=" col"] {width:calc(25% - 1px);}

/* course results variation */
#courseFinderForm select {text-transform:capitalize;}
#courseResults .mpi_addresses.desktop {margin-top: 1em;}
#courseResults #resultsList .row p {line-height:1.1em; padding-top:1em; padding-bottom:0;}
#courseResults #resultsList .row span.small {text-transform:capitalize;}
#courseResults .story-content {padding:1em 0;}
#courseResults #resultsList .nrf {padding:1em 0;}
#courseResults #resultsList .row [class^="col"], #courseResults #resultsList .row [class*="col"] {padding-bottom:1em;}
#courseResults #featuredListings {margin-bottom:2em; display:none}
#courseResults #featuredListings.active {display:block;}

#resultsList .row img.legend-icon {margin-right:0.5em;  width:auto; height:16px; margin-bottom: -3px}
#resultsList .row .col1 p.small {font-size: 0.7em; padding: 1em 0 0 2.3em;}
#resultsList .row .col2 .icon-star1 {margin-bottom: -2px; width: 1em; margin-left: 0.25em;}

/* contact form */
.contact-form [class^="step"], .contact-form [class*=" step"] {display:none;}
.contact-form .button, .contact-form button {margin:0 0.5em;}
.contact-form .step0 {display:block;}
.contact-form .step0 ol {margin-left:2.5em; margin-top:1em;}
.contact-form .step0 ol li {margin-bottom:1em; font-size:1.25em;}
.contact-form .step0 p {margin-bottom:1em;}
.contact-form .field-group li {padding-bottom:1em;}
.contact-form .field-group li.existing, .contact-form .field-group li.claim, .contact-form .field-group li.license {display:none;}
.contact-form .field-group li .wrapper {display:flex; align-items:center; justify-content:flex-start}
.contact-form .field-group li * {max-width:100%;}
.contact-form label {white-space:normal;}

/* quizzes */
.quizzMaker {}
.quizzMaker .questionBox {}
.quizzMaker .questionBox .questionContent {display:flex; justify-content:flex-start; align-items:center;}
.quizzMaker .questionBox .questionContent img {max-width:240px; max-height:240px;}
.quizzMaker .questionBox .questionContent p {}
.quizzMaker .questionBox ul.answerContent

/* pagination */
ul.pagination li {cursor:pointer; margin: 0px; padding: 1px 7px 4px 8px; position: relative; top: 1px; color: #777;}
ul.pagination li:hover {color:#54C7DA;}
ul.pagination li.active {color:#54C7DA; font-weight: bold;}
.ms-srch-result #Paging #PagingImageLink {display:none !important;}

/* map legend */
ul.legend {list-style:none; padding:0; margin:1em 0 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start;}
ul.legend li {padding:0 2em 0 0; display:flex; align-items:center; justify-content:flex-start; margin:0;}
ul.legend li:last-child {padding-right:0;}
ul.legend li .small {font-size:0.75em; font-weight:bold;}

/* helpers */
.desktop {display:block;}
.mobile {display:none;}
.centered {text-align:center; margin:0 auto;}
cf:before, .cf:after {content:" "; display:table;}
.cf:after {clear: both;}
.cf {*zoom:1;}
.hidden {display:none !important; opacity:0 !important;}
a.intercept-link, a.intercept-link:hover, a.intercept-link:link {color:#444 !important; text-decoration:none; cursor:none;}

section.spinner img {opacity:0; width: 200px; height: 200px; -webkit-animation: rotation 2s infinite linear;}
body section.spinner {position: fixed; top: 0; left: 0; background: rgba(255,255,255,0.0); width: 100%; height: 100%; z-index: -1; transition:all 0.5s ease; display:flex; align-items:center; justify-content:center;}
body.spinner section.spinner {background: rgba(255,255,255,0.9); z-index: 999;}
body.spinner section.spinner img {opacity:1;}

@keyframes rotation {
	from {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}

	to {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

/* Sharepoint kill list */
#tagset {display:none;}
.ms-core-overlay {background:none; opacity:1;}
#s4-bodyContainer {padding-bottom:0;}
ul.s4-breadcrumb {display:none;}
.home .v4master #s4-leftpanel {display: none;}
.home .v4master .s4-ca {margin-left: 0px;}
#pageTitle {display:none;}
#contentRow {padding-top:0;}
#contentRow #contentBox {margin-right: 0; margin-left: 0; min-width: 0;} 
#sideNavBox {margin-left:0; margin-right:0; display:none;}
.pagelayout .tab1 .ms-webpart-zone, .pagelayout .tab1 .ms-webpart-zone .ms-webpart-cell-vertical, .pagelayout .tab1 .ms-webpart-zone .ms-webpart-cell-vertical .ms-webpart-chrome-vertical {display:block;}
.ms-srch-result #PagingSelf a, .ms-srch-result #PagingSelf a:hover, .ms-srch-result #PagingSelf a:visited, .ms-srch-result #PagingLink a:hover {color:#54C7DA;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.home .tab1 {padding-top:5.5em;}
}
@media only screen and (max-width: 1919px){
	.landing .tab1 {background-image:url("img/insurance-landing-bground-2560-short.jpg");}

}
@media only screen and (max-width: 1600px){
	.page-wrap {margin:0 2.5em;}
	.modal.active .icon-Close:before, 
	.nav-open aside .icon-Close:before {right:2.5em;}
}
@media only screen and (max-width: 1566px){
	.channels .grid-list li.card {margin-bottom:1em;}
	.flex-wrap {display:block; width:100%;}
}
@media only screen and (max-width: 1273px){
	.column2 {width:calc(100% -  301px); padding-right:0; padding-bottom:0;}
	.column3 {width:calc(100% -  301px);padding:1em 0 0 0;}
	footer .grid-list li {flex-basis:calc(50% - (1em + 1px));}
}
@media only screen and (max-width: 1070px){
	.desktop {display:none !important;}
	.mobile {display:block;}
	header {height:auto;}
	#s4-workspace {height:calc(100% - 5.25em) !important;}
	.grid-list li, .grid-button-list a {flex-basis: calc(50% - (1em + 1px));}
	.tools .tools-active {width:calc(50% - (1em + 1px));}
	.mpi_content_anchor {display:flex; align-items:stretch; justify-content:space-between; flex-wrap:wrap;}
	.mpi_content_anchor div.row {flex-basis:33%; display:block; border:1px solid #ccc; background:#fff; padding:1em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; margin-bottom:0.5%;}
	.mpi_content_anchor div.row [class^="col"], .mpi_content_anchor div.row [class*=" col"] {flex-basis:100% !important; display:block; width:100% !important; clear:both; text-align:center;}
	#courseResults .mpi_addresses.desktop {margin-top: 0;}
	#courseResults #resultsList {margin-top: 1em;}
	
	/* sortable tables pattern */
	table.sortable {display:block; width:100%;}
	table.sortable thead {display:none; width:100%;}
	table.sortable th {display: table-row;}
	table.sortable tbody {display:flex; width:100%; flex-wrap:wrap; justify-content: space-between; align-items:stretch;}
	table.sortable tbody tr:nth-child(even), table.sortable tbody tr:nth-child(odd) {display:flex; padding:1em; flex-basis:33%; flex-wrap:wrap; margin:0.33% 0; background:#fff; border: 1px solid #ccc; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; flex-grow:2;}
	table.sortable td {padding:0.5em 0.5em 0 0.5em; flex-basis:100%; text-align:center; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start;}
	table.sortable td > span {flex-basis:100%; display:block; text-align:left; clear:both}
    table.sortable td:before {font-weight:bold; color:#54C7DA; flex-basis:100%; text-align:left;}
	html:lang(en) table.sortable td:before {content: attr(data-en-label);}
	html:lang(fr) table.sortable td:before {content: attr(data-fr-label);}
	main {padding-top:4.375em;}
	ul.field-group.form-widget {display:flex;}
}
@media only screen and (max-width: 1024px){
	.inline-list li {margin-bottom:1em;}
	.home .feature {display:flex; flex-wrap:wrap; align-items:center;min-height:calc(100vh - 5.25em); height:calc(100vh - 5.25em); padding-top:0;}
	.tab1 #article-down {display:block;}
	.tab1 #page-down {display:none;}
	.channels hr.w36 {display:block;}
	.channels {background:#FAFAFA; -webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.75); padding:2em 0;}
	.channels h2 {display:block; opacity:1;}
	.home .tab3 {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding:1.5em 0;}
	.channels .grid-list {align-items:stretch; justify-content: center;}
	.channels .grid-list li {flex-basis:calc(50% - (1em + 1px))}
	.card {padding-bottom:1em; border-bottom:2px dotted #eaeaea}
	.card .channel-brand[class^="icon-"]:before, .card .channel-brand[class*=" icon-"]:before {color:#383838;}
	.card a {color:#383838;}
	.card h3 a {color:#54C7DA;}
	.card a:hover {color:#000;} 
	.card a.more:hover {color:#383838;}
	.card a.more:hover [class^="icon-"]:before, .card a.more:hover [class*=" icon-"]:before {color:#383838;}
	.story-results .card.story {border-bottom:none;}
	.bx-wrapper h2 {font-size: 1.75em;}
}
@media only screen and (max-width: 978px){
	.tools-featured .grid-list li {margin-bottom:2em}
	.tools-featured .grid-list li:last-child {margin-bottom:0;}
	.bx-wrapper h1 {font-size: 2.5em;}
	.bx-wrapper h2 {font-size: 1.5em;}
}
@media only screen and (max-width: 920px){
	.column1, .column2, .column3 {margin:0; padding:0; width:100%;}
	.column1 {position:fixed; background:#eee; top:5.25em; left:0; margin:0; padding:1em 1.5em 0.75em 1.5em;}
	.search-results .column1 .inline-form li {width:100%;}
	.search-results .column1 .inline-form li .ms-srch-sbLarge {background:none;}
	#SearchBox div input[type=text] {background:#fff; padding:0.5em 3em 0.5em 0.5em}
	.column1 .jump-select {margin-bottom:0;}
	#SearchBox div, .column1 div {max-width:100%;}
	.column1 .inline-form {display:flex;; align-items:center; justify-content:space-between;}
	.column1 .inline-form li {width:calc(50% - 0.5em)}
	.column1 .break-column {display:none;}
	.two-column .column2 {width:100%;}
	.jump-nav {width:100%; top:auto !important; left:auto; position:relative;}
	.jump-nav h5 {text-align: center; width: 100%; font-size: 0.75em;}
	.jump-nav .content {display:none}
	select::-ms-expand {display: none;}
	.jump-nav #jump-select {width:100%; color:#383838; background-color:#fff; padding:0.5em 3em 0.5em 1em;  -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; background-image:url("img/select.svg"); background-size:0.75em auto; background-position: calc(100% - 1em) center; background-repeat:no-repeat;}
	.tab0 {padding-top:5em;}
	.bx-wrapper .slide {height:auto;}
	.related-nav {margin-top:2em;}
	.pagination {justify-content:center;}
	
}
@media only screen and (max-width: 800px){
	table.sortable tbody tr:nth-child(even), table.sortable tbody tr:nth-child(odd) {flex-basis:49.5%;}
}
@media only screen and (max-width: 772px){
	.story-results .card.story {margin:0 1.3em 4em 1.3em;}
	.bx-wrapper .slide span.content {background:rgba(0,83,96,0.5); padding: 1em 9.5em;}
	.mpi_content_anchor div.row {flex-basis:49.5%;}
	table.sortable tbody tr:nth-child(even), table.sortable tbody tr:nth-child(odd) {flex-basis:49.5%;}
}
@media only screen and (max-width: 767px){
	.landing .tab1, .landing .header-solid .tab1 {background:#fff !important; min-height:0;}
}
@media only screen and (max-width: 720px){
	.search-head .inline-form {flex-wrap:wrap;}
	.search-head .inline-form label {padding-right:1em; width:100%;}
	.search-head .inline-form .field-set:nth-child(1), 
	.search-head .inline-form .field-set:nth-child(2),
	.search-head .inline-form .field-set:nth-child(3) {flex-basis:100%; padding-bottom:0.5em}
	.search-head .inline-form .field-set:nth-child(3) {justify-content:flex-end;}
	.search-head .inline-form .field-set:nth-child(3) label {width:calc(50% - (0.5em + 13px)); }
}
@media only screen and (max-width: 680px){
	.channels .grid-list li {flex-basis:calc(100% - 1em); width:100%;}
	.bx-wrapper .slide span.content {padding:1em 8.5em;}
	.bx-wrapper .bx-controls-direction a {margin-left:3em; margin-right:3em;}

}
@media only screen and (max-width: 630px){
	.list li img {order:2;}
	.list li img + .content {order:1; padding-left:0; padding-right:1em;}
	.bx-wrapper h1 {font-size:1.75em;}
	.bx-wrapper h2 {font-size:1.15em;}
	.bx-wrapper a.button {font-size:0.7em;}
	.bx-wrapper .slide span.content {padding:1em 3.5em;}
	.bx-wrapper .bx-controls-direction a {margin-left:0em; margin-right:0em;}
	html:lang(fr) .app header .brand {background:center center url("img/Brand-ico.png") !important;background-size:auto 100% !important; width:3.25em !important;}
	.storeLocator #mpi_locator_filters li {width:100%; flex-basis:100%;}
	.storeLocator #mpi_locator_filters li .three-part-date select {width:100%; flex-basis:100%; margin-bottom:0.5em; margin-right:0; max-width:100%;}
	.storeLocator #mpi_locator_filters li .three-part-date select:last-child {margin-bottom:0;}
	header .brand {background:center center url("img/Brand-ico.png") !important;background-size:auto 100% !important; width:3.25em !important;}
	section.modal article.message span.story-content {font-size:0.8em}
	table.sortable tbody tr:nth-child(even), table.sortable tbody tr:nth-child(odd) {flex-basis:100%;}
}
@media only screen and (max-width: 480px){
	.page-wrap {margin:0 1.5em}
	.modal.active .icon-Close:before, 
	.nav-open aside .icon-Close:before {right:1.5em;}
	.bx-wrapper, .bx-viewport, .bx-wrapper img {width:auto; height:272px; max-width:auto;}
	.bx-wrapper img {max-width:unset !important; width:auto !important; right:0;}
	footer .grid-list li {flex-basis:calc(100% - (1em + 1px));}
	.list li a {display:block; width:100%;}
	.list li img {max-width:100%;}
	.list li img + .content {max-width:100%; padding:0;}
	.channels .grid-list li.card {flex-basis:100%; text-align:center;}
	.channels .grid-list li.card * {text-align:center; margin-left:auto; margin-right:auto;}
	.channels .grid-list li.card .channel-brand:before {margin-left:0; margin-right:0; text-align:center;}
	.story-results .card.story {flex-basis:100%; width:100%; margin:0 0 2em 0;}
	.mpi_content_anchor div.row {flex-basis:100%;}
	.storeLocator #map {height:300px;}
}
@media only screen and (max-width: 420px){
	h1 {font-size:2em;}
	h2 {font-size:1.75em !important;}
	.bx-wrapper h2 {font-size: 1.15em !important;}
	header ul.extra-nav {min-width: 70px;}
	.grid-list li, .grid-button-list a {flex-basis: 278px;}
	.tools .tools-active {width:100%;}
}
@media only screen and (max-width: 767px){
	li.onlinePayment, li.careersLink {display:none;}
	
}
@media only screen and (max-width: 335px){
	html:lang(fr) .app header ul.extra-nav {font-size: 0.8em;}
	
}
/* sets for skinny JS generated apps header / footer */
body.app footer {padding:1em 0;}
body.app main {min-height:calc(100vh - 4.15em);}
body.app main .tab1 {min-height: calc(100vh - 19.25em);}

/* print */
@media print {
	body {font-size:16px !important;}
	.grid .pagelayout header, .grid .pagelayout footer, .grid .pagelayout main .tabSPTool, .grid .pagelayout main .column1, .grid .pagelayout main .column3, .grid .pagelayout main section.tab3 {display:none;}
	.grid .pagelayout main .column2 {width:100%; max-width:100%; box-sizing:border-box;}
	#s4-workspace {height:auto; position:relative; top:0; left:0; bottom:auto;}
	* {color:#000 !important;}
}