/* Table of Contents /* Updated July 7 2016 /* 1 /* 1.1 Header /* 1.2 Footer /* 1.3 Search /* 2 /* 2.0 Overlays /* 2.1 Video Player /* 2.2 Tooltips /* 2.3 Carousel /* 2.4 Banners /* 2.5 Alert Message /* 2.6 Anchors /* 3 /* 3.0 Tabs /* 3.1 Tabs-Accordion /* 3.2 Accordion /* 3.3 Read More / Expander /* 3.4 Disclaimer / Footnotes /* 3.5 Emergency Messaging /* 3.6 Slider Input /* 3.7 Responsive Table /* 3.8 Icon CTAs /* 3.8 Icon Copy Block /* 4 /* 4.0 Mega Menu /* 4.1 Harris Mega Menu /* 5 /* 5.0 Step Card /* 6.0 Placeholder Label /* 1.1 Header */ /* Sat, 24 Jan 2015 21:06:25 +0000 */ .header { width:100%; } .header .header-primary { background-color:#0079c1; } .header .header-primary nav { position:relative; max-width:1200px; margin:0 auto; } .header .header-primary nav:after { display:table; content:""; clear:both; } .header .header-primary .header-hamburger { display:none; position:absolute; top:0; left:0; z-index:9999; width:32px; height:28px; padding:8px 7px 8px 6px; border-left:1px solid #0079c1; background-color:#0079c1; } .header .header-primary .header-hamburger:hover, .header .header-primary .header-hamburger:focus, .header .header-primary .header-hamburger:active { outline:0; background-color:#66a6ca; } .header .header-primary .header-hamburger > span { display:block; width:22px; height:30px; padding:0 5px; } .header .header-primary .header-hamburger > span > span { display:block; height:6px; border-top:1px solid #499fd2; border-bottom:1px solid #ffffff; } .header .header-primary .header-hamburger > span > span:first-child { height:5px; border-top:none; } .header .header-primary .header-hamburger > span > span:first-child + span + span + span { height:5px; border-bottom:none; } .header .header-primary .header-rondel { display:none; position:absolute; top:17px; left:87px; height:36px; } .header .header-primary .header-rondel img { height:36px; } .header .header-primary .header-icons { display:none; position:absolute; top:0; right:0; margin:0; padding:0; list-style:none; } .header .header-primary .header-icons:after { display:table; content:""; clear:both; } .header .header-primary .header-icons li { float:left; } .header .header-primary .header-icons li a { display:block; position:relative; height:70px; padding:0 5px; line-height:1.1em; color:#414141; font-size:.866em; } .header .header-primary .header-icons li a:hover, .header .header-primary .header-icons li a:focus, .header .header-primary .header-icons li a:active { outline:0; text-decoration:none; } .header .header-primary .header-icons li a > span { display:block; height:50px; padding:5px; text-align:center; } .header .header-primary .header-icons li a:focus > span { outline:1px dotted #414141; } .header .header-primary .header-icons li a.active:after { display:block; position:absolute; bottom:0px; left:50%; width:0; margin:0 -12px; border-style:solid; border-width:0 12px 10px; border-color:#f2f2f2 transparent; content:""; } .header .header-primary .header-icons li a .icon { width:30px; height:30px; margin:0 0 10px; } .header .header-primary .header-icons li.header-icons-two-lines a .icon { margin:0 0 3px; } .header .header-primary .header-icons li a .icon:before { color:#414141; line-height:30px; font-size:30px; } .header .header-primary .header-left { float:left; margin:0; padding:0; list-style:none; } .header .header-primary .header-left:after { display:table; content:""; clear:both; } .header .header-primary .header-left li { float:left; } .header .header-primary .header-left li a { position:relative; display:block; height:44px; padding:0 20px; border-right:1px solid #66a6ca; color:#ffffff; font-family:"dax-medium"; font-size:.866em; text-align:center; } .header .header-primary .header-left li a:before { display:inline-block; height:100%; vertical-align:middle; content:""; } .header .header-primary .header-left li a:hover, .header .header-primary .header-left li a:focus, .header .header-primary .header-left li a:active { outline:0; background-color:#66a6ca; text-decoration:none; } .header .header-primary .header-left li a.active { background-color:#ffffff; border-color:#ffffff; color:#0079c1; } .header .header-primary .header-left li a.active:after { display:block; position:absolute; top:0; bottom:0; left:-1px; width:1px; background-color:#ffffff; content:""; } .header .header-primary .header-left li a > span { display:inline-block; vertical-align:middle; } .header .header-primary .header-left li a.active:focus { padding:0 15px; } .header .header-primary .header-left li a.active:focus > span { padding:3px 5px; outline:1px dotted #0079c1; } .header .header-primary .header-right { float:right; margin:0; padding:0; list-style:none; } .header .header-primary .header-right:after { display:table; content:""; clear:both; } .header .header-primary .header-right li { float:left; } .header .header-primary .header-right li a { position:relative; display:block; height:44px; padding:0 20px; color:#ffffff; font-family:"dax-medium"; font-size:.866em; text-align:center; } .header .header-primary .header-right li a:before { display:inline-block; height:100%; vertical-align:middle; content:""; } .header .header-primary .header-right li a:hover, .header .header-primary .header-right li a:focus, .header .header-primary .header-right li a:active { outline:0; } .header .header-primary .header-right li a > span { display:inline-block; border-top:1px solid #0079c1; border-bottom:1px solid #0079c1; vertical-align:middle; } .header .header-primary .header-right li a:hover > span, .header .header-primary .header-right li a:active > span { border-bottom:1px solid #ffffff; } .header .header-primary .header-right li a:focus { padding:0 15px; } .header .header-primary .header-right li a:focus > span { padding:3px 5px; outline:1px dotted #ffffff; } .header .header-primary .header-right li a:focus:hover > span { border-bottom:1px solid #0079c1; } .header .header-primary .header-right li a.active:after { display:block; position:absolute; bottom:0px; left:50%; width:0; margin:0 -12px; border-style:solid; border-width:0 12px 10px; border-color:#f2f2f2 transparent; content:""; } .header .header-primary .header-right li a .icon { width:auto; height:auto; margin:0 6px 0 0; line-height:normal; vertical-align:middle; } .header .header-primary .header-right li a .icon:before { color:#ffffff; line-height:18px; font-size:18px; } .header .header-primary .header-right li a .icon.chevron-down, .header .header-primary .header-right li a .icon.chevron-up { margin:0 0 0 9px; } .header .header-primary .header-right li a .icon.chevron-down:before, .header .header-primary .header-right li a .icon.chevron-up:before { font-size:11px; } .header .header-primary .header-right li a.header-dropdown-toggle { position:relative; background-color:#1d4e75; } .header .header-primary .header-right li a.header-dropdown-toggle > span { padding:1px 0; border-top:1px solid #1d4e75; border-bottom:1px solid #1d4e75; } .header .header-primary .header-right li a.header-dropdown-toggle:hover > span, .header .header-primary .header-right li a.header-dropdown-toggle:active > span { border-bottom:1px solid #ffffff; } .header .header-primary .header-right li a.header-dropdown-toggle:focus > span { padding:3px 5px; } .header .header-primary .header-right li a.header-dropdown-toggle:focus:hover > span { border-bottom:1px solid #1d4e75; } .header .header-primary .header-right li a.header-dropdown-toggle.active:after { display:none; } .header .header-primary .header-right li a.header-dropdown-toggle .icon.chevron-down, .header .header-primary .header-right li a.header-dropdown-toggle .icon.chevron-up { width:20px; height:20px; border-radius:10px; background-color:#ed1b24; vertical-align:middle; } .header .header-primary .header-right li a.header-dropdown-toggle .icon.chevron-down:before, .header .header-primary .header-right li a.header-dropdown-toggle .icon.chevron-up:before { width:19px; padding:0 1px 0 0; line-height:20px; font-size:8px; vertical-align:middle; } .header .header-primary .header-right li a.header-dropdown-notoggle { position:relative; background-color:#1d4e75; } .header .header-primary .header-right li a.header-dropdown-notoggle > span { padding:1px 0; border-top:1px solid #1d4e75; border-bottom:1px solid #1d4e75; } .header .header-primary .header-right li a.header-dropdown-notoggle:hover > span, .header .header-primary .header-right li a.header-dropdown-notoggle:active > span { border-bottom:1px solid #ffffff; } .header .header-primary .header-right li a.header-dropdown-notoggle:focus > span { padding:3px 5px; } .header .header-primary .header-right li a.header-dropdown-notoggle:focus:hover > span { border-bottom:1px solid #1d4e75; } .header .header-primary .header-right li a.header-dropdown-notoggle.active:after { display:none; } .header .header-primary .header-right li a.header-dropdown-notoggle .icon.chevron-right { width:20px; height:20px; margin:0 0 0 9px; border-radius:10px; background-color:#ed1b24; vertical-align:middle; } .header .header-primary .header-right li a.header-dropdown-notoggle .icon.chevron-right:before { width:19px; padding:0 1px 0 0; line-height:20px; font-size:8px; vertical-align:middle; } .header .header-dropdown { display:none; position:absolute; top:44px; right:0; z-index:9999; background-color:#1d4e75; } .header .header-dropdown ul { margin:0; padding:0 0 15px 0; list-style:none; } .header .header-dropdown ul li:first-child + li { padding:15px 0 0; } .header .header-dropdown ul li a { display:block; padding:15px 30px; color:#ffffff; } .header .header-dropdown ul li a:focus { outline:0; } .header .header-dropdown ul li a.link { padding:30px 120px 30px 30px; border-bottom:1px solid #487193; color:#ffffff; } .header .header-dropdown ul li a.link:before { right:90px; } .header .header-dropdown-harris { display:none; position:absolute; top:44px; right:0; z-index:9999; box-sizing:border-box; width:768px; padding:30px; background-color:#1d4e75; } .header .header-dropdown-harris > ul { margin:0; padding:0; list-style:none; } .header .header-dropdown-harris > ul:after { display:table; content:""; clear:both; } .header .header-dropdown-harris > ul > li { float:left; width:154px; margin:0 0 0 30px; } .header .header-dropdown-harris > ul > li:first-child { width:155px; margin:0; } .header .header-dropdown-harris > ul > li:first-child + li { width:155px; } .header .header-dropdown-harris > ul > li > ul { margin:0; padding:7px 0 0; list-style:none; } .header .header-dropdown-harris > ul > li > ul > li { margin:1px 0 0; } .header .header-dropdown-harris h3 { margin:0; padding:0 0 5px; border-bottom:1px solid #0079c0; color:#ffffff; font-size:.866em; line-height:1em; font-family:"dax-medium"; } .header .header-dropdown-harris a { display:block; padding:7px 0; color:#ffffff; } .header .header-dropdown-harris a:focus { outline:none; } .header .header-signin { display:none; padding:13px; background-color:#f2f2f2; } .header .header-signin ul { margin:0; padding:0; list-style:none; } .header .header-signin ul li a { display:block; padding:7px; color:#414141; font-family:"dax-medium"; } .header .header-signin ul li a:focus { outline:1px dotted #414141; } .header .header-signin ul li:first-child { padding:7px 0; } .header .header-signin ul li:first-child a { font-size:1.1em; } .header .header-signin-harris { display:none; } .header .header-signin-harris > ul { margin:0; padding:0; list-style:none; } .header .header-signin-harris > ul > li > a { display:block; position:relative; padding:15px 20px; border-bottom:1px solid #cacaca; background-color:#f2f2f2; color:#414141; font-family:"dax-medium"; } .header .header-signin-harris > ul > li > a:focus { outline:none; } .header .header-signin-harris > ul > li > a .icon.chevron-right, .header .header-signin-harris > ul > li > a .icon.chevron-down { position:absolute; top:50%; right:20px; width:16px; height:16px; margin:-8px 0; line-height:16px; } .header .header-signin-harris > ul > li > a .icon.chevron-right:before, .header .header-signin-harris > ul > li > a .icon.chevron-down:before { color:#414141; font-size:15px; line-height:16px; } .header .header-signin-harris > ul > li > ul { display:none; margin:0; padding:8px 13px; list-style:none; border-bottom:1px solid #cacaca; } .header .header-signin-harris > ul > li > ul > li > a { display:block; padding:7px; color:#414141; } .header .header-signin-harris > ul > li > ul > li > a:focus { outline:1px dotted #414141; } .header .header-search { display:none; height:38px; padding:20px 0; background-color:#f2f2f2; } .header .header-search > div { position:relative; max-width:1200px; margin:0 auto; } .header .header-search .icon.magnifying-glass { position:absolute; left:20px; width:38px; height:38px; line-height:38px; } .header .header-search .icon.magnifying-glass:before { line-height:38px; color:#0079c1; font-size:37px; } .header .header-search .header-search-query { position:absolute; left:78px; right:115px; } html[lang="fr"] .header .header-search .header-search-query { right:158px; } .header .header-search .header-search-query input { padding:0; background:none; border:0; line-height:38px; font-family:"dax-light"; font-size:1.866em; } .header .header-search .header-search-go { position:absolute; right:20px; line-height:38px; font-family:"dax-light"; font-size:38px; } .header .header-search .header-search-go:hover, .header .header-search .header-search-go:focus, .header .header-search .header-search-go:active { text-decoration:none; } .header .header-language { display:none; height:38px; padding:20px 0; background-color:#f2f2f2; } .header .header-language > div { position:relative; max-width:1200px; margin:0 auto; } .header .header-language > div:after { display:table; content:""; clear:both; } .header .header-language h3 { float:left; margin:0 0 0 20px; font-family:"dax-light"; font-size:1.666em; line-height:38px; vertical-align:middle; } .header .header-language ul { float:right; margin:0 20px 0 0; padding:0; list-style:none; } .header .header-language ul:after { display:table; content:""; clear:both; } .header .header-language ul > li { float:left; margin:0 0 0 15px; line-height:38px; vertical-align:middle; } .header .header-language ul > li:first-child { margin:0; } .header .header-language ul > li strong { display:inline; margin:0; line-height:38px; } .header .header-language ul > li span.button { height:30px; padding:0 15px; line-height:26px; font-family:"dax-medium"; vertical-align:middle; } .header .header-language ul > li a { font-family:"dax-medium"; } .header .header-language ul > li:first-child + li + li + li + li, .header .header-language ul > li:first-child + li + li + li + li + li + li + li { margin:0 0 0 30px; } .header .header-zipcode { display:none; height:38px; padding:20px 0; background-color:#f2f2f2; } .header .header-zipcode > div { position:relative; max-width:1200px; margin:0 auto; } .header .header-zipcode > div:after { display:table; content:""; clear:both; } .header .header-zipcode h3 { float:left; margin:0 0 0 20px; font-family:"dax-light"; font-size:1.666em; line-height:38px; vertical-align:middle; } .header .header-zipcode ul { float:right; margin:0 20px 0 0; padding:0; list-style:none; } .header .header-zipcode ul:after { display:table; content:""; clear:both; } .header .header-zipcode ul > li { float:left; margin:0 0 0 15px; line-height:38px; vertical-align:middle; } .header .header-zipcode ul > li:first-child { margin:0; } .header .header-zipcode .header-zipcode-input input { width:135px; text-align:center; } .header .header-zipcode .header-zipcode-remember { line-height:19px; } .header .header-zipcode .header-zipcode-remember label { padding:0 24px 0 0; font-size:15px; } .header .header-zipcode .header-zipcode-remember label:before { width:18px; height:18px; right:0; left:auto; font-size:13px; } .header .header-zipcode .header-zipcode-remember .link { font-size:14px; } .header-flag-ca, .header-flag-us, .header-flag-chn, .header-flag-hk, .header-flag-uk { display:inline-block; width:24px; height:24px; background:url("../icons/countries.png"); vertical-align:middle; } .header-flag-ca { background-position:0 -48px; } .header-flag-us { background-position:0 -144px; } .header-flag-chn { background-position:0 -240px; } .header-flag-hk { background-position:0 120px; } .header-flag-uk { background-position:0 24px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .header-flag-ca { background-position:0 0; background-size:24px; } .header-flag-us { background-position:0 -48px; background-size:24px; } .header-flag-chn { background-position:0 -96px; background-size:24px; } .header-flag-hk { background-position:0 -144px; background-size:24px; } .header-flag-uk { background-position:0 -192px; background-size:24px; } } .header .header-secondary { border-bottom:1px solid #cacaca; } .header .header-secondary nav { max-width:1200px; margin:0 auto; } .header .header-secondary nav:after { display:table; content:""; clear:both; } .header .header-secondary .header-logo { display:block; float:left; margin:0 0 0 20px; height:95px; line-height:95px; } .header .header-secondary .header-logo img { display:inline-block; height:50px; vertical-align:middle; } .header .header-secondary .header-logo:focus { outline:0; } .header .header-secondary .header-logo:focus img { outline:1px dotted #0079c1; } .header .header-secondary .header-right { float:right; margin:0; padding:0; list-style:none; } .header .header-secondary .header-right:after { display:table; content:""; clear:both; } .header .header-secondary .header-right li { float:left; } .header .header-secondary .header-right li a { display:block; height:95px; padding:0 20px; border-left:1px solid #e6e6e6; color:#414141; font-family:"dax"; font-size:.933em; text-align:center; } .header .header-secondary .header-right li a:before { display:inline-block; height:100%; vertical-align:middle; content:""; } .header .header-secondary .header-right li a:hover, .header .header-secondary .header-right li a:focus, .header .header-secondary .header-right li a:active { outline:0; background-color:#e6e6e6; text-decoration:none; } .header .header-secondary .header-right li a > span { display:inline-block; vertical-align:middle; } .header .header-secondary .header-right li a.active { background-color:#e6e6e6; } .header .header-secondary .header-right li a.active:focus { padding:0 15px; } .header .header-secondary .header-right li a.active:focus > span { padding:3px 5px; outline:1px dotted #414141; } .header.minimal .header-secondary .header-right li a { border-left: none; padding: 0; } .header.minimal .header-secondary .header-right li a[href^="tel"]:hover { color:#414141; } .header.minimal .header-secondary .header-right li a:before { display:inline-block; height:100%; vertical-align:middle; content:""; } .header.minimal .header-secondary .header-right li a:hover, .header.minimal .header-secondary .header-right li a:focus, .header.minimal .header-secondary .header-right li a:active { background-color: transparent; color:#0079c1; text-decoration: underline; } .header.minimal .header-secondary .header-right li a > span { display:inline-block; vertical-align:middle; padding-right: 10px; } .header.minimal .header-secondary .header-right li a > span:before { content: " | "; padding-right: 7px; } .header.minimal .header-secondary .header-right li:first-child a > span:before { content: ""; } .header.minimal .header-secondary .header-right li a.active { background-color: transparent; } .header.minimal .header-secondary .header-right li a.active:focus { padding:0; } .header.minimal .header-secondary .header-right li a.active:focus > span { padding:0; outline:0; } .header .header-swipe { display:none; position:fixed; top:0; left:85%; width:100%; height:100%; z-index:990; } .header .header-mobile { display:none; position:absolute; top:0; left:-85%; width:85%; z-index:999; background-color:#0079c1; transition:250ms ease-in-out; color:#ffffff; } .header .header-mobile h3 { font-size:1.266em; } .header .header-mobile .header-mobile-logo { display:block; height:36px; padding:17px 5%; line-height:36px; } .header .header-mobile .header-mobile-logo img { display:inline-block; max-height:36px; vertical-align:middle; } .header .header-mobile .header-mobile-search { height:30px; padding:20px 5%; background-color:#0067a4; } .header .header-mobile .header-mobile-search input { padding:6px; border:none; line-height:1.2em; color:#414141; text-align:center; } .header .header-mobile nav > ul { padding:0 0 30px 0; list-style:none; } .header .header-mobile nav > ul > li > a { position:relative; display:block; padding:20px 5%; border-bottom:1px solid #66a6ca; color:#ffffff; font-size:1.133em; text-decoration:none; } .header .header-mobile nav > ul > li > a:hover, .header .header-mobile nav > ul > li > a:focus, .header .header-mobile nav > ul > li > a:active { background-color:#66a6ca; } .header .header-mobile nav > ul > li > a.active { border-bottom:none; } .header .header-mobile nav > ul > li > a > .icon.chevron-right, .header .header-mobile nav > ul > li > a > .icon.chevron-down { position:absolute; top:50%; right:5%; width:16px; height:16px; margin:-8px 0; line-height:16px; } .header .header-mobile nav > ul > li > a > .icon.chevron-right:before, .header .header-mobile nav > ul > li > a > .icon.chevron-down:before { color:#ffffff; font-size:15px; line-height:16px; } .header .header-mobile nav > ul > li > ul { padding:15px 4%; list-style:none; background-color:#0067a4; } .header .header-mobile nav > ul > li > ul > li { } .header .header-mobile nav > ul > li > ul > li > a { display:inline-block; padding:5px 1%; color:#ffffff; font-size:.933em; } .header .header-mobile nav > ul > li > ul > li > a:focus { outline:1px dotted #ffffff; text-decoration:none; } .header .header-mobile .header-mobile-language { padding:0 5% 45px; } .header .header-mobile .header-mobile-language h4 { margin:0; padding:30px 0 0; font-family:"dax"; } .header .header-mobile .header-mobile-language h4 span { margin:0 10px 0 0; } .header .header-mobile .header-mobile-language .header-mobile-language-toggle { padding:15px 0 0; } .header .header-mobile .header-mobile-language .header-mobile-language-toggle:after { display:table; content:""; clear:both; } .header .header-mobile .header-mobile-language .header-mobile-language-toggle .button { display:block; float:left; width:47.5%; margin:0 0 0 5%; border-color:#ffffff; color:#ffffff; } .header .header-mobile .header-mobile-language .header-mobile-language-toggle .button:first-child { margin:0; } .header .header-mobile .header-mobile-language .header-mobile-language-toggle .button:hover, .header .header-mobile .header-mobile-language .header-mobile-language-toggle .button:focus, .header .header-mobile .header-mobile-language .header-mobile-language-toggle .button:active, .header .header-mobile .header-mobile-language .header-mobile-language-toggle .button.active { outline:0; color:#0079c1; background-color:#ffffff; } .header .header-mobile .header-mobile-language .header-mobile-language-toggle .button:focus { outline:1px dotted #ffffff; } .header .header-mobile .header-mobile-zipcode { padding:0 5% 45px; } .header .header-mobile .header-mobile-zipcode input[type="text"] { margin:15px 0 0; padding:6px; border:none; line-height:1.2em; color:#414141; text-align:center; } .header .header-mobile .header-mobile-zipcode button { width:100%; margin:15px 0 0; border-color:#1a4d78; background-color:#1a4d78; } .header .header-mobile .header-mobile-zipcode button:focus { outline:1px dotted #ffffff; } .header .header-mobile .header-mobile-zipcode .header-mobile-zipcode-remember { margin:15px 0 0; line-height:19px; } .header .header-mobile .header-mobile-zipcode .header-mobile-zipcode-remember label { padding:0 24px 0 0; font-size:15px; } .header .header-mobile .header-mobile-zipcode .header-mobile-zipcode-remember label:before { width:18px; height:18px; right:0; left:auto; border:none; font-size:13px; color:#414141; } .header .header-mobile .header-mobile-zipcode .header-mobile-zipcode-remember input[type="checkbox"]:focus + label:before { outline:1px dotted #ffffff; } .header .header-mobile .header-mobile-zipcode .header-mobile-zipcode-remember .link { font-size:14px; color:#ffffff; } .header .header-mobile .header-mobile-zipcode .header-mobile-zipcode-remember .link:before { background-color:#ffffff; color:#0079c1; } .header .header-mobile .header-mobile-links { padding:0 5% 30px; } .header .header-mobile .header-mobile-links ul { padding:5px 0 0; list-style:none; } .header .header-mobile .header-mobile-links ul > li > a { display:inline-block; padding:5px 1% 5px 0; color:#ffffff; font-size:.933em; } .header .header-mobile .header-mobile-links ul > li > a:focus { outline:1px dotted #ffffff; text-decoration:none; } .header .header-top { display:none; position:fixed; left:50%; bottom:0; z-index:2000; } .header .header-top > a { display:block; width:60px; height:50px; box-sizing:border-box; margin:0 520px; padding:5px 0 0; border-width:1px 1px 0 1px; border-style:solid; border-color:rgba(202, 202, 202, .5); border-radius:15px 15px 0 0; background-color:#f2f2f2; line-height:15px; font-size:15px; text-align:center; } .header .header-top > a .icon:before { color:#0079c1; } @media (max-width:1200px) { .header .header-top { left:auto; right:20px; } .header .header-top > a { margin:0; } } @media (max-width:1130px) { .header .header-primary .header-left li a { padding:0 15px; } .header .header-primary .header-left li a.active:focus { padding:0 10px; } .header .header-primary .header-right li a { padding:0 14px; } .header .header-primary .header-right li a:focus { padding:0 9px; } .header .header-secondary .header-logo { height:85px; margin:0 0 0 15px; line-height:85px; } .header .header-secondary .header-right li a { height:85px; padding:0 15px; } .header .header-secondary .header-right li a.active:focus { padding:0 10px; } .header .header-search .icon.magnifying-glass { left:15px; } .header .header-search .header-search-go { right:15px; } .header .header-search .header-search-query { left:73px; right:110px; } .header .header-language h3 { margin:0 0 0 15px; } .header .header-language ul { margin:0 15px 0 0; } } @media (max-width:1023px) { main { position:relative; left:0; transition:250ms ease-in-out; } .header { position:relative; left:0; transition:250ms ease-in-out; } .footer { position:relative; left:0; transition:250ms ease-in-out; } body.header-mobile-active #page { overflow:hidden; } body.header-mobile-active main { left:85%; } body.header-mobile-active .header { left:85%; } body.header-mobile-active .footer { left:85%; } body.header-mobile-active .header .header-primary .header-hamburger { border-left:1px solid #0067a4; } body.header-mobile-active .header .header-swipe { display:block; } body.header-mobile-active .header .header-mobile { display:block; } body.header-mobile-active .header .header-top { bottom:-50px; } .header .header-primary .header-hamburger { display:block; } .header.minimal .header-primary .header-hamburger { display:none; } .header .header-primary .header-left { display:none; } .header .header-secondary .header-right li a { padding:0 10px; font-size:.866em; } .header .header-secondary .header-right li a.active:focus { padding:0 5px; } .header .header-mobile { display:block; } } @media (max-width:767px) { .header .header-primary { height:70px; background-color:#ffffff; } .header .header-primary .header-hamburger { display: block; width:40px; height:38px; padding:16px 15px 16px 14px; background-color:#0079c1; } .header.minimal .header-primary .header-hamburger { display: block; } .header .header-primary .header-hamburger > span { width:30px; height:38px; } .header .header-primary .header-hamburger > span > span { height:10px; } .header .header-primary .header-hamburger > span > span:first-child { height:5px; } .header .header-primary .header-hamburger > span > span:first-child + span + span + span { height:5px; } .header .header-primary .header-rondel { display:block; } .header .header-primary .header-icons { display:block; } .header .header-primary .header-right { display:none; } .header .header-secondary { display:none; } } #popup .header .header-primary { display:block; height:10px; background-color:#0079c1; } #popup .header .header-secondary { display:block; } /** * 1.2 Footer * Mon, 19 Jan 2015 18:47:22 +0000 */ .footer { width:100%; } .footer .footer-primary { background-color:#f2f2f2; padding:90px 20px 30px; } .footer .footer-primary nav { max-width:1160px; margin:0 auto; padding:0 0 15px; border-bottom:1px solid #cacaca; } .footer .footer-primary nav:after { display:table; content:""; clear:both; } .footer .footer-primary nav > h3 { float:left; margin:0 40px 15px 0; line-height:1em; font-size:1.266em; } .footer .footer-primary nav > a { float:right; margin:0 20px 15px 0; line-height:1em; font-family:"dax-medium"; font-size:1.266em; } .footer .footer-primary nav > h3 + a { margin:0 0 15px 0; padding:0 0 0 20px; border-left:1px solid #cacaca; } .footer .footer-secondary { background-color:#f2f2f2; padding:0 20px 45px; } .footer .footer-secondary nav { max-width:1160px; margin:0 auto; } .footer .footer-secondary nav > ul { margin:30px 0 0; padding:0; list-style:none; } .footer .footer-secondary nav > ul:after { display:table; content:""; clear:both; } .footer .footer-secondary nav > ul:first-child { margin:0; } .footer .footer-secondary nav > ul > li { float:left; width:22%; margin:0 0 0 4%; } .footer .footer-secondary nav > ul.footer-secondary-five > li { float:left; width:18.4%; margin:0 0 0 2%; } .footer .footer-secondary nav > ul > li:first-child { margin:0; } .footer .footer-secondary nav > ul > li > ul { margin:0; padding:0; list-style:none; } .footer .footer-secondary nav > ul > li > ul + ul { margin:15px 0 0; } .footer .footer-secondary nav > ul > li > ul > li { margin:8px 0 0; line-height:1em; } .footer .footer-secondary nav > ul > li > ul > li:first-child { margin:0; font-family:"dax-medium"; } .footer .footer-secondary nav > ul > li > ul > li > a { line-height:1em; color:#414141; } .footer .footer-secondary nav > ul > li > ul.footer-secondary-bold > li { padding:0 0 9px; font-family:"dax-medium"; } .footer .footer-bottom { background-color:#0079c1; color:#ffffff; padding:30px 20px; } .footer .footer-bottom > div { position:relative; max-width:1160px; margin:0 auto; } .footer .footer-bottom > div:after { display:table; content:""; clear:both; } .footer .footer-bottom nav { float:left; clear:left; } .footer .footer-bottom nav { padding:0 0 30px; } .footer .footer-bottom nav:after { display:table; content:""; clear:both; } .footer .footer-bottom nav.footer-endorser > img { height:32px; } .footer .footer-bottom nav > h3 { float:left; margin:0 20px 0 0; line-height:1.9em; font-size:1.266em; } .footer .footer-bottom nav > ul { float:left; margin:.4em 0 0; padding:0; list-style:none; } .footer .footer-bottom nav > ul > li { float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #66a6ca; line-height:1.6em; } .footer .footer-bottom nav > ul > li:last-child { margin:0; padding:0; border-right:none; } .footer .footer-bottom nav > ul > li > a { color:#ffffff; font-size:.866em; } .footer .footer-bottom .footer-endorser { float:left; clear:left; } .footer .footer-bottom .footer-endorser { padding:0 0 30px; } .footer .footer-bottom .footer-endorser > img { height:32px; } .footer .footer-bottom .footer-right { float:right; } .footer .footer-bottom .footer-right .footer-social { float:right; clear:right; padding:0 0 30px; } .footer .footer-bottom .footer-right .footer-social:after { display:table; content:""; clear:both; } .footer .footer-bottom .footer-right .footer-social > h3 { float:right; margin:0 15px 0 0; line-height:32px; font-size:1.266em; } .footer .footer-bottom .footer-right .footer-social > ul { float:right; margin:0; padding:0; list-style:none; } .footer .footer-bottom .footer-right .footer-social > ul:after { display:table; content:""; clear:both; } .footer .footer-bottom .footer-right .footer-social > ul > li { float:left; width:32px; margin:0 0 0 15px; } .footer .footer-bottom .footer-right .footer-social > ul > li:first-child { margin:0; } .footer .footer-bottom .footer-right .footer-social > ul > li .function { border:1px solid #ffffff; background-color:#0079c1; } .footer .footer-bottom .footer-right .footer-social > ul > li .function:hover, .footer .footer-bottom .footer-right .footer-social > ul > li .function:focus, .footer .footer-bottom .footer-right .footer-social > ul > li .function:active { outline:0; background-color:#ffffff; } .footer .footer-bottom .footer-right .footer-social > ul > li .function .icon { background-color:#0079c1; } .footer .footer-bottom .footer-right .footer-social > ul > li .function .icon:before { color:#ffffff; } .footer .footer-bottom .footer-right .footer-social > ul > li .function:hover .icon, .footer .footer-bottom .footer-right .footer-social > ul > li .function:focus .icon, .footer .footer-bottom .footer-right .footer-social > ul > li .function:active .icon { background-color:#ffffff; } .footer .footer-bottom .footer-right .footer-social > ul > li .function:hover .icon:before, .footer .footer-bottom .footer-right .footer-social > ul > li .function:focus .icon:before, .footer .footer-bottom .footer-right .footer-social > ul > li .function:active .icon:before { color:#0079c1; } .footer .footer-bottom .footer-right .footer-text { float:right; clear:right; padding:0 0 30px; } .footer .footer-bottom .footer-right .footer-text:after { display:table; content:""; clear:both; } .footer .footer-bottom .footer-right .footer-text > h3 { float:right; margin:0 15px 0 0; line-height:32px; font-size:1.266em; } .footer .footer-bottom .footer-right .footer-text > ul { float:right; margin:0; padding:0; list-style:none; } .footer .footer-bottom .footer-right .footer-text > ul > li { float:left; width:32px; margin:0 0 0 15px; } .footer .footer-bottom .footer-right .footer-text > ul > li:first-child { margin:0; } .footer .footer-bottom .footer-right .footer-text > ul > li .function { width:30px; height:30px; padding:0; border:1px solid #ffffff; background-color:#0079c1; line-height:31px; color:#ffffff; font-family:"dax-medium"; font-size:15px; } .footer .footer-bottom .footer-right .footer-text > ul > li .function:hover, .footer .footer-bottom .footer-right .footer-text > ul > li .function:focus, .footer .footer-bottom .footer-right .footer-text > ul > li .function:active, .footer .footer-bottom .footer-right .footer-text > ul > li .function.active { outline:0; background-color:#ffffff; color:#0079c1; text-decoration:none; } .footer .footer-bottom .footer-right .footer-text > ul > li .function.active:focus { outline:1px dotted #ffffff; } .footer .footer-bottom .footer-right .footer-text > ul > li + li .function { font-size:20px; } .footer .footer-bottom .footer-right .footer-text > ul > li + li + li .function { font-size:25px; } .footer .footer-bottom .footer-bottom-legal { clear:both; padding:0 0 30px; font-size:.8em; } .footer .footer-bottom .footer-bottom-legal a { color:#ffffff; font-family:"dax-bold"; } .footer .footer-bottom .footer-bottom-legal abbr { border-bottom:1px dotted #ffffff; } @media (max-width:960px) { .footer .footer-bottom nav { float:none; } .footer .footer-bottom .footer-right { float:none; } .footer .footer-bottom .footer-right .footer-social { float:left; clear:left; } .footer .footer-bottom .footer-right .footer-social > h3 { float:left; } .footer .footer-bottom .footer-right .footer-text { float:left; clear:left; } .footer .footer-bottom .footer-right .footer-text > h3 { float:left; } } @media (max-width:767px) { .footer .footer-primary { display:none; } .footer .footer-secondary { padding:30px 20px; } .footer .footer-secondary nav > ul { margin:10px 0 0; } .footer .footer-secondary nav > ul:first-child { margin:0; } .footer .footer-secondary nav > ul > li, .footer .footer-secondary nav > ul.footer-secondary-five > li { float:none; margin:10px 0 0; width:100%; } .footer .footer-secondary nav > ul > li:first-child { margin:0; } .footer .footer-secondary nav > ul > li > ul + ul { margin:10px 0 0; } .footer .footer-secondary nav > ul > li > ul > li { margin:10px 0 0; } .footer .footer-secondary nav > ul > li > ul > li:not(:first-child) { display:none; } .footer .footer-secondary nav > ul > li > ul.footer-secondary-bold > li { display:block; padding:0; } } @media (max-width:390px) { .footer .footer-bottom .footer-right .footer-social > ul { float:left; width:100%; } .footer .footer-bottom .footer-right .footer-text > ul { float:left; width:100%; } } /** * 1.3 Search * Mon, 19 Jan 2015 18:47:25 +0000 */ .search .search-form { position:relative; margin:30px 30px 0; height:34px; } .search .search-form .search-form-query { position:absolute; top:0; left:0; right:51px; } .search .search-form .search-form-go { position:absolute; top:0; right:0; } .search .search-loader { display:none; margin:30px 30px 0; } .search .search-title { display:none; margin:30px 30px 0; } .search .search-noresults { display:none; margin:30px 30px 0; text-align:center; } .search .search-suggestions { display:none; margin:0 30px; text-align:center; } .search .search-interested { display:none; margin:30px 30px 0; text-align:center; } .search .search-interested > ul { padding:15px 0 0; list-style:none; } .search .search-interested > ul > li { font-size:1.2em; } .search .search-recommended { display:none; margin:30px 0 0; text-align:center; } .search .search-recommended > ul { padding:15px 0 0; list-style:none; } .search .search-recommended > ul > li { font-size:1.2em; } .search-results { display:none; margin:30px 0 0; } .search-results > ul { padding:0; list-style:none; } .search-results > ul > li { padding:15px 30px; border-top:1px solid #cacaca; } .search-results > ul > li:first-child { padding:0 30px 15px; border-top:none; } .search-results > ul > li > h4 { margin:0 0 10px; } .search-pagination { display:none; position:relative; margin:15px 0 0; min-height:34px; text-align:center; } .search-pagination > ul { display:inline-block; margin:0 135px; padding:0; list-style:none; text-align:center; } .search-pagination > ul > li { display:inline-block; padding:0 5px; line-height:1.9em; font-size:1.2em; } .search-pagination .search-pagination-previous { position:absolute; top:0; left:0; } .search-pagination .search-pagination-next { position:absolute; top:0; right:0; } @media (max-width:767px) { .search .search-form .search-form-query { right:0; } .search .search-form .search-form-go { display:none; } .search-pagination > ul { margin:65px 0; } .search-pagination .search-pagination-previous { width:100%; } .search-pagination .search-pagination-next { top:auto; bottom:0; width:100%; } } .search.search-isloading .search-loader { display:block; } .search.search-hasresults .search-title, .search.search-hasresults .search-results, .search.search-hasresults .search-pagination { display:block; } .search.search-hasinterests .search-interested { display:block; } .search.search-hasrecommendations .search-recommended { display:block; } .search.search-hasnoresults .search-noresults { display:block; } .search.search-hassuggestions .search-suggestions { display:block; } /** * 2.0 Overlays * Mon, 19 Jan 2015 18:47:25 +0000 */ .overlay { visibility:hidden; } .overlay.opened { visibility:visible; } .overlay:before { position:fixed; top:0; right:0; bottom:0; /* width:17px; */ background-color:#ffffff; content:""; } .overlay .overlay-shadow { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9990; background-color:#000000; opacity:0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; overflow:hidden; } .overlay .overlay-scroll { position:fixed; top:0; left:0; box-sizing:border-box; width:100%; height:100%; padding:15px; z-index:9999; overflow-x:hidden; overflow-y:auto; text-align:center; font-size:0; } .overlay .overlay-scroll:before { display:inline-block; height:100%; vertical-align:middle; content:""; } .overlay .overlay-window { display:inline-block; position:relative; box-sizing:border-box; width:100%; max-width:1110px; padding:30px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background-color:#ffffff; vertical-align:middle; font-size:15px; text-align:left; } .overlay .overlay-window.overlay-window-small { width:auto; max-width:100%; } .overlay .overlay-close { display:block; position:absolute; top:-6px; right:-6px; width:12px; height:12px; line-height:12px; padding:6px; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; background-color:#0079c1; text-align:center; } .overlay .overlay-close:before { line-height:12px; color:#ffffff; font-family:"dax-bold"; font-size:18px; font-weight:normal; font-style:normal; font-variant:normal; text-transform:none; speak:none; content:"x"; overflow:hidden; } .overlay .overlay-close:hover, .overlay .overlay-close:focus, .overlay .overlay-close:active { outline:0; background-color:#1a4d78; text-decoration:none; } .overlay .overlay-close:hover:before, .overlay .overlay-close:focus:before, .overlay .overlay-close:active:before { color:#ffffff; text-decoration:none; } @media (max-width:767px) { .overlay .overlay-window { padding:15px; } } /*html.ie8 .overlay .overlay-window, html.ie8 .overlay .overlay-close { behavior:url("/resources/scripts/libraries/pie/1.0.0/PIE.htc"); }*/ /** * 2.1 Video-Player * Mon, 19 Jan 2015 18:47:27 +0000 */ .video-player .video-player-play { position:relative; display:block; opacity:0.8; } .video-player .video-player-play:before { position:absolute; top:0; left:0; width:100%; height:100%; background:url("../icons/video-play.png") 50% no-repeat; background-size:20%; content:" "; } .video-player .video-player-play:hover, .video-player .video-player-play:focus, .video-player .video-player-play:active { opacity:1; } .video-player .video-player-play:hover:before, .video-player .video-player-play:focus:before, .video-player .video-player-play:active:before { opacity:0.8; } .video-player .video-player-mobile { display:none; cursor:pointer; } .video-player .video-player-mobile video { width:100%; } html.no-video .video-player .video-player-mobile { background:none !important; } .video-player .video-player-overlay .video-player-overlay-html5 video { width:640px; } html.no-video .video-player .video-player-overlay .video-player-overlay-html5 { display:none; } html.video .video-player .video-player-overlay .video-player-overlay-script { display:none; } @media (max-width: 767px) { .video-player .video-player-play { display:none; } .video-player .video-player-mobile { display:block; } .video-player .video-player-overlay .video-player-overlay-html5 video { width:100%; } /* added dec 17 2015 by ML */ /*.custom-video-controls { z-index: 2147483647; } .overlay .overlay-scroll { left: -1000px; } .overlay.opened .overlay-scroll { left: 0px; }*/ } /* added dec 17 2015 by ML */ /* updated on Apr 12 2015 by dl */ .touch .custom-video-controls { z-index: 2147483647; } .touch .overlay .overlay-scroll { left: -1000px; } .touch .overlay.opened .overlay-scroll { left: 0px; } /** * 2.2 Tooltip * Mon, 19 Jan 2015 18:47:26 +0000 */ .tooltip { position:relative; } .tooltip a {white-space:nowrap;} .tooltip .tooltip-bubble {display:none;padding:10px;box-sizing:border-box;border:1px solid #0079c1;border-radius:5px;background:#fff;width:250px;position:fixed;white-space:initial;} .tooltip.tooltip-open .tooltip-bubble{display:block;z-index:1;} /** * content * Mon, 19 Jan 2015 18:47:15 +0000 */ .content > header > h2 { margin:0 0 30px; text-align:center; } .content > header > .wysiwyg { margin:0 0 30px; } /** * 2.3 Carousel * Tue, 20 Jan 2015 20:52:32 +0000 */ .carousel { margin:0 0 45px; padding:0; } .carousel .carousel-slides { position:relative; height:370px; overflow:hidden; } .carousel .carousel-slides ul { padding:0; list-style:none; } .carousel .carousel-slides ul li { height:370px; } .carousel .carousel-slides ul li a { display:block; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; } .carousel .carousel-slides ul li a img { display:block; position:absolute; left:50%; width:1200px; max-width:1200px; margin:0 0 0 -600px; font-size:0; } .carousel .carousel-slides ul li a img.carousel-slides-image-left { left:0; margin:0; } .carousel .carousel-slides ul li a img.carousel-slides-image-right { right:0; left:auto; margin:0; } .carousel .carousel-previous, .carousel .carousel-next { position:absolute; top:50%; margin:-22px 0 0; } .carousel .carousel-previous .function, .carousel .carousel-next .function { border-color:#ffffff; } .carousel .carousel-previous:hover .function, .carousel .carousel-next:hover .function, .carousel .carousel-previous:focus .function, .carousel .carousel-next:focus .function, .carousel .carousel-previous:active .function, .carousel .carousel-next:active .function { background-color:rgba(255,255,255,0.60); } .carousel .carousel-previous:focus, .carousel .carousel-next:focus { outline:1px dotted #ffffff; } .carousel .carousel-previous .function .icon:before, .carousel .carousel-next .function .icon:before { color:#ffffff; } .carousel .carousel-previous { left:23px; } .carousel .carousel-next { right:23px; } .carousel .carousel-pager { position:absolute; right:0; bottom:47px; left:0; text-align:center; } .carousel .carousel-pager a { display:inline-block; width:16px; height:16px; margin:0 0 0 8px; border:1px solid #ffffff; border-radius:8px; } .carousel .carousel-pager a:hover, .carousel .carousel-pager a:focus, .carousel .carousel-pager a:active { background-color:rgba(255,255,255,0.60); } .carousel .carousel-pager a.active { background-color:#ffffff; cursor:default; } .carousel .carousel-pager a:focus { outline:1px dotted #ffffff; } .carousel .carousel-pager a:first-child { margin:0; } .carousel .carousel-promo { display:block; position:absolute; top:45px; right:105px; bottom:75px; width:420px; color:#414141; } .carousel .carousel-below { position:relative; margin:-45px 30px 0; padding:30px 30px 0; background:#ffffff; border-top:5px solid #0079c1; border-radius:5px 5px 0 0; text-align:center; } .carousel .carousel-promo.carousel-promo-left { right:auto; left:120px; } .carousel .carousel-slides ul li.carousel-slides-lollipop .carousel-promo { top:30px; color:#ffffff; } .carousel .carousel-slides ul li.carousel-slides-lollipop .carousel-promo .link:before { background-color:#ffffff; color:#ed1c24; } /* Legacy classes, DO NOT USE ANYMORE */ .carousel .carousel-promo.carousel-promo-dark { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background-color:rgba(0,0,0,.6); color:#ffffff; } /* END */ @media (max-width: 767px) { .carousel { margin:0 0 30px; } .carousel .carousel-slides { height:82vw; } .carousel .carousel-slides ul li { height:82vw; } .carousel .carousel-slides ul li.carousel-slides-video a:before { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:url("../icons/video-play.png") 50% no-repeat; background-size:20%; content:" "; } .carousel .carousel-slides ul li a img { display:block; left:auto; width:100%; max-width:100%; height:auto; margin:0; } .carousel .carousel-previous, .carousel .carousel-next { display:none; } .carousel .carousel-promo { display:none; } .carousel .carousel-below { margin:-30px 30px 0; padding:15px 15px 0; } } /** * 2.4 Banner * Fri, 23 Jan 2015 12:53:12 +0000 */ .banner { position:relative; margin:0 0 45px; padding:0; } .banner .banner-image { position:relative; height:153px; margin:0 0 45px; overflow:hidden; } .banner .banner-image img { display:block; position:absolute; top:0; left:50%; max-width:1200px; margin:0 0 0 -600px; font-size:0; } .banner .banner-image img.banner-image-left { left:0; margin:0; } .banner .banner-image img.banner-image-right { right:0; left:auto; margin:0; } .banner .banner-promo { position:absolute; top:0; right:45px; width:420px; height:153px; line-height:153px; text-align:left; } .banner .banner-promo h2 { display:inline-block; vertical-align:middle; line-height:normal; } .banner .banner-promo.banner-promo-left { right:auto; left:90px; } .banner .banner-below { text-align:center; } @media (max-width: 767px) { .banner { margin:0 0 30px; } .banner .banner-image { height:auto; margin:0 0 30px; } .banner .banner-image, .banner .banner-image img { position:relative; right:auto; left:auto; width:100%; margin:0; } .banner .banner-promo { display:none; } .banner .banner-below { position:relative; margin:-30px 30px 0; padding:15px 15px 0; background:#ffffff; border-top:5px solid #0079c1; border-radius:5px 5px 0 0; } } /** * banner-medium * Thur, 25 Aug 2016 19:29:54 +0000 */ .banner.banner-medium .banner-image { height:250px; } .banner.banner-medium .banner-promo { height:250px; } @media (max-width: 767px) { .banner.banner-medium .banner-image { height:auto; } } /** * banner-large * Fri, 23 Jan 2015 19:52:20 +0000 */ .banner.banner-large .banner-image { height:370px; margin:0; } .banner.banner-large .banner-promo { height:370px; line-height:370px; } .banner.banner-large .banner-promo h2 { font-size:2.266em; } .banner.banner-large .banner-below { position:relative; margin:-45px 30px 0; padding:30px 30px 0; background:#ffffff; border-top:5px solid #0079c1; border-radius:5px 5px 0 0; text-align:center; } .banner.banner-large.banner-cta .banner-image { margin:0; } .banner.banner-large.banner-cta .banner-promo { top:45px; right:105px; width:420px; height:auto; color:#414141; line-height:normal; } .banner.banner-large.banner-cta .banner-promo.banner-promo-left { right:auto; left:120px; } .banner.banner-large.banner-cta .banner-promo h2 { display:block; vertical-align:auto; line-height:1.3em; } @media (max-width: 767px) { .banner.banner-large .banner-image { height:49vw; margin:0; } } /** * 2.5 Alert Message * Fri, 23 Jan 2015 20:00:03 +0000 */ .alert-message { display: table; padding: 20px; background-color: #f5f56f; position: relative; } .alert-message > *:not(.close-alert) { display: table-cell; vertical-align: middle; padding: 5px; } .alert-message > .message { padding-top: 0px; } .alert-message > .icon:before { color: #000000; } .alert-message .close-alert { display: block; position: absolute; top: 5px; right: 5px; width: 12px; height: 12px; padding: 5px; border: 1px solid #000000; border-radius: 15px; } .alert-message .close-alert:before { content: '\2715'; position: absolute; top: 2px; left: 6px; font-size: 13px; color: #000000; } /** * 2.6 Anchors * Mon, 19 Jan 2015 18:47:12 +0000 */ .anchors > header > h2 { margin:0 0 30px; text-align:center; } .anchors > header > .wysiwyg { margin:0 0 30px; } /** * 3.0 Tabs * Mon, 19 Jan 2015 18:47:22 +0000 */ .tabs > .tabs-selector.columns.two + .tabs-window.pointer:before { left:24.75%; } .tabs > .tabs-selector.columns.two.three + .tabs-window.pointer:before { left:33.166%; } .tabs > .tabs-selector.columns.two.four + .tabs-window.pointer:before { left:37.375%; } .tabs > .tabs-selector.columns.two.five + .tabs-window.pointer:before { left:39.9%; } .tabs > .tabs-selector.columns.two.six + .tabs-window.pointer:before { left:41.583%; } .tabs > .tabs-selector.columns.two.seven + .tabs-window.pointer:before { left:42.785%; } .tabs > .tabs-selector.columns.two.eight + .tabs-window.pointer:before { left:43.687%; } .tabs > .tabs-selector.columns.three + .tabs-window.pointer:before { left:16.333%; } .tabs > .tabs-selector.columns.three.four + .tabs-window.pointer:before { left:24.75%; } .tabs > .tabs-selector.columns.three.five + .tabs-window.pointer:before { left:29.8%; } .tabs > .tabs-selector.columns.three.six + .tabs-window.pointer:before { left:33.166%; } .tabs > .tabs-selector.columns.three.seven + .tabs-window.pointer:before { left:35.571%; } .tabs > .tabs-selector.columns.three.eight + .tabs-window.pointer:before { left:37.375%; } .tabs > .tabs-selector.columns.four + .tabs-window.pointer:before { left:12.125%; } .tabs > .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:19.7%; } .tabs > .tabs-selector.columns.four.six + .tabs-window.pointer:before { left:24.75%; } .tabs > .tabs-selector.columns.four.seven + .tabs-window.pointer:before { left:28.357%; } .tabs > .tabs-selector.columns.four.eight + .tabs-window.pointer:before { left:31.062%; } .tabs > .tabs-selector.columns.five + .tabs-window.pointer:before { left:9.3%; } .tabs > .tabs-selector.columns.five.six + .tabs-window.pointer:before { left:16.333%; } .tabs > .tabs-selector.columns.five.seven + .tabs-window.pointer:before { left:21.142%; } .tabs > .tabs-selector.columns.five.eight + .tabs-window.pointer:before { left:24.75%; } .tabs > .tabs-selector.columns.six + .tabs-window.pointer:before { left:7.916%; } .tabs > .tabs-selector.columns.six.seven + .tabs-window.pointer:before { left:13.928%; } .tabs > .tabs-selector.columns.six.eight + .tabs-window.pointer:before { left:18.437%; } .tabs > .tabs-selector.columns.seven + .tabs-window.pointer:before { left:6.714%; } .tabs > .tabs-selector.columns.seven.eight + .tabs-window.pointer:before { left:12.125%; } .tabs > .tabs-selector.columns.eight + .tabs-window.pointer:before { left:5.812%; } .tabs > .tabs-selector.columns.join.two + .tabs-window.pointer:before { left:25%; } .tabs > .tabs-selector.columns.join.two.three + .tabs-window.pointer:before { left:33.333%; } .tabs > .tabs-selector.columns.join.two.four + .tabs-window.pointer:before { left:37.5%; } .tabs > .tabs-selector.columns.join.two.five + .tabs-window.pointer:before { left:40%; } .tabs > .tabs-selector.columns.join.two.six + .tabs-window.pointer:before { left:41.666%; } .tabs > .tabs-selector.columns.join.two.seven + .tabs-window.pointer:before { left:42.857%; } .tabs > .tabs-selector.columns.join.two.eight + .tabs-window.pointer:before { left:43.75%; } .tabs > .tabs-selector.columns.join.three + .tabs-window.pointer:before { left:16.666%; } .tabs > .tabs-selector.columns.join.three.four + .tabs-window.pointer:before { left:25%; } .tabs > .tabs-selector.columns.join.three.five + .tabs-window.pointer:before { left:30%; } .tabs > .tabs-selector.columns.join.three.six + .tabs-window.pointer:before { left:33.333%; } .tabs > .tabs-selector.columns.join.three.seven + .tabs-window.pointer:before { left:35.714%; } .tabs > .tabs-selector.columns.join.three.eight + .tabs-window.pointer:before { left:37.5%; } .tabs > .tabs-selector.columns.join.four + .tabs-window.pointer:before { left:12.5%; } .tabs > .tabs-selector.columns.join.four.five + .tabs-window.pointer:before { left:20%; } .tabs > .tabs-selector.columns.join.four.six + .tabs-window.pointer:before { left:25%; } .tabs > .tabs-selector.columns.join.four.seven + .tabs-window.pointer:before { left:28.571%; } .tabs > .tabs-selector.columns.join.four.eight + .tabs-window.pointer:before { left:31.25%; } .tabs > .tabs-selector.columns.join.five + .tabs-window.pointer:before { left:10%; } .tabs > .tabs-selector.columns.join.five.six + .tabs-window.pointer:before { left:16.666%; } .tabs > .tabs-selector.columns.join.five.seven + .tabs-window.pointer:before { left:21.428%; } .tabs > .tabs-selector.columns.join.five.eight + .tabs-window.pointer:before { left:25%; } .tabs > .tabs-selector.columns.join.six + .tabs-window.pointer:before { left:8.333%; } .tabs > .tabs-selector.columns.join.six.seven + .tabs-window.pointer:before { left:14.285%; } .tabs > .tabs-selector.columns.join.six.eight + .tabs-window.pointer:before { left:18.75%; } .tabs > .tabs-selector.columns.join.seven + .tabs-window.pointer:before { left:7.142%; } .tabs > .tabs-selector.columns.join.seven.eight + .tabs-window.pointer:before { left:12.5%; } .tabs > .tabs-selector.columns.join.eight + .tabs-window.pointer:before { left:6.25%; } .tabs > .tabs-selector.columns.split.two + .tabs-window.pointer:before { left:50%; } .tabs > .tabs-selector.columns.split.three + .tabs-window.pointer:before { left:24.75%; } .tabs > .tabs-selector.columns.split.four + .tabs-window.pointer:before { left:24.75%; } .tabs > .tabs-selector.columns.split.five + .tabs-window.pointer:before { left:16.333%; } .tabs > .tabs-selector.columns.split.six + .tabs-window.pointer:before { left:16.333%; } .tabs > .tabs-selector.columns.split.seven + .tabs-window.pointer:before { left:12.125%; } .tabs > .tabs-selector.columns.split.eight + .tabs-window.pointer:before { left:12.125%; } .tabs > .tabs-selector.columns.three.four + .tabs-selector.columns.two.four + .tabs-window.pointer:before { left:24.75%; } .tabs > .tabs-selector.columns.three.four + .tabs-selector.columns.three.four + .tabs-window.pointer:before { left:24.75%; } .tabs > .tabs-selector.columns.four.five + .tabs-selector.columns.three.five + .tabs-window.pointer:before { left:19.7%; } .tabs > .tabs-selector.columns.four.five + .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:19.7%; } .tabs.tabs-0 > .tabs-selector.columns.two + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.two.three + .tabs-window.pointer:before { left:33.166%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.two.four + .tabs-window.pointer:before { left:37.375%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.two.five + .tabs-window.pointer:before { left:39.9%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.two.six + .tabs-window.pointer:before { left:41.583%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.two.seven + .tabs-window.pointer:before { left:42.785%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.two.eight + .tabs-window.pointer:before { left:43.687%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.two + .tabs-window.pointer:before { left:75.25%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.two.three + .tabs-window.pointer:before { left:66.833%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.two.four + .tabs-window.pointer:before { left:62.625%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.two.five + .tabs-window.pointer:before { left:60.1%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.two.six + .tabs-window.pointer:before { left:58.417%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.two.seven + .tabs-window.pointer:before { left:57.214%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.two.eight + .tabs-window.pointer:before { left:56.313%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.three + .tabs-window.pointer:before { left:16.333%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.three.four + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.three.five + .tabs-window.pointer:before { left:29.8%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.three.six + .tabs-window.pointer:before { left:33.166%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.three.seven + .tabs-window.pointer:before { left:35.571%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.three.eight + .tabs-window.pointer:before { left:37.375%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.three.split + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.three + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.three.four + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.three.five + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.three.six + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.three.seven + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.three.eight + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.three + .tabs-window.pointer:before { left:83.666%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.three.four + .tabs-window.pointer:before { left:75.25%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.three.five + .tabs-window.pointer:before { left:70.2%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.three.six + .tabs-window.pointer:before { left:66.833%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.three.seven + .tabs-window.pointer:before { left:64.429%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.three.eight + .tabs-window.pointer:before { left:62.625%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.four + .tabs-window.pointer:before { left:12.125%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:19.7%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.four.six + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.four.seven + .tabs-window.pointer:before { left:28.357%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.four.eight + .tabs-window.pointer:before { left:31.062%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.four + .tabs-window.pointer:before { left:37.375%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:39.9%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.four.six + .tabs-window.pointer:before { left:41.583%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.four.seven + .tabs-window.pointer:before { left:42.786%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.four.eight + .tabs-window.pointer:before { left:43.688%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.four + .tabs-window.pointer:before { left:62.625%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:60.1%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.four.six + .tabs-window.pointer:before { left:58.417%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.four.seven + .tabs-window.pointer:before { left:57.214%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.four.eight + .tabs-window.pointer:before { left:56.313%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.four + .tabs-window.pointer:before { left:87.875%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:80.3%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.four.six + .tabs-window.pointer:before { left:75.25%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.four.seven + .tabs-window.pointer:before { left:71.643%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.four.eight + .tabs-window.pointer:before { left:68.938%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.five + .tabs-window.pointer:before { left:9.6%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.five.six + .tabs-window.pointer:before { left:16.333%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.five.seven + .tabs-window.pointer:before { left:21.142%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.five.eight + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.five + .tabs-window.pointer:before { left:29.8%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.five.six + .tabs-window.pointer:before { left:33.167%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.five.seven + .tabs-window.pointer:before { left:35.571%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.five.eight + .tabs-window.pointer:before { left:37.375%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.five + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.five.six + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.five.seven + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.five.eight + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.five + .tabs-window.pointer:before { left:70.2%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.five.six + .tabs-window.pointer:before { left:66.833%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.five.seven + .tabs-window.pointer:before { left:64.429%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.five.eight + .tabs-window.pointer:before { left:62.625%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.five + .tabs-window.pointer:before { left:90.4%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.five.six + .tabs-window.pointer:before { left:83.667%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.five.seven + .tabs-window.pointer:before { left:78.857%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.five.eight + .tabs-window.pointer:before { left:75.25%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.six + .tabs-window.pointer:before { left:7.916%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.six.seven + .tabs-window.pointer:before { left:13.928%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.six.eight + .tabs-window.pointer:before { left:18.437%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.six + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.six.seven + .tabs-window.pointer:before { left:28.357%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.six.eight + .tabs-window.pointer:before { left:31.063%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.six + .tabs-window.pointer:before { left:41.583%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.six.seven + .tabs-window.pointer:before { left:42.786%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.six.eight + .tabs-window.pointer:before { left:43.688%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.six + .tabs-window.pointer:before { left:58.416%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.six.seven + .tabs-window.pointer:before { left:57.214%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.six.eight + .tabs-window.pointer:before { left:56.313%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.six + .tabs-window.pointer:before { left:75.25%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.six.seven + .tabs-window.pointer:before { left:71.643%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.six.eight + .tabs-window.pointer:before { left:68.938%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.six + .tabs-window.pointer:before { left:92.083%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.six.seven + .tabs-window.pointer:before { left:86.071%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.six.eight + .tabs-window.pointer:before { left:81.563%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.seven + .tabs-window.pointer:before { left:6.714%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.seven.eight + .tabs-window.pointer:before { left:12.125%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.seven + .tabs-window.pointer:before { left:21.142%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.seven.eight + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.seven + .tabs-window.pointer:before { left:35.571%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.seven.eight + .tabs-window.pointer:before { left:37.375%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.seven + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.seven.eight + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.seven + .tabs-window.pointer:before { left:64.428%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.seven.eight + .tabs-window.pointer:before { left:62.625%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.seven + .tabs-window.pointer:before { left:78.857%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.seven.eight + .tabs-window.pointer:before { left:75.25%; content:" "; } .tabs.tabs-6 > .tabs-selector.columns.seven + .tabs-window.pointer:before { left:93.285%; content:" "; } .tabs.tabs-6 > .tabs-selector.columns.seven.eight + .tabs-window.pointer:before { left:87.875%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.eight + .tabs-window.pointer:before { left:5.812%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.eight + .tabs-window.pointer:before { left:18.437%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.eight + .tabs-window.pointer:before { left:31.062%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.eight + .tabs-window.pointer:before { left:43.687%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.eight + .tabs-window.pointer:before { left:56.312%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.eight + .tabs-window.pointer:before { left:68.837%; content:" "; } .tabs.tabs-6 > .tabs-selector.columns.eight + .tabs-window.pointer:before { left:81.562%; content:" "; } .tabs.tabs-7 > .tabs-selector.columns.eight + .tabs-window.pointer:before { left:94.187%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.two + .tabs-window.pointer:before { left:25%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.two.three + .tabs-window.pointer:before { left:33.17%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.two.four + .tabs-window.pointer:before { left:37.5%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.two.five + .tabs-window.pointer:before { left:40%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.two.six + .tabs-window.pointer:before { left:41.666%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.two.seven + .tabs-window.pointer:before { left:42.857%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.two.eight + .tabs-window.pointer:before { left:43.75%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.two + .tabs-window.pointer:before { left:75%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.two.three + .tabs-window.pointer:before { left:33.665%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.two.four + .tabs-window.pointer:before { left:62.5%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.two.five + .tabs-window.pointer:before { left:60%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.two.six + .tabs-window.pointer:before { left:58.333%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.two.seven + .tabs-window.pointer:before { left:57.143%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.two.eight + .tabs-window.pointer:before { left:56.25%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.three + .tabs-window.pointer:before { left:16.666%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.three.four + .tabs-window.pointer:before { left:25%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.three.five + .tabs-window.pointer:before { left:30%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.three.six + .tabs-window.pointer:before { left:33.333%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.three.seven + .tabs-window.pointer:before { left:35.714%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.three.eight + .tabs-window.pointer:before { left:37.5%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.three + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.three.four + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.three.five + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.three.six + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.three.seven + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.three.eight + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.three + .tabs-window.pointer:before { left:83.333%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.three.four + .tabs-window.pointer:before { left:75%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.three.five + .tabs-window.pointer:before { left:70%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.three.six + .tabs-window.pointer:before { left:66.666%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.three.seven + .tabs-window.pointer:before { left:64.286%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.three.eight + .tabs-window.pointer:before { left:62.5%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.four + .tabs-window.pointer:before { left:12.5%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.four.five + .tabs-window.pointer:before { left:20%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.four.six + .tabs-window.pointer:before { left:25%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.four.seven + .tabs-window.pointer:before { left:28.571%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.four.eight + .tabs-window.pointer:before { left:31.25%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.four + .tabs-window.pointer:before { left:37.5%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.four.five + .tabs-window.pointer:before { left:40%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.four.six + .tabs-window.pointer:before { left:41.666%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.four.seven + .tabs-window.pointer:before { left:42.857%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.four.eight + .tabs-window.pointer:before { left:43.75%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.four + .tabs-window.pointer:before { left:62.5%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.four.five + .tabs-window.pointer:before { left:60%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.four.six + .tabs-window.pointer:before { left:58.333%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.four.seven + .tabs-window.pointer:before { left:57.143%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.four.eight + .tabs-window.pointer:before { left:56.25%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.four + .tabs-window.pointer:before { left:87.5%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.four.five + .tabs-window.pointer:before { left:80%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.four.six + .tabs-window.pointer:before { left:75%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.four.seven + .tabs-window.pointer:before { left:71.429%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.four.eight + .tabs-window.pointer:before { left:68.75%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.five + .tabs-window.pointer:before { left:10%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.five.six + .tabs-window.pointer:before { left:16.666%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.five.seven + .tabs-window.pointer:before { left:21.428%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.five.eight + .tabs-window.pointer:before { left:25%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.five + .tabs-window.pointer:before { left:30%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.five.six + .tabs-window.pointer:before { left:33.333%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.five.seven + .tabs-window.pointer:before { left:35.714%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.five.eight + .tabs-window.pointer:before { left:37.5%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.five + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.five.six + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.five.seven + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.five.eight + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.five + .tabs-window.pointer:before { left:70%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.five.six + .tabs-window.pointer:before { left:66.666%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.five.seven + .tabs-window.pointer:before { left:64.286%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.five.eight + .tabs-window.pointer:before { left:62.5%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.join.five + .tabs-window.pointer:before { left:90%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.join.five.six + .tabs-window.pointer:before { left:83.333%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.join.five.seven + .tabs-window.pointer:before { left:78.571%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.join.five.eight + .tabs-window.pointer:before { left:75%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.six + .tabs-window.pointer:before { left:8.333%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.six.seven + .tabs-window.pointer:before { left:14.285%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.six.eight + .tabs-window.pointer:before { left:28.571%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.six + .tabs-window.pointer:before { left:25%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.six.seven + .tabs-window.pointer:before { left:28.571%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.six.eight + .tabs-window.pointer:before { left:31.25%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.six + .tabs-window.pointer:before { left:41.666%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.six.seven + .tabs-window.pointer:before { left:42.857%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.six.eight + .tabs-window.pointer:before { left:43.75%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.six + .tabs-window.pointer:before { left:58.333%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.six.seven + .tabs-window.pointer:before { left:57.143%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.six.eight + .tabs-window.pointer:before { left:56.25%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.join.six + .tabs-window.pointer:before { left:75%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.join.six.seven + .tabs-window.pointer:before { left:71.429%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.join.six.eight + .tabs-window.pointer:before { left:68.75%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.join.six + .tabs-window.pointer:before { left:91.666%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.join.six.seven + .tabs-window.pointer:before { left:85.714%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.join.six.eight + .tabs-window.pointer:before { left:81.25%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.seven + .tabs-window.pointer:before { left:7.142%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.seven.eight + .tabs-window.pointer:before { left:12.5%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.seven + .tabs-window.pointer:before { left:21.428%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.seven.eight + .tabs-window.pointer:before { left:25%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.seven + .tabs-window.pointer:before { left:35.714%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.seven.eight + .tabs-window.pointer:before { left:37.5%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.seven + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.seven.eight + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.join.seven + .tabs-window.pointer:before { left:64.285%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.join.seven.eight + .tabs-window.pointer:before { left:62.5%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.join.seven + .tabs-window.pointer:before { left:78.571%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.join.seven.eight + .tabs-window.pointer:before { left:75%; content:" "; } .tabs.tabs-6 > .tabs-selector.columns.join.seven + .tabs-window.pointer:before { left:92.857%; content:" "; } .tabs.tabs-6 > .tabs-selector.columns.join.seven.eight + .tabs-window.pointer:before { left:87.5%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.join.eight + .tabs-window.pointer:before { left:6.25%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.join.eight + .tabs-window.pointer:before { left:18.75%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.join.eight + .tabs-window.pointer:before { left:31.25%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.join.eight + .tabs-window.pointer:before { left:43.75%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.join.eight + .tabs-window.pointer:before { left:56.25%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.join.eight + .tabs-window.pointer:before { left:68.75%; content:" "; } .tabs.tabs-6 > .tabs-selector.columns.join.eight + .tabs-window.pointer:before { left:81.25%; content:" "; } .tabs.tabs-7 > .tabs-selector.columns.join.eight + .tabs-window.pointer:before { left:93.75%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.two.split + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.two.split + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.three.split + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.three.split + .tabs-window.pointer:before { left:75.25%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.three.split + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.four.split + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.four.split + .tabs-window.pointer:before { left:75.25%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.four.split + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.four.split + .tabs-window.pointer:before { left:75.25%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.five.split + .tabs-window.pointer:before { left:16.333%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.five.split + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.five.split + .tabs-window.pointer:before { left:83.666%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.five.split + .tabs-window.pointer:before { left:33.166%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.five.split + .tabs-window.pointer:before { left:66.833%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.six.split + .tabs-window.pointer:before { left:16.333%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.six.split + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.six.split + .tabs-window.pointer:before { left:83.666%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.six.split + .tabs-window.pointer:before { left:16.333%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.six.split + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.six.split + .tabs-window.pointer:before { left:83.666%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.seven.split + .tabs-window.pointer:before { left:12.125%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.seven.split + .tabs-window.pointer:before { left:37.375%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.seven.split + .tabs-window.pointer:before { left:62.625%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.seven.split + .tabs-window.pointer:before { left:87.875%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.seven.split + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.seven.split + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-6 > .tabs-selector.columns.seven.split + .tabs-window.pointer:before { left:75.25%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.eight.split + .tabs-window.pointer:before { left:12.125%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.eight.split + .tabs-window.pointer:before { left:37.375%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.eight.split + .tabs-window.pointer:before { left:62.625%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.eight.split + .tabs-window.pointer:before { left:87.875%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.eight.split + .tabs-window.pointer:before { left:12.125%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.eight.split + .tabs-window.pointer:before { left:37.375%; content:" "; } .tabs.tabs-6 > .tabs-selector.columns.eight.split + .tabs-window.pointer:before { left:62.625%; content:" "; } .tabs.tabs-8 > .tabs-selector.columns.eight.split + .tabs-window.pointer:before { left:87.875%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.three.four + .tabs-selector.columns.two.four + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.three.four + .tabs-selector.columns.two.four + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.three.four + .tabs-selector.columns.two.four + .tabs-window.pointer:before { left:75.25%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.three.four + .tabs-selector.columns.two.four + .tabs-window.pointer:before { left:37.375%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.three.four + .tabs-selector.columns.two.four + .tabs-window.pointer:before { left:62.625%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.three.four + .tabs-selector.columns.three.four + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.three.four + .tabs-selector.columns.three.four + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.three.four + .tabs-selector.columns.three.four + .tabs-window.pointer:before { left:75.25%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.three.four + .tabs-selector.columns.three.four + .tabs-window.pointer:before { left:24.75%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.three.four + .tabs-selector.columns.three.four + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.three.four + .tabs-selector.columns.three.four + .tabs-window.pointer:before { left:75.25%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.four.five + .tabs-selector.columns.three.five + .tabs-window.pointer:before { left:20%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.four.five + .tabs-selector.columns.three.five + .tabs-window.pointer:before { left:40%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.four.five + .tabs-selector.columns.three.five + .tabs-window.pointer:before { left:60%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.four.five + .tabs-selector.columns.three.five + .tabs-window.pointer:before { left:80%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.four.five + .tabs-selector.columns.three.five + .tabs-window.pointer:before { left:29.8%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.four.five + .tabs-selector.columns.three.five + .tabs-window.pointer:before { left:50%; content:" "; } .tabs.tabs-6 > .tabs-selector.columns.four.five + .tabs-selector.columns.three.five + .tabs-window.pointer:before { left:70.2%; content:" "; } .tabs.tabs-0 > .tabs-selector.columns.four.five + .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:20%; content:" "; } .tabs.tabs-1 > .tabs-selector.columns.four.five + .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:40%; content:" "; } .tabs.tabs-2 > .tabs-selector.columns.four.five + .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:60%; content:" "; } .tabs.tabs-3 > .tabs-selector.columns.four.five + .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:80%; content:" "; } .tabs.tabs-4 > .tabs-selector.columns.four.five + .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:20%; content:" "; } .tabs.tabs-5 > .tabs-selector.columns.four.five + .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:40%; content:" "; } .tabs.tabs-6 > .tabs-selector.columns.four.five + .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:60%; content:" "; } .tabs.tabs-7 > .tabs-selector.columns.four.five + .tabs-selector.columns.four.five + .tabs-window.pointer:before { left:80%; content:" "; } .tabs > header > h2 { margin:0 0 30px; text-align:center; } .tabs > header > .wysiwyg { margin:0 0 30px; } .tabs .tabs-window { margin-top:45px; background-color:transparent; } .tabs .tabs-window.pointer.reverse { margin-top:40px; } .tabs .tabs-window > * { display:none; } .tabs .pointer.reverse:before { top:-25px; margin:0 -30px; border-width:0 30px 25px; border-color:#f2f2f2 transparent; } .tabs .pointer:after { display:none; } @media (max-width:767px) { .tabs .tabs-window.pointer.reverse { margin-top:30px; } .tabs .pointer.reverse:before { top:-20px; margin:0 -25px; border-width:0 25px 20px; } } /** * style-guide.tabs * Tues, 23 Aug 2016 15:34:24 +0000 */ .style-guide .tabs .tabs-selector { margin: -15px 0px 0px 20px; } .style-guide .tabs .tabs-selector .copy.stroke { padding: 20px; word-wrap: break-word; } .style-guide .tabs .tabs-selector a { border-radius: 5px; } .style-guide .tabs .tabs-selector a.pointer.stroke:active:before, .style-guide .tabs .tabs-selector a.pointer.reverse:before { top: 0; border-width: 0 10px 10px; margin: 0 -12px; bottom: 0; } .style-guide .tabs .tabs-selector a.pointer.stroke.active:hover:before, .style-guide .tabs .tabs-selector a.pointer.stroke.active:before, .style-guide .tabs .tabs-selector a.pointer.stroke:hover:active:before { border-color: #fff transparent; top: 0; border-width: 0 10px 10px; margin: 0 -12px; bottom: -2px; } .style-guide .tabs .tabs-selector a.pointer.stroke:hover:before { border-color: #f2f2f2 transparent; bottom: 0; } .style-guide .tabs .columns > a:first-child { margin: 38px 2px 0; } .style-guide .tabs .columns > a { margin: 38px 2px 0; } @media (max-width: 767px) { .style-guide .tabs .tabs-window .icon.plus-minus { border: 1px solid #0079c1; border-radius: 22px;} .style-guide .tabs .tabs-window .icon.plus-minus::before { font-size: 13px; } .style-guide .tabs .tabs-window .active .icon.plus-minus { border-color: #ffffff; } .style-guide .tabs .tabs-window .icon.plus-minus:before { content: "\e667"; } .style-guide .tabs .tabs-window .active .icon.plus-minus:before { content: "\e642"; color: #fff; } .style-guide .tabs .tabs-window .icon.plus-minus { margin-top: -3px; float: right; text-align: center; } .style-guide .tabs .tabs-window .active .icon.plus-minus { margin-top: -3px; float: right; text-align: center; } } /** * 3.1 Tabs-Accordion * Mon, 19 Jan 2015 18:47:22 +0000 */ @media (max-width:767px) { .tabs.tabs-accordion .tabs-selector { display:none; } .tabs.tabs-accordion .tabs-window:before { display:none; } .tabs.tabs-accordion .tabs-window { margin-top:0; } .tabs.tabs-accordion .tabs-window > * { margin:15px 0 0; display: inherit; } .tabs.tabs-accordion .tabs-window > *:first-child { margin:0; } .style-guide .tabs-accordion .tabs-window { margin-top: 30px; } .style-guide .tabs-accordion .tabs-window > a { border-radius: 0; border-bottom: 1px solid #cacaca; background: transparent; border-width: 0 0 1px 0; color: inherit; text-align: left; padding-bottom: 24px; display: block; } .style-guide .tabs-accordion .tabs-window > a strong { display: inline-block; } } /** * tabs-icons * Mon, 19 Jan 2015 18:47:22 +0000 */ @media (max-width:767px) { .tabs.tabs-accordion .tabs-window > a.link.icon { display:block; height:auto; padding-top:15px; border-top:1px solid #cacaca; } .tabs.tabs-accordion .tabs-window > a.link.icon:first-child { padding-top:0; border-top:none; } .tabs.tabs-accordion .tabs-window > a.link.icon .icon { top:15px; } .tabs.tabs-accordion .tabs-window > a.link.icon:first-child .icon { top:0; } .tabs.tabs-accordion .tabs-window > a.link.icon .icon + strong { margin:-.15em 0 0; padding:2px 0 0; } .tabs.tabs-accordion .tabs-window > a.active + * + a.link.icon { border-top:none; } } /** * 3.2 Accordion * Mon, 19 Jan 2015 18:47:11 +0000 */ .accordion > hr { margin:30px 0; } .accordion > .accordion-container > .accordion-content { display: none; margin:0 0 0 64px; overflow: hidden; } .accordion > .accordion-container > .accordion-title { position: relative; display: block; } .accordion > .accordion-container > .accordion-title:hover, .accordion > .accordion-container > .accordion-title:focus, .accordion > .accordion-container > .accordion-title:active { text-decoration: none; outline: none; } .accordion > .accordion-container > .accordion-title:after { display:table; content:""; clear:both; } .accordion > .accordion-container > .accordion-title > .function { float: left; margin: 0 20px 0 0; } .accordion > .accordion-container > .accordion-title > .function + * { margin:0; display:table-cell; height:44px; line-height:1.1em; vertical-align:middle; } .accordion > .accordion-container > .accordion-title > .function > .plus, .accordion > .accordion-container.on > .accordion-title > .function > .minus { display: block; } .accordion > .accordion-container.on > .accordion-title > .function > .plus, .accordion > .accordion-container > .accordion-title > .function > .minus { display: none; } /** * 3.3 Expander * Mon, 19 Jan 2015 18:47:21 +0000 */ .read-more-toggle .show-btn, .read-more-toggle.on .hide-btn { display: block; margin: 15px auto 0; } .read-more-toggle .read-text.more, .read-more-toggle.on .read-text.less { display: block; } .read-more-toggle .hide-btn, .read-more-toggle .read-text.less, .read-more-toggle.on .show-btn, .read-more-toggle.on .read-text.more { display: none; } @media (max-width: 767px){ .mobile-read-more, .mobile-read-more ~ * { display: none; } .mobile-read-more.on, .mobile-read-more.on ~ * { display: block; } .mobile-read-more ~ .read-more-toggle { display: block; } } @media (min-width: 768px){ .desktop-read-more, .desktop-read-more ~ * { display: none; } .desktop-read-more.on, .desktop-read-more.on ~ * { display: block; } .desktop-read-more ~ .read-more-toggle, .mobile-read-more.desktop-read-more ~ .read-more-toggle { display: block; } .mobile-read-more ~ .read-more-toggle { display: none; } .tl-header-mega-menu-column ul li.trip-plans {min-width:200px } } /** * 3.4 Disclaimer * Mon, 19 Jan 2015 18:47:20 +0000 */ .footnotes p, .footnotes ul li, .footnotes ol li, p.footnotes, ul.footnotes li, ol.footnotes li { font-size:.733em; } .footnotes ul, .footnotes ol { padding:0 0 0 1.5em; } /* Mon, 02 Feb 2015 */ .modal-open { overflow:hidden; position: relative; } /* 3.5 start - emergency messaging styles */ .cm-alert { display: none; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; overflow: hidden; padding: 0px; margin-left: auto; margin-right: auto; background-color: #f5f56f; transition: opacity 1s; opacity: 1; z-index: 1000; } .cm-alert .cm-alert-inner { display: block; position: relative; padding: 20px; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } .cm-alert.show { display: block; } .cm-alert.hide { opacity: 0; } .cm-alert *:not(.cm-alert-hide,.cm-alert-inner) { display: table-cell; vertical-align: middle; padding: 5px; } .cm-alert .cm-alert-msg { padding-top: 0px; padding-left: 68px; } .cm-alert .cm-alert-msg * { margin: 0; } .cm-alert .cm-alert-msg h3 { text-align: left !important; } .cm-alert .icon-container { height: 80px; width: 44px; float: left; top: -20px; color: #000000; font-size: 40px; text-align: center; background-color: transparent; margin-bottom: 0px; margin-right: 20px; } .cm-alert .icon-container .icon, .cm-alert .icon-container .icon:before { color: #000000; font-size: 40px; } @media (max-width: 767px) { .cm-alert .icon-container { font-size: 60px; } } .cm-alert .cm-alert-hide { display: block; position: absolute; top: 20px; right: 20px; width: 12px;height: 12px; padding: 5px; border: 1px solid #000000; border-radius: 15px; } .cm-alert .cm-alert-hide .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .cm-alert .cm-alert-hide:before { content: '\2715'; position: absolute; top: 2px; left: 6px; color: #000000; font-size: 13px; } .cm-alert .cm-alert-msg p { font-size: 15px; line-height: 1em; } /* end - emergency messaging styles */ /* 3.6 Slider input */ .slider {position:relative} .slider .ui-slider input {display:none} .slider .ui-slider-track {position:relative;height:32px;margin:0 30px 0 0;background-color:#fff;cursor:pointer} .slider .ui-slider-track:after {position:absolute;top:16px;right:-30px;left:0;height:2px;background-color:#cacaca;content:""} .slider .ui-slider-track > .ui-slider-handle {position:absolute;top:0;width:28px;height:28px;border:2px solid #fff;border-radius:100%;background-color:#0079c1;z-index:1} .slider .ui-slider-track > .ui-slider-handle:focus {outline:none} .slider > ul {margin:0;padding:0;list-style:none} .slider > ul:after {display:table;content:" ";clear:both} .slider > ul > li {font-weight:bold} .slider > ul > li:first-child {float:left} .slider > ul > li:first-child + li {float:right} .slider input[type=range]:disabled + .ui-slider-track > .ui-slider-handle {background-color:#CCC} /* 3.7 Responsive Table and Sticky header footer */ .responsive-table-wrapper {resize:both !important;} .responsive-table-wrapper table { border-collapse: collapse; margin-bottom: 3em; width: 98%; background: #fff; } .responsive-table-wrapper td,.responsive-table-wrapper th { padding: 0.75em 1.5em !important; text-align: left; } .responsive-table-wrapper th { background-color: #fff; font-weight: normal; } .responsive-table-wrapper tbody th { background-color: #fff; font-weight: bold; } .responsive-table-wrapper thead th:first-child{text-align: left;} .responsive-table-wrapper tbody tr td:nth-child(2n) { background-color: #f2f2f2; /*transition: all .125s ease-in-out;*/ } .responsive-table-wrapper tbody tr td:nth-child(2n+1){ background-color:#fff; } /* For appearance */ .responsive-table-wrapper { overflow-x: auto; overflow-y: hidden; position: relative; width: 100%; } .responsive-table-wrapper .sticky-thead{ top:150px; } .responsive-table-wrapper .sticky-thead, .responsive-table-wrapper .sticky-col, .responsive-table-wrapper .sticky-intersect { opacity: 0; position: absolute; top: 0; left: 0; z-index: 50; width: auto; /* Prevent table from stretching to full size */ } .responsive-table-wrapper .sticky-thead { box-shadow:#cacaca 0px 2px 2px; z-index: 100; width: 100%; /* Force stretch */ } .responsive-table-wrapper .sticky-intersect { opacity: 1; z-index: 150; } .responsive-table-wrapper td, .responsive-table-wrapper th {box-sizing: border-box;} .responsive-table-wrapper.overflow-y { overflow-y: auto; max-height: 50vh; } .responsive-table-wrapper table tbody tr{border-bottom:1px solid #cacaca;} .responsive-table-wrapper table tr.full-row > *{ background-color:#fff; max-width: 100px; overflow: visible; text-overflow: ellipsis; white-space: nowrap; } .responsive-table-wrapper table.no-wrap{white-space: nowrap;} /* Condition Specific */ .responsive-table-wrapper td{text-align: center;} .responsive-table-wrapper table thead th:first-child{font-size:1.5em;} .responsive-table-wrapper table thead tr{top:120px;height:60px;} .responsive-table-wrapper table thead th:not(:first-child){text-align:center;} .responsive-table-wrapper table tr.full-row{height:25px !important;} .responsive-table-wrapper table tr.full-row > * {height:25px !important;} .responsive-table-wrapper .sticky-thead.floating-header{box-shadow: 4px 1px 5px 0px rgba(0,0,0,0.2)} .responsive-table-wrapper .sticky-intersect.floating-header th,.responsive-table-wrapper .sticky-head.floating-header th{border-bottom:none;} .responsive-table-wrapper table tbody tr.apply-buttons, tr.apply-buttons td,tr.apply-buttons th{background-color:#fff !important;border-bottom:0px !important;white-space:nowrap;} .responsive-table-wrapper .sticky-thead, .responsive-table-wrapper .sticky-col,.responsive-table-wrapper .sticky-intersect { transition: all 0.3s ease;} @media (max-width:767px){ .responsive-table-wrapper .sticky-thead, .responsive-table-wrapper .sticky-col,.responsive-table-wrapper .sticky-intersect { transition: all 0.7s ease;} .responsive-table-wrapper table tbody tr.apply-buttons, tr.apply-buttons td,tr.apply-buttons th{box-shadow: none;} .responsive-table-wrapper .sticky-col.floating-columns{box-shadow: 4px 1px 5px 0px rgba(0,0,0,0.2)} .responsive-table-wrapper .sticky-col.floating-columns tr.full-row > th{box-shadow: rgb(255, 255, 255) 9px 0px 2px 0px;} .responsive-table-wrapper table thead tr{border-bottom:1px solid #414141;} .responsive-table-wrapper .sticky-intersect.floating-columns tr{border-bottom:1px solid #d7d7d7 !important;} .responsive-table-wrapper table.sticky-col tbody tr{border-bottom:1px solid #f0f0f0;} } .responsive-table-wrapper table thead th:not(:first-child){white-space:nowrap;} /* 3.8 Link Icon CTAs */ .style-guide .cta .link.icon { font-family:"dax"; color:#414141; text-decoration:none; padding: 0 0 0 56px; } .style-guide .cta .link.icon a, .contact-info .link.icon a:hover { text-decoration:none; } .style-guide .cta .link.icon b { color:#0079c1; line-height: 1.3em; } .style-guide .cta .link.icon .phone-numbers, .style-guide .cta .link.icon .phone-numbers strong, .style-guide .cta .link.icon .phone-numbers b.mobile-link-text { font-size: 16px; color:#414141; } .style-guide .cta .link:hover .link-text { text-decoration:underline; } .icon.x-large { width: 75px; height: 75px; line-height: 75px; } .icon.x-large:before { line-height: 40px; font-size: 75px; } .icon.xx-large { height: 80px; line-height: 1; text-align: center; } .icon.xx-large:before { line-height: 1; font-size: 80px; } .icon.dark:before { color: #666666; } /* 3.9 Icon Copy Block */ .style-guide .icon-block.stacked { display: block; } @media (max-width:767px){ .style-guide .icon-block + .copy-block { text-align:left; width:75%; padding-left:15px; } .style-guide .icon-block.stacked { display: flex; align-items: initial; } .style-guide .icon-block.stacked > .icon { padding-top: 0.5rem; } .style-guide .icon-block.stacked > .icon, .style-guide .icon-block.stacked + .copy-block { float: left; } } /* 4.0 Mega Menu * 04 Aug 2015 */ .tl-header button, .tl-header a.button, .tl-header span.button { display:inline-block; box-sizing:border-box; height:45px; padding:0 30px; border:1px solid #0079c1; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; background-color:transparent; color:#0079c1; font-family:"dax"; font-size:15px; line-height:44px; text-align:center; vertical-align:middle; overflow:hidden; } .tl-header button:hover, .tl-header a.button:hover { border-color:#1a4d78; color:#1a4d78; text-decoration:none; } .tl-header button:focus, .tl-header a.button:focus, .tl-header button:active, .tl-header a.button:active { border-color:#1a4d78; color:#1a4d78; text-decoration:none; outline:0; } .tl-header button.disabled, .tl-header a.button.disabled { border-color:#99c9e6; color:#99c9e6; cursor:default; } .tl-header button.primary, .tl-header a.button.primary, .tl-header span.button.primary { background-color:#0079c1; color:#ffffff; } .tl-header button.primary:hover, .tl-header a.button.primary:hover { border-color:#1a4d78; background-color:#1a4d78; color:#ffffff; text-decoration:none; } .tl-header button.primary:focus, .tl-header a.button.primary:focus, .tl-header button.primary:active, .tl-header a.button.primary:active { border-color:#1a4d78; background-color:#1a4d78; color:#ffffff; text-decoration:none; outline:0; } .tl-header button.primary.disabled, .tl-header a.button.primary.disabled { border-color:#99c9e6; background-color:#99c9e6; color:#efefef; } .tl-header button.attention, .tl-header a.button.attention, .tl-header span.button.attention { border-color:#ed1b24; background-color:#ed1b24; color:#ffffff; } .tl-header button.attention:hover, .tl-header a.button.attention:hover { border-color:#9b262c; background-color:#9b262c; color:#ffffff; text-decoration:none; } .tl-header button.attention:focus, .tl-header a.button.attention:focus, .tl-header button.attention:active, .tl-header a.button.attention:active { border-color:#9b262c; background-color:#9b262c; color:#ffffff; text-decoration:none; outline:0; } .tl-header button.attention.disabled, .tl-header a.button.attention.disabled { border-color:#f8a3a7; background-color:#f8a3a7; color:#efefef; } .tl-header button.wrap, .tl-header a.button.wrap, .tl-header span.button.wrap { padding:4px 30px; line-height:19px; } .tl-header button + button, .tl-header button + a.button, .tl-header button + span.button, .tl-header a.button + button, .tl-header a.button + a.button, .tl-header a.button + span.button, .tl-header span.button + button, .tl-header span.button + a.button, .tl-header span.button + span.button { margin:0 0 0 1%; } @media (max-width:767px) { .tl-header button, .tl-header a.button, .tl-header span.button, .tl-header button.small, .tl-header a.button.small, .tl-header span.button.small { width:100%; height:45px; line-height:46px; } .tl-header button + button, .tl-header button + a.button, .tl-header button + span.button, .tl-header a.button + button, .tl-header a.button + a.button, .tl-header a.button + span.button, .tl-header span.button + button, .tl-header span.button + a.button, .tl-header span.button + span.button { margin:15px 0 0; } .tl-header p button, .tl-header p a.button, .tl-header p span.button { margin:15px 0 0; } } .tl-header button.flush, .tl-header a.button.flush, .tl-header span.button.flush { width:100%; } .tl-header { position:relative; } .tl-header-primary { position:relative; background-color:#0079c1; } .tl-header-primary > div { max-width:1200px; margin:0 auto; } .tl-header-primary > div:after { display:table; content:""; clear:both; } .tl-header-primary-left { float:left; } .tl-header-primary-left:after { display:table; content:""; clear:both; } .tl-header-primary-left > a { display:block; float:left; position:relative; height:44px; padding:0 20px; border-right:1px solid #66a6ca; color:#ffffff; font-family:"dax-medium"; font-size:.866em; text-align:center; } .tl-header-primary-left > a:before { display:inline-block; height:100%; vertical-align:middle; content:""; } .tl-header-primary-left > a:hover, .tl-header-primary-left > a:focus, .tl-header-primary-left > a:active { outline:0; background-color:#66a6ca; text-decoration:none; color:#fff; } .tl-header-primary-left > a.tl-header-active { background-color:#ffffff; border-color:#ffffff; color:#0079c1; } .tl-header-primary-left > a.tl-header-active:after { display:block; position:absolute; top:0; bottom:0; left:-1px; width:1px; background-color:#ffffff; content:""; } .tl-header-primary-left > a > span { display:inline-block; vertical-align:middle; } .tl-header-primary-left > a.tl-header-active:focus { padding:0 15px; } .tl-header-primary-left > a.tl-header-active:focus > span { padding:3px 5px; outline:1px dotted #0079c1; } @media (max-width:1080px) { .tl-header-primary-left { display:none; } } .tl-header-primary-right { float:right; } .tl-header-primary-right:after { display:table; content:""; clear:both; } .tl-header-primary-right > a { display:block; float:left; position:relative; height:44px; padding:0 15px; color:#ffffff; font-family:"dax-medium"; font-size:.866em; text-align:center; } .tl-header-primary-right > a:before { display:inline-block; height:100%; vertical-align:middle; content:""; } .tl-header-primary-right > a:hover, .tl-header-primary-right > a:focus, .tl-header-primary-right > a:active { outline:0; text-decoration: none; } .tl-header-primary-right > a > span { display:inline-block; border-top:1px solid #0079c1; border-bottom:1px solid #0079c1; vertical-align:middle; } .tl-header-primary-right > a:hover > span, .tl-header-primary-right > a:active > span { text-decoration: underline; } .tl-header-primary-right > a:focus { padding:0 15px; } .tl-header-primary-right > a:focus > span { /*padding:3px 5px;*/ outline:1px dotted #ffffff; } .tl-header-primary-right > a:focus:hover > span { border-bottom:1px solid #0079c1; } .tl-header-primary-right > a.tl-header-active:after { display:block; position:absolute; bottom:0px; left:50%; width:0; margin:0 -12px; border-style:solid; border-width:0 12px 10px; border-color:#f2f2f2 transparent; content:""; } .tl-header-primary-right > a .iconNew { width:auto; height:auto; margin:0 6px 0 0; line-height:normal; vertical-align:middle; } .tl-header-primary-right > a .iconNew:before { color:#ffffff; line-height:18px; font-size:18px; } .tl-header-primary-right > a .iconNew.chevron-down, .tl-header-primary-right > a .iconNew.chevron-up { margin:0 0 0 9px; } .tl-header-primary-right > a .iconNew.chevron-down:before, .tl-header-primary-right > a .iconNew.chevron-up:before { font-size:11px; } .tl-header-primary-right > a.tl-header-signin { background-color:#1d4e75;} .tl-header-primary-right > a.tl-header-signin:after { display:none; } .tl-header-primary-right > a.tl-header-signin > span { padding:1px 0; border-top:1px solid #1d4e75; border-bottom:1px solid #1d4e75; } .tl-header-primary-right > a.tl-header-signin:hover > span, .tl-header-primary-right > a.tl-header-signin:active > span { border: none; text-decoration: underline; } /*.tl-header-primary-right > a.tl-header-signin:focus > span { padding:3px 5px; }*/ /*.tl-header-primary-right > a.tl-header-signin:focus:hover > span { border-bottom:1px solid #1d4e75; }*/ .tl-header-primary-right > a.tl-header-signin .iconNew.chevron-down, .tl-header-primary-right > a.tl-header-signin .iconNew.chevron-up, .tl-header-primary-right > a.tl-header-signin .iconNew.chevron-right { width:20px; height:20px; border-radius: 50%; background-color:#ed1b24; vertical-align:middle; } .tl-header-primary-right > a.tl-header-signin .iconNew.chevron-down:before, .tl-header-primary-right > a.tl-header-signin .iconNew.chevron-up:before, .tl-header-primary-right > a.tl-header-signin .iconNew.chevron-right:before { width:19px; padding:0 1px 0 0; line-height:20px; font-size:8px; vertical-align:middle; } @media (max-width:1080px) { .tl-header-primary-right > a { padding:0 15px; } .tl-header-primary-right > a:focus { padding:0 10px; } } @media (max-width:924px) { .tl-header-primary-right > a:last-of-type { padding:0 10px 0 15px; } .tl-header-primary-right > a:last-of-type:focus { padding:0 5px 0 10px; } } @media (max-width:767px) { .tl-header-primary { display:none; } } .tl-header-signin-menu { display:none; position:absolute; top:100%; left:0; width:100%; z-index:9999; } .tl-header-signin-menu-bmo > div { position:relative; max-width:1200px; margin:0 auto; } .tl-header-signin-menu-bmo > div > ul { position:absolute; right:0; margin:0; padding:0 0 15px 0; list-style:none; background-color:#1d4e75; } .tl-header-signin-menu-bmo > div > ul > li:first-child + li { padding:15px 0 0; } .tl-header-signin-menu-bmo > div > ul > li > a { display:block; padding:15px 30px; color:#ffffff; } .tl-header-signin-menu-bmo > div > ul > li > a:focus { outline:0; } .tl-header-signin-menu-bmo > div > ul > li > a.link { padding:30px 120px 30px 30px; border-bottom:1px solid #487193; color:#ffffff; } .tl-header-signin-menu-bmo > div > ul > li > a.link:before { right:90px; } /*.tl-header-signin-menu-bmoharris { box-sizing:border-box; width:768px; padding:30px; } .tl-header-signin-menu-bmoharris > div > ul { margin:0; padding:0; list-style:none; } .tl-header-signin-menu-bmoharris > div > ul:after { display:table; content:""; clear:both; } .tl-header-signin-menu-bmoharris > div > ul > li { float:left; width:154px; margin:0 0 0 30px; } .tl-header-signin-menu-bmoharris > div > ul > li:first-child { width:155px; margin:0; } .tl-header-signin-menu-bmoharris > div > ul > li:first-child + li { width:155px; } .tl-header-signin-menu-bmoharris > div > ul > li > ul { margin:0; padding:7px 0 0; list-style:none; } .tl-header-signin-menu-bmoharris > div > ul > li > ul > li { margin:1px 0 0; } .tl-header-signin-menu-bmoharris h3 { margin:0; padding:0 0 5px; border-bottom:1px solid #0079c0; color:#ffffff; font-size:.866em; line-height:1em; font-family:"dax-medium"; } .tl-header-signin-menu-bmoharris a { display:block; padding:7px 0; color:#ffffff; } .tl-header-signin-menu-bmoharris a:focus { outline:none; }*/ .tl-header-toggle-placeholder { display:none; height:78px; background-color:#f2f2f2; } .tl-header-toggle-menu { display:none; position:absolute; top:100%; left:0; width:100%; } .tl-header-toggle-menu > div { position:relative; max-width:1200px; height:38px; margin:0 auto; padding:20px 0; } .tl-header-toggle-menu > div:after { display:table; content:""; clear:both; } .tl-header-desktop-search .iconNew.magnifying-glass { position:absolute; left:20px; width:38px; height:38px; line-height:38px; } .tl-header-desktop-search .iconNew.magnifying-glass:before { line-height:38px; color:#0079c1; font-size:37px; } .tl-header-desktop-search-query { position:absolute; left:78px; right:115px; } html[lang="fr"] .tl-header-desktop-search-query { right:158px; } .tl-header-desktop-search-query input { padding:0; background:none; border:0; line-height:38px; font-family:"dax-light"; font-size:1.866em; } .tl-header-desktop-search-go { position:absolute; right:20px; line-height:38px; font-family:"dax-light"; font-size:38px; } .tl-header-desktop-search-go:hover, .tl-header-desktop-search-go:focus, .tl-header-desktop-search-go:active { text-decoration:none; } @media (max-width:1080px) { .tl-header-desktop-search .iconNew.magnifying-glass { left:15px; } .tl-header-desktop-search-query { left:73px; right:110px; } .tl-header-desktop-search-go { right:15px; } } @media (max-width:924px) { .tl-header-desktop-search-go { right:10px; } } .tl-header-desktop-language h3 { float:left; margin:0 0 0 20px; font-family:"dax-light"; font-size:1.666em; line-height:38px; vertical-align:middle; } .tl-header-desktop-language ul { float:right; margin:0 20px 0 0; padding:0; list-style:none; } .tl-header-desktop-language ul:after { display:table; content:""; clear:both; } .tl-header-desktop-language ul > li { float:left; margin:0 0 0 15px; line-height:38px; vertical-align:middle; } .tl-header-desktop-language ul > li:first-child { margin:0; } .tl-header-desktop-language ul > li strong { display:inline; margin:0; line-height:38px; } .tl-header-desktop-language ul > li span.button { height:30px; padding:0 15px; line-height:26px; font-family:"dax-medium"; vertical-align:middle; } .tl-header-desktop-language ul > li a { font-family:"dax-medium"; } .tl-header-desktop-language ul > li:first-child + li + li + li + li, .tl-header-desktop-language ul > li:first-child + li + li + li + li + li + li + li { margin:0 0 0 30px; } @media (max-width:1080px) { .tl-header-desktop-language h3 { margin:0 0 0 15px; } .tl-header-desktop-language ul { margin:0 15px 0 0; } } @media (max-width:924px) { .tl-header-desktop-language h3 { margin:0 0 0 10px; } .tl-header-desktop-language ul { margin:0 10px 0 0; } } .tl-header-desktop-zipcode h3 { float:left; margin:0 0 0 20px; font-family:"dax-light"; font-size:1.666em; line-height:38px; vertical-align:middle; } .tl-header-desktop-zipcode ul { float:right; margin:0 20px 0 0; padding:0; list-style:none; } .tl-header-desktop-zipcode ul:after { display:table; content:""; clear:both; } .tl-header-desktop-zipcode ul > li { float:left; margin:0 0 0 15px; line-height:38px; vertical-align:middle; } .tl-header-desktop-zipcode ul > li:first-child { margin:0; } .tl-header-desktop-zipcode ul > li.tl-header-desktop-zipcode-remember { line-height:19px; } .tl-header-desktop-zipcode ul > li.tl-header-desktop-zipcode-remember label { padding:0 24px 0 0; font-size:15px; } .tl-header-desktop-zipcode ul > li.tl-header-desktop-zipcode-remember label:before { width:18px; height:18px; right:0; left:auto; font-size:13px; } .tl-header-desktop-zipcode ul > li.tl-header-desktop-zipcode-remember .link { font-size:14px; } .tl-header-desktop-zipcode-input input { width:135px; text-align:center; } .tl-header-flag-ca, .tl-header-flag-us, .tl-header-flag-chn { display:inline-block; width:24px; height:24px; background:url("/resources/icons/countries.png"); vertical-align:middle; } .tl-header-flag-ca { background-position:0 -48px; } .tl-header-flag-us { background-position:0 -144px; } .tl-header-flag-chn { background-position:0 -240px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .tl-header-flag-ca { background-position:0 0; background-size:24px; } .tl-header-flag-us { background-position:0 -48px; background-size:24px; } .tl-header-flag-chn { background-position:0 -96px; background-size:24px; } } .tl-header-secondary { position:relative; border-bottom:1px solid #cacaca; } .tl-header-secondary > div { max-width:1200px; margin:0 auto; } .tl-header-secondary > div:after { display:table; content:""; clear:both; } .tl-header-secondary-logo { display:block; float:left; margin:0 0 0 20px; height:95px; line-height:95px; } .tl-header-secondary-logo > img { display:inline-block; height:50px; vertical-align:middle; } .tl-header-secondary-logo:focus { outline:0; } .tl-header-secondary-logo:focus img { outline:1px dotted #0079c1; } .tl-header-secondary-right { float:right; margin:0; padding:0; list-style:none; } .tl-header-secondary-right:after { display:table; content:""; clear:both; } .tl-header-secondary-right > a { display:block; float:left; height:95px; padding:0 20px; border-left:1px solid #e6e6e6; color:#414141; font-family:"dax"; font-size:.933em; text-align:center; } .tl-header-secondary-right > a:before { display:inline-block; height:100%; vertical-align:middle; content:""; } .tl-header-secondary-right > a:hover, .tl-header-secondary-right > a:focus, .tl-header-secondary-right > a:active { outline:0; background-color:#e6e6e6; text-decoration:none; } .tl-header-secondary-right > a > span { display:inline-block; vertical-align:middle; } .tl-header-secondary-right > a.tl-header-active, .tl-header-secondary-right > a.tl-header-mega-active { background-color:#e6e6e6; } .tl-header-secondary-right > a.tl-header-active:focus, .tl-header-secondary-right > a.tl-header-mega-active:focus { padding:0 15px; } .tl-header-secondary-right > a.tl-header-active:focus > span, .tl-header-secondary-right > a.tl-header-mega-active:focus > span { padding:3px 5px; outline:1px dotted #414141; } @media (max-width:1080px) { .tl-header-secondary-logo { margin:0 0 0 15px; } .tl-header-secondary-right > a { padding:0 15px; } .tl-header-secondary-right > a.tl-header-active:focus, .tl-header-secondary-right > a.tl-header-mega-active:focus { padding:0 10px; } } @media (max-width:924px) { .tl-header-secondary-logo { margin:0 0 0 10px; } .tl-header-secondary-right > a { padding:0 6px; font-size:.866em; } .tl-header-secondary-right > a.tl-header-active:focus, .tl-header-secondary-right > a.tl-header-mega-active:focus { padding:0 5px; } } @media (max-width:767px) { .tl-header-secondary { display:none; } } .tl-header-mega-menu { display:none; position:absolute; top:100%; left:0; width:100%; background:#fbfbfb; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.2); -moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,.2); box-shadow:0px 5px 5px 0px rgba(0,0,0,.2); z-index:999; } .tl-header-mega-menu > div { box-sizing:border-box; max-width:1200px; margin:0 auto; padding:30px 20px; } @media (max-width:1080px) { .tl-header-mega-menu > div { padding:25px 15px; } } @media (max-width:924px) { .tl-header-mega-menu > div { padding:20px 10px; } } .tl-header-mobile { display:none; position:relative; height:74px; background:#ffffff; margin-bottom: 0;} /*html[lang="fr"] .tl-header-mobile { margin-bottom: 4px;}*/ .tl-header-mobile-roundel { position:absolute; top:17px; left:87px; height:36px; } .tl-header-mobile-roundel img { height:36px; } .tl-header-mobile-icons { position:absolute; top:0; right:0; margin:0; padding:0; list-style:none; } .tl-header-mobile-icons:after { display:table; content:""; clear:both; } .tl-header-mobile-icons > a { display:block; float:left; position:relative; height:70px; padding:0 5px; line-height:1.1em; color:#414141; font-size:.866em; } .tl-header-mobile-icons > a:hover, .tl-header-mobile-icons > a:focus, .tl-header-mobile-icons > a:active { outline:0; text-decoration:none; } .tl-header-mobile-icons > a > span { display:block; height:60px; padding:5px; text-align:center; } .tl-header-mobile-icons > a:focus > span { outline:1px dotted #414141; } .tl-header-mobile-icons > a.tl-header-active:after { display:block; position:absolute; bottom:0px; left:50%; width:0; margin:0 -12px; border-style:solid; border-width:0 12px 10px; border-color:#f2f2f2 transparent; content:""; top:100%;} .tl-header-mobile-icons > a .iconNew { width:30px; height:30px; margin:0 0 10px; padding: 0; } .tl-header-mobile-icons > a.tl-header-mobile-icons-multiline > a .iconNew { margin:0 0 5px; } .tl-header-mobile-icons > a .iconNew:before { color:#414141; line-height:30px; font-size:30px; } @media (max-width:767px) { .tl-header-mobile { display:block; } } .tl-header-signin-mobile-menu { display:none; padding:13px; background-color:#f2f2f2; } .tl-header-signin-mobile-menu-bmoharris{padding: 0} .tl-header-signin-mobile-menu > ul { margin:0; padding:0; list-style:none; } .tl-header-signin-mobile-menu-bmo > ul > li > a { display:block; padding:7px; color:#414141; font-family:"dax-medium"; } .tl-header-signin-mobile-menu-bmo > ul > li > a:focus { outline:1px dotted #414141; } .tl-header-signin-mobile-menu-bmo > ul > li:first-child { padding:7px 0; } .tl-header-signin-mobile-menu-bmo > ul > li:first-child > a { font-size:1.1em; } .tl-header-signin-mobile-menu-bmoharris > ul > li > a { display:block; position:relative; padding:15px 20px; border-bottom:1px solid #cacaca; background-color:#f2f2f2; color:#414141; font-family:"dax-medium"; } .tl-header-signin-mobile-menu-bmoharris > ul > li > a:focus { outline:none; } .tl-header-signin-mobile-menu-bmoharris > ul > li > a .iconNew.chevron-right, .tl-header-signin-mobile-menu-bmoharris > ul > li > a .iconNew.chevron-down { position:absolute; top:50%; right:20px; width:16px; height:16px; margin:-8px 0; line-height:16px; } .tl-header-signin-mobile-menu-bmoharris > ul > li > a .iconNew.chevron-right:before, .tl-header-signin-mobile-menu-bmoharris > ul > li > a .iconNew.chevron-down:before { color:#414141; font-size:15px; line-height:16px; } .tl-header-signin-mobile-menu-bmoharris > ul > li > ul { display:none; margin:0; padding:8px 13px; list-style:none; border-bottom:1px solid #cacaca; } .tl-header-signin-mobile-menu-bmoharris > ul > li > ul > li > a { display:block; padding:7px; color:#414141; } .tl-header-signin-mobile-menu-bmoharris > ul > li > ul > li > a:focus { outline:1px dotted #414141; } .tl-header-top { display:none; position:fixed; left:50%; bottom:0; z-index:2000; } .tl-header-top > a { display:block; width:60px; height:50px; box-sizing:border-box; margin:0 520px; padding:5px 0 0; border-width:1px 1px 0 1px; border-style:solid; border-color:rgba(202, 202, 202, .5); border-radius:15px 15px 0 0; background-color:#f2f2f2; line-height:15px; font-size:15px; text-align:center; } .tl-header-top > a .iconNew:before { color:#0079c1; } @media (max-width:1200px) { .tl-header-top { left:auto; right:20px; } .tl-header-top > a { margin:0; } } .tl-header-hamburger { display:none; position:absolute; top:0; left:0; z-index:999; width:32px; height:28px; padding:8px 7px 8px 6px; border-left:1px solid #0079c1; background:#0079c1; } .tl-header-hamburger:hover, .tl-header-hamburger:focus, .tl-header-hamburger:active { outline:0; border-left:1px solid #66a6ca; background:#66a6ca; } .tl-header-hamburger > span { display:block; width:22px; height:30px; padding:0 5px; } .tl-header-hamburger > span > span { display:block; height:6px; border-top:1px solid #499fd2; border-bottom:1px solid #ffffff; } .tl-header-hamburger > span > span:first-child { height:5px; border-top:none; } .tl-header-hamburger > span > span:first-child + span + span + span { height:5px; border-bottom:none; } @media (max-width:1080px) { .tl-header-hamburger { display:block; } } @media (max-width:767px) { .tl-header-hamburger { width:40px; height:38px; padding:16px 15px 16px 14px; background-color:#0079c1; } .tl-header-hamburger > span { width:30px; height:38px; } .tl-header-hamburger > span > span { height:10px; } .tl-header-hamburger > span > span:first-child { height:5px; } .tl-header-hamburger > span > span:first-child + span + span + span { height:5px; } } .tl-header-hamburger-swipe { display:none; position:fixed; top:0; left:85%; width:100%; height:100%; z-index:990; } .tl-header-hamburger-menu { display:none; position:absolute; top:0; left:-85%; width:85%; z-index:1100; background-color:#0079c1; transition:250ms ease-in-out; color:#ffffff; } .tl-header-hamburger-menu h3 { font-size:1.266em; } .tl-header-hamburger-menu-logo { display:block; height:36px; padding:17px 5%; line-height:36px; } .tl-header-hamburger-menu-logo img { display:inline-block; max-height:36px; vertical-align:middle; max-width: 100%;} .tl-header-hamburger-menu-search { height:30px; padding:20px 5%; background-color:#0067a4; } .tl-header-hamburger-menu-search input { padding:6px; border:none; line-height:1.2em; color:#414141; text-align:center; } .tl-header-hamburger-menu-tree { border-bottom:3px solid #ffffff; } .tl-header-hamburger-menu-tree > div { display:none; } .tl-header-hamburger-menu-tree > div.tl-header-active { display:block; } .tl-header-hamburger-menu-tree-primary > a { position:relative; display:block; padding:20px 5%; border-bottom:1px solid #66a6ca; color:#ffffff; font-size:1.133em; text-decoration:none; } .tl-header-hamburger-menu-tree-primary > a:last-child { border-bottom:none; } .tl-header-hamburger-menu-tree-primary > a:hover, .tl-header-hamburger-menu-tree-primary > a:focus, .tl-header-hamburger-menu-tree-primary > a:active { background-color:#66a6ca; } .tl-header-hamburger-menu-tree-primary > a.active { border-bottom:none; } .tl-header-hamburger-menu-tree-primary > a > .iconNew.chevron-right { position:absolute; top:50%; right:5%; width:16px; height:16px; margin:-8px 0; line-height:16px; } .tl-header-hamburger-menu-tree-primary > a > .iconNew.chevron-right:before { color:#ffffff; font-size:15px; line-height:16px; } .tl-header-hamburger-menu-tree-subsidiary { padding:3px 0 0; } .tl-header-hamburger-menu-tree-subsidiary > a { position:relative; display:block; padding:20px 45px 20px 50px; border-bottom:1px solid #66a6ca; background:#0067a4; color:#ffffff; font-size:1.133em; text-decoration:none; } .tl-header-hamburger-menu-tree-subsidiary > a:last-child { border-bottom:none; } .tl-header-hamburger-menu-tree-subsidiary > a:hover, .tl-header-hamburger-menu-tree-subsidiary > a:focus, .tl-header-hamburger-menu-tree-subsidiary > a:active { background-color:#66a6ca; } .tl-header-hamburger-menu-tree-subsidiary > a.active { border-bottom:none; } .tl-header-hamburger-menu-tree-subsidiary > a > .iconNew.chevron-right { position:absolute; top:50%; right:5%; width:16px; height:16px; margin:-8px 0; line-height:16px; } .tl-header-hamburger-menu-tree-subsidiary > a > .iconNew.chevron-right:before { color:#ffffff; font-size:15px; line-height:16px; } .tl-header-hamburger-menu-tree-subsidiary > a > .iconNew.globe { margin:0 0 0 6px; } .tl-header-hamburger-menu-tree-subsidiary > a > .iconNew.globe:before { color:#ffffff; font-size:22px; line-height:20px; vertical-align:text-bottom; } .tl-header-hamburger-menu-tree-subsidiary-back { position:relative; border-bottom:3px solid #ffffff; } .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child { position:absolute; top:0; bottom:0; left:0; width:40px; background:#f2f2f2; z-index:1; } .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child:hover, .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child:focus, .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child:active { background-color:#e6e6e6; } .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child > .iconNew.chevron-left { position:absolute; top:50%; left:12px; width:16px; height:16px; margin:-8px 0; line-height:16px; } .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child > .iconNew.chevron-left:before { color:#0079c1; font-size:15px; line-height:16px; } .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child + a { position:relative; display:block; margin:0 0 0 40px; padding:20px 10% 20px 10px; color:#ffffff; font-size:1.133em; text-decoration:none; } .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child + a:hover, .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child + a:focus, .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child + a:active { background-color:#66a6ca; } .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child + a.active { border-bottom:none; } .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child + a > .iconNew.chevron-right { position:absolute; top:50%; right:5%; width:16px; height:16px; margin:-8px 0; line-height:16px; } .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child + a > .iconNew.chevron-right:before { color:#ffffff; font-size:15px; line-height:16px; } .tl-header-hamburger-menu-tree-subsidiary-links { padding:20px; background:#e6e6e6; } .tl-header-hamburger-menu-tree-subsidiary-links > h4 { color:#414141; margin:0 0 20px; } .tl-header-hamburger-menu-tree-subsidiary-links > ul { margin:0; padding:0; list-style:none; } .tl-header-hamburger-menu-tree-subsidiary-links > ul > li { margin:10px 0 0; } .tl-header-hamburger-menu-tree-subsidiary-links > ul > li:first-child { margin:0; } .tl-header-hamburger-menu-language { position:relative; top: -2px; padding:20px 5% 45px; } .tl-header-hamburger-menu-language h4 { margin:0; padding:30px 0 0; font-family:"dax"; } .tl-header-hamburger-menu-language h4 span { margin:0 10px 0 0; } .tl-header-hamburger-menu-language-toggle { padding:15px 0 0; } .tl-header-hamburger-menu-language-toggle:after { display:table; content:""; clear:both; } .tl-header-hamburger-menu-language-toggle a.button, .tl-header-hamburger-menu-language-toggle span.button { display:block; float:left; width:47.5%; margin:0 0 0 5% !important; border-color:#ffffff; color:#ffffff; } .tl-header-hamburger-menu-language-toggle a.button:first-child, .tl-header-hamburger-menu-language-toggle span.button:first-child { margin:0 !important; } .tl-header-hamburger-menu-language-toggle a.button:hover, .tl-header-hamburger-menu-language-toggle a.button:focus, .tl-header-hamburger-menu-language-toggle a.button:active, .tl-header-hamburger-menu-language-toggle a.button.active, .tl-header-hamburger-menu-language-toggle span.button.active { outline:0; color:#0079c1; background-color:#ffffff; border-color:#ffffff; } .tl-header-hamburger-menu-language-toggle a.button:focus { outline:1px dotted #ffffff; } .tl-header-hamburger-menu-zipcode { padding:0 5% 45px; } .tl-header-hamburger-menu-zipcode input[type="text"] { margin:15px 0 0; padding:6px; border:none; line-height:1.2em; color:#414141; text-align:center; } .tl-header-hamburger-menu-zipcode button { width:100%; margin:15px 0 0; border-color:#1a4d78; background-color:#1a4d78; } .tl-header-hamburger-menu-zipcode button:focus { outline:1px dotted #ffffff; } .tl-header-hamburger-menu-zipcode-remember { margin:15px 0 0; line-height:19px; } .tl-header-hamburger-menu-zipcode-remember label { padding:0 24px 0 0; font-size:15px; } .tl-header-hamburger-menu-zipcode-remember label:before { width:18px; height:18px; right:0; left:auto; border:none; font-size:13px; color:#414141; } .tl-header-hamburger-menu-zipcode-remember input[type="checkbox"]:focus + label:before { outline:1px dotted #ffffff; } .tl-header-hamburger-menu-zipcode-remember .link { font-size:14px; color:#ffffff; } .tl-header-hamburger-menu-zipcode-remember .link:before { background-color:#ffffff; color:#0079c1; } .tl-header-hamburger-menu-links { padding:0 5% 30px; } .tl-header-hamburger-menu-links ul { padding:5px 0 0; list-style:none; } .tl-header-hamburger-menu-links ul > li > a { display:inline-block; padding:5px 1% 5px 0; color:#ffffff; font-size:.933em; } .tl-header-hamburger-menu-links ul > li > a:focus { outline:1px dotted #ffffff; text-decoration:none; } @media (max-width:1080px) { main { position:relative; left:0; transition:250ms ease-in-out; } .tl-header { position:relative; left:0; transition:250ms ease-in-out; } body.tl-header-hamburger-active #page { overflow:hidden; } body.tl-header-hamburger-active main { left:0; } body.tl-header-hamburger-active .tl-header { left:85%; } body.tl-header-hamburger-active .tl-header-hamburger { border-left:1px solid #0067a4; } body.tl-header-hamburger-active .tl-header-hamburger-swipe { display:block; } body.tl-header-hamburger-active .tl-header-hamburger-menu { display:block; } body.tl-header-hamburger-active .tl-header-top { bottom:-50px; } /* legacy .footer class */ .footer { position:relative; left:0; transition:250ms ease-in-out; } body.tl-header-hamburger-active .footer { left:85%; } } /* MM content */ .tl-header-mega-menu > .tl-header-mega-menu-content { padding: 30px 0; } .tl-header-mega-menu-content{ margin: 0 auto; max-width: 1200px; } @media (min-width: 768px) and (max-width: 1080px) { .tl-header-mega-menu > .tl-header-mega-menu-content{ padding: 30px 0 0 } } .screen-reader-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; outline: 0 !important; border: 0; overflow: hidden; clip: rect(0,0,0,0); } .tl-header { font-size:15px; } .tl-header li { font-size:15px; } .tl-header a span { -webkit-transform:none !important; -ms-transform:none !important; transform:none !important; } .tl-header-primary-left > a { font-family:"dax-medium"; } .tl-header-primary-right > a { font-family:"dax-medium"; } .tl-header-primary-right > a:hover { color:#ffffff; } .tl-header-secondary-right > a { font-family:"dax"; } .tl-header-secondary-right > a:hover { color:#414141; } .tl-header-signin-menu-bmo > div > ul > li > a.link { position:relative; line-height:24px; font-size:1.1em; text-align:left; font-family:"dax-medium"; } .tl-header-signin-menu-bmo > div > ul > li > a.link:before { right:90px; display:block; position: absolute; top: 50%; width: 24px; height: 24px; margin: -12px 0 0; border-radius: 12px; background-color: #0079c1; line-height: 24px; color: #ffffff; font-family: "bmo-icon-new", "bmo-icon"; font-size: 8px; text-align: center; content: "\e60f"; speak: none; } .tl-header-signin-menu-bmo > div > ul > li > a.link:hover { color:#ffffff; } .tl-header-signin-menu-bmo > div > ul > li > a.link:focus { text-decoration:underline; } .tl-header-signin-menu-bmo > div > ul > li > a { font-family:"dax"; } .tl-header-signin-menu-bmo > div > ul > li > a:hover { color:#ffffff; } .tl-header-signin-menu-bmo > div > ul > li > a:focus { text-decoration:underline; } .tl-header-desktop-search-query input { width:100%; text-align:left; } .tl-header-desktop-search-go { padding: 0 30px 0 0; font-family:"dax-light"; } .tl-header-desktop-search-go:before { right:0; display:block; position: absolute; top: 50%; width: 24px; height: 24px; margin: -12px 0 0; border-radius: 12px; background-color: #0079c1; line-height: 24px; color: #ffffff; font-family: "bmo-icon-new", "bmo-icon"; font-size: 8px; text-align: center; content: "\e60f"; speak: none; } a.tl-header-desktop-search-go.link:hover { text-decoration:none; } a.tl-header-desktop-search-go.link:focus { outline:1px dotted #0079c1; } .tl-header-hamburger-menu-search input { width: 100%; box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #ffffff; line-height: 1.2em; } .tl-header-hamburger-menu h3 { margin:0; } .tl-header-hamburger-menu-language h4 { text-align:left; } .tl-header-hamburger-menu-links ul > li > a:hover { color:#ffffff; text-decoration:underline; } .tl-header-hamburger-menu-tree-subsidiary > a:hover { color:#ffffff; text-decoration:none; } .tl-header-mega-menu-content strong { display: block; margin: -.15em 0; line-height: 1.3em; font-family: "dax-bold"; font-size: 1.133em; font-weight: normal; } .tl-header-mega-menu { border-top: 1px solid #e6e6e6; } .tl-header-mega-menu-content { padding: 30px 0; margin: 0 auto; max-width: 1200px; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-align-content: stretch; align-content: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .tl-header-mega-menu-content:after { display: table; content: ""; clear: both; } .tl-header-mega-menu-ad { float: left; width: 25%; } .tl-header-mega-menu-ad > img { display: block; width: 100%; } .tl-header-mega-menu-column { float: left; box-sizing: border-box; margin: 0 0 0 2%; padding: 10px 0 10px 2%; } .tl-header-mega-menu-column:after { display: table; content: ""; clear: both; } .tl-header-mega-menu-ad + .tl-header-mega-menu-column, .tl-header-mega-menu-column:first-of-type { padding: 10px 0; } .tl-header-mega-menu-column > strong { display: block; margin: 0 0 10px; text-transform: lowercase; } .tl-header-mega-menu-ctas > strong, .tl-header-mega-menu-column > strong { font: 17px/1 "dax-bold", Arial, Sans-Serif; font-weight: bold; } .tl-header-mega-menu-column > strong:first-letter{ text-transform: capitalize; } .tl-header-mega-menu-column > ul { display: block; float: left; box-sizing: border-box; margin: 0; padding: 0; list-style: none; } .tl-header-mega-menu-column > ul + ul { padding: 0 0 0 20px; } .tl-header-mega-menu-column > ul > li { margin: 10px 0 0; } .tl-header-mega-menu-column > ul > li:first-child { margin: 0; } .tl-header-mega-menu-column > ul > li > a { color: #414141; font-family: "dax"; text-decoration: none; } .tl-header-mega-menu-column > ul > li > a:hover { color: #0079c1; text-decoration: none; } .tl-header-mega-menu-column.tl-header-mega-menu-column-inner-1 > ul { width: 100%; } .tl-header-mega-menu-column.tl-header-mega-menu-column-inner-2 > ul { width: 50%; } .tl-header-mega-menu-column.tl-header-mega-menu-column-inner-2-small-first > ul:first-of-type { width: 40%; } .tl-header-mega-menu-column.tl-header-mega-menu-column-inner-3 > ul { width: 33.3333%; } .tl-header-mega-menu-column.tl-header-mega-menu-column-inner-4 > ul { width: 25%; } .tl-header-mega-menu-column-1 { width: 45%; } .tl-header-mega-menu-column-1.french-fix { width: 43%; } .tl-header-mega-menu-column-2 { width: 22.5%; } .tl-header-mega-menu-column-2-half { width: 32.33%; } .tl-header-mega-menu-column-3 { width: 14%; } .tl-header-mega-menu-column-3-half { width: 15%; } .tl-header-mega-menu-column-4 { width: 10.75%; } .tl-header-mega-menu-ctas { float: left; box-sizing: border-box; margin: 0; padding: 10px 0 10px 1%; margin-left:auto; } .tl-header-mega-menu-ctas > strong { display: block; margin: 0 0 10px; padding-left: 20px; } .tl-header-mega-menu-ctas > ul { display: block; margin: 0; padding: 0; padding-left: 20px; list-style: none; border-left: 1px solid #cacaca; min-height: 200px; } .tl-header-mega-menu-ctas li { margin-bottom: 10px; } .tl-header-mega-menu-ctas a.link.reverse { display: inline-block; position: relative; padding: 0 0 0 30px; line-height: 24px; font-family: "dax-medium"; font-size: 15px; text-align: left; } .tl-header-mega-menu-ctas a.link.reverse:before { display: block; position: absolute; top: 50%; left: 0; right: auto; width: 24px; height: 24px; margin: -12px 0 0; border-radius: 12px; background-color: #0079c1; line-height: 24px; color: #ffffff; font-family: "bmo-icon-new"; font-size: 8px; text-align: center; content: "\e60f"; speak: none; } @media (min-width: 768px) and (max-width: 1080px) { .tl-header-mega-menu-content { padding: 20px 0 0; } .tl-header-mega-menu-ad { display: none; } .tl-header-mega-menu-column-1 { width: 96%; } .tl-header-mega-menu-column-1.french-fix { width: 60%; } .tl-header-mega-menu-column-2-half, .tl-header-mega-menu-column-2\@tablet, .tl-header-mega-menu-column-2 { width: 47%; } .tl-header-mega-menu-column.tl-header-mega-menu-column-inner-2-small-first > ul:first-of-type { width: 25%; } .tl-header-mega-menu-column-3, .tl-header-mega-menu-column-3-half, .tl-header-mega-menu-column-3\@tablet { width: 30.6666%; } .tl-header-mega-menu-column-4, .tl-header-mega-menu-column-4\@tablet { width: 22.5%; } .tl-header-mega-menu-ctas { width: 100%; margin: 20px 0 0; padding: 20px 2%; background: #0079c1; color: #ffffff; } .tl-header-mega-menu-ctas > ul { min-height: initial; border: none; } .tl-header-mega-menu-ctas ul > li { display: inline-block; padding: 0 0 0 15px; } .tl-header-mega-menu-ctas ul > li:first-child { padding: 0; } .tl-header-mega-menu-ctas a, .tl-header-mega-menu-ctas a:hover { color: #fff; } .tl-header-mega-menu-ctas a.link.reverse:before { background-color: #fff; color: #0079c1; } .tl-header-mega-menu-ctas a.link.reverse:hover { color: #fff; text-decoration: underline; } .tl-header .tl-header-mega-menu-ctas .iconNew.stroke.stroke { border-color: #fff; background: #fff; color: #0079c1; /* added on Apr 12, 2016 by DL */ flex:0 0 24px; } } .tl-header-secondary:hover .tl-header-mega-menu { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .tl-header-mega-menu { display: block; max-height: 0; overflow: hidden; -webkit-transition: max-height 1s ease; -moz-transition: max-height 1s ease; -ms-transition: max-height 1s ease; -o-transition: max-height 1s ease; transition: max-height 1s ease; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tl-header-mega:hover + .tl-header-mega-menu, .tl-header-mega-menu:hover { display: block; max-height: 475px; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.2); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.2); box-shadow: 0px 5px 5px 0px rgba(0,0,0,.2); z-index: 1100; } .tl-header-secondary-right > a.tl-header-active:focus > span { outline: none; } .tl-header-secondary-right > .tl-header-mega:hover, .tl-header-secondary-right > .tl-header-mega.tl-header-mega-active-secondary { background: #e6e6e6; } .tl-header-secondary-right:hover .tl-header-mega-menu { transition: initial; } .tl-header-secondary-right > .tl-header-mega { -webkit-transition: background 400ms ease-out; -moz-transition: background 400ms ease-out; -ms-transition: background 400ms ease-out; -o-transition: background 400ms ease-out; transition: background 400ms ease-out; } .tl-header-hamburger-menu-tree-primary, .tl-header-hamburger-menu-tree-subsidiary { display: block!important; position: absolute; top: -3px; left: -100%; max-height: 0; overflow: hidden; -webkit-transition: left 400ms ease; -moz-transition: left 400ms ease; -ms-transition: left 400ms ease; -o-transition: left 400ms ease; transition: left 400ms ease; } .tl-header-hamburger-menu-tree-primary.tl-active, .tl-header-hamburger-menu-tree-subsidiary.tl-active { position:relative ; left: 0!important; max-height: initial; } .tablet-only { display: none; } .tl-header-hamburger-menu-tree { border-bottom: none; } .tl-header-mega-menu-column > ul > li { padding: 4px 0; } .tl-header-mega-menu-ctas ul > li { padding: 0; } .tl-full-width { width: 100%; } .tl-header-mega-menu-content > .tl-title { margin-left: 2%; margin-bottom: 10px; font-weight: bold; text-align: left; } .tl-header-mega-menu-content > .tl-title > a, .tl-header-mega-menu-content > .tl-title > a:hover { color: #0079c1; font-weight: normal; text-decoration: none; } .tl-header-secondary-logo { max-width: 22%; } .tl-header-secondary-logo > img { height: initial; max-height: 50px; } .tl-header-secondary-right { max-width: 77%; } @media all and (min-width: 768px) and (max-width: 1080px) { .tl-header-hamburger { display: none; } .tablet-only { display: initial; } .tl-header-mega-menu-ctas ul > li { padding: 0 0 0 15px; } } /* * Tablet portrait mode fix for french, logo is too close to the nav so the nav has to move down. * Not too happy about this since its only for a few pixels, if your changing this double check with qa. * Orders are orders. */ @media all and (min-width: 768px) and (max-width: 800px) { .tl-header-secondary-right, .tl-header-secondary-logo { display: block; float: none; margin: 0 auto; } .tl-header-secondary-right { width: 100%; max-width: 100%; } /* .tl-header-secondary-right > a { border: none; }*/ .tl-header-secondary-right > .tl-header-mega { width: auto; } .bmo-harris-header .tl-header-secondary-right, .bmo-harris-header .tl-header-secondary-logo { display: block; float: left; margin: 0 0 0 10px; } .bmo-harris-header .tl-header-secondary-right { width: auto; float: right; } .tl-header-mega:hover + .tl-header-mega-menu, .tl-header-mega-menu:hover { max-height: 500px; } } .tl-header .tl-header-hamburger-menu-language a.button.button { width: initial; color: white; border-color: white; margin: 20px 0 0 6px; font-weight: normal; } .tl-header .tl-header-hamburger-menu-language li { margin-bottom: 0; list-style: none; } .tl-header .tl-header-hamburger-menu-language a.button.active, .tl-header .tl-header-hamburger-menu-language a.button:hover { background: white; color: #0079c1; } .tl-header .tl-header-hamburger-menu-language a.button.active { pointer-events: none; cursor: default; } .tl-header .tl-header-hamburger-menu-language .tl-canadian-languages a { color: white; } .tl-header .tl-header-hamburger-menu-language .tl-canadian-languages li:first-child { padding-left: 0; } .tl-header .tl-header-hamburger-menu-language .tl-canadian-languages li { display: inline-block; padding-left: 40px; padding-top: 30px; } .tl-header-hamburger-menu-links { border-top: 1px solid white; padding: 15px 5% 30px; } .tl-header-primary-tablet-nav { padding: 7px 9px 8px 8px; background: #fff; } .tl-tablet-nav { width: 100%; display: none; position: absolute; top: 99%; left:0; background: #fff; z-index: 9999; /*Theres a line with a really high z-index*/ } .tl-header-tablet-nav-current.tl-open + .tl-tablet-nav, .tl-tablet-nav:hover { display: block; } .tl-tablet-nav > li { box-sizing: border-box; display: block; padding: 50px; float: left; width: 24%; text-align: center; } .tl-tablet-nav > li > a:hover, .tl-tablet-nav > li > a { text-decoration: none; } .tl-tablet-nav > li span[class^='i-'] { font-size: 50px; border: 2px solid #cacaca; padding: 16px; border-radius: 50%; } .tl-tablet-nav > li span[class^='i-'].active { border-color: #0079c1; background: #0079c1; color: #fff; } .tl-header-tablet-nav-current { color: #0079c1; } .tl-header-tablet-nav-current .iconNew:before { font-size: 15px; } .tl-header-tablet-nav-current.tl-open .tl-hover-show { display: initial; } .tl-header-tablet-nav-current.tl-open .tl-hover-hide { display: none; } .tl-hover-show { display: none; } .tl-hover-hide { display: initial; } .tl-header .iconNew:before { color: inherit; font-size: 18px; } .tl-header .iconNew { font-family: "bmo-icon-new"; border-radius: 50%; padding: 3px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tl-header .iconNew.stroke { border-style: solid; border-width: thin; border-color: inherit; } .tl-header .iconNew.fill { color: #fff; background: #0079c1; } .tl-header .iconNew.chevron-right:before { content: "\e60f"; } .tl-header .iconNew.chevron-down:before { content: "\e60d"; } .tl-header .iconNew.profile:before { content: "\e669"; } .tl-header .tl-header-mega-menu-ctas .iconNew.stroke { padding: 4px; border-width: 2px; border-radius: 50%; border-color: #0079c1; } .tl-header .tl-header-mega-menu-ctas .iconNew { position: relative; top: 4px; width: 24px; height: 24px; line-height: 24px; font-size: 23px; margin-right: 10px; } .tl-header .tl-header-mega-menu-ctas .iconNew:before { position: relative; top: -1px; left: 2px; font-size: 20px; } .tl-language-list > li { display: inline-block; } .tl-main-css-fix .tl-header-mobile-icons > a .iconNew { font-size: 50px; } .tl-main-css-fix .tl-header-hamburger-menu-tree .iconNew { font-size: 30px; } .tl-main-css-fix .tl-header-hamburger-menu-tree-subsidiary-back > a:first-child > .iconNew.chevron-left { left: 0; } .tl-main-css-fix .tl-header-mega-menu-ctas ul > li { margin-bottom: 20px; } .tl-main-css-fix .checkmark.icon:after { width: auto; } .tl-main-css-fix .tl-header-primary-right > a.tl-header-signin .iconNew.chevron-down { font-size: 10px; padding: 6px; border-radius: 50%; line-height: 2; } .tl-main-css-fix .tl-header-primary-right > a .iconNew.profile { font-size: 24px; } .tl-main-css-fix .tl-header-primary-tablet-nav { padding: 14px; } .tl-main-css-fix .tl-header-primary-tablet-nav .icon.money:after { width: 50px; } .tl-main-css-fix .tl-header-tablet-nav-current > .iconNew { font-size: 15px; } .tl-main-css-fix .tl-header-primary-right > a .iconNew { font-size: 15px; } .tl-main-css-fix .tl-header-primary-right > a .iconNew.magnifying-glass { font-size: 18px; } .bmo-harris-header .tl-header-secondary-right { max-width: 77%; margin: 0; position: inherit; } /* 4.1 BMO Harris Mega Menu */ .bmo-harris-header .tl-header-primary-right a { position: relative; display: block; padding: 0 20px; color: #ffffff; font-family: "dax-medium"; font-size: .866em; text-align: center; } .bmo-harris-header .tl-header-primary-right a.tl-header-toggle { height: 44px; } .bmo-harris-header .tl-header-primary-right .tl-header-toggle-menu a { position: inherit; display: inline; color: #0079c1; font-size: inherit; text-align: left; padding: 0; } .bmo-harris-header .tl-header-primary-right a:before { display: inline-block; height: 100%; vertical-align: middle; content: ""; } .bmo-harris-header .tl-header-primary-right a:hover, .bmo-harris-header .tl-header-primary-right a:focus, .bmo-harris-header .tl-header-primary-right a:active { outline: 0; text-decoration: none; } .bmo-harris-header .tl-header-primary-right a > span { display: inline-block; border-top: 1px solid #0079c1; border-bottom: 1px solid #0079c1; vertical-align: middle; } .bmo-harris-header .tl-header-primary-right a.tl-header-signin > span { border-top: 0 solid transparent; border-bottom: 0 solid transparent; } .bmo-harris-header .tl-header-primary-right a:hover > span, .bmo-harris-header .tl-header-primary-right a:active > span { border-bottom: 1px solid #ffffff; text-decoration: none; } .bmo-harris-header .tl-header-primary-right a.tl-header-signin:hover > span, .bmo-harris-header .tl-header-primary-right a.tl-header-signin:active > span { border-bottom: 0 solid transparent; text-decoration: underline; } /*.tl-header-primary-right a:focus { padding: 0 15px; }*/ .bmo-harris-header .tl-header-primary-right a:focus > span { /*padding: 3px 5px;*/ outline: 1px dotted #ffffff; } .bmo-harris-header .tl-header-primary-right a:focus:hover > span { border-bottom: 1px solid #0079c1; } .bmo-harris-header .tl-header-primary-right a.active:after { display: block; position: absolute; bottom: 0; left: 50%; width: 0; margin: 0 -12px; border-style: solid; border-width: 0 12px 10px; border-color: #f2f2f2 transparent; content: ""; } .bmo-harris-header .tl-header-primary-right a .icon { width: auto; height: auto; margin: 0 6px 0 0; line-height: normal; vertical-align: middle; } .bmo-harris-header .tl-header-primary-right a .icon:before { color: #ffffff; line-height: 18px; font-size: 18px; } .bmo-harris-header .tl-header-primary-right a .icon.chevron-down, .bmo-harris-header .tl-header-primary-right a .icon.chevron-up { margin: 0 0 0 9px; } .bmo-harris-header .tl-header-primary-right a .icon.chevron-down:before, .bmo-harris-header .tl-header-primary-right a .icon.chevron-up:before { font-size: 11px; } .bmo-harris-header .tl-header-primary-right a.header-dropdown-toggle { position: relative; background-color: #1d4e75; } .bmo-harris-header .tl-header-primary-right a.header-dropdown-toggle > span { padding: 1px 0; border-top: 1px solid #1d4e75; border-bottom: 1px solid #1d4e75; } .bmo-harris-header .tl-header-primary-right a.header-dropdown-toggle:hover > span, .bmo-harris-header .tl-header-primary-right a.header-dropdown-toggle:active > span { border-bottom: 1px solid #ffffff; } .bmo-harris-header .tl-header-primary-right a.header-dropdown-toggle:focus > span { padding: 3px 5px; } .bmo-harris-header .tl-header-primary-right a.header-dropdown-toggle:focus:hover > span { border-bottom: 1px solid #1d4e75; } .bmo-harris-header .tl-header-primary-right a.header-dropdown-toggle.active:after { display: none; } .bmo-harris-header .tl-header-primary-right a.header-dropdown-toggle .icon.chevron-down, .bmo-harris-header .tl-header-primary-right a.header-dropdown-toggle .icon.chevron-up { width: 20px; height: 20px; border-radius: 10px; background-color: #ed1b24; vertical-align: middle; } .bmo-harris-header .tl-header-primary-right a.header-dropdown-toggle .icon.chevron-down:before, .bmo-harris-header .tl-header-primary-right a.header-dropdown-toggle .icon.chevron-up:before { width: 19px; padding: 0 1px 0 0; line-height: 20px; font-size: 8px; vertical-align: middle; } .bmo-harris-header .tl-header-primary-right .tl-header-toggle-menu a.tl-header-desktop-search-go.link { padding: 0 30px 0 0; position: absolute; right: 20px; line-height: 38px; font-family: "dax-light"; font-size: 38px; color: #0079c1; } .bmo-harris-header.tl-header .header-dropdown { display: none; position: absolute; top: 44px; right: 0; z-index: 9999; background-color: #1d4e75; } .bmo-harris-header.tl-header .header-dropdown ul { margin: 0; padding: 0 0 15px 0; list-style: none; } .bmo-harris-header.tl-header .header-dropdown ul li:first-child + li { padding: 15px 0 0; } .bmo-harris-header.tl-header .header-dropdown ul li a { display: block; padding: 15px 30px; color: #ffffff; } .bmo-harris-header.tl-header .header-dropdown ul li a:focus { outline: 0; } .bmo-harris-header.tl-header .header-dropdown ul li a.link { padding: 30px 120px 30px 30px; border-bottom: 1px solid #487193; color: #ffffff; } .bmo-harris-header.tl-header .header-dropdown ul li a.link:before { right: 90px; } .bmo-harris-header.tl-header .header-dropdown-harris { display: none; box-sizing: border-box; width: 585px; padding: 30px; background-color: #1d4e75; right: 0; /* fix for IE, doesn't recognize left:initial; */ left:auto; left: initial; top: 44px } .bmo-harris-header.tl-header .header-dropdown-harris-wealth{ width: 768px; } .bmo-harris-header.tl-header .header-dropdown-harris > ul { margin: 0; padding: 0; list-style: none; } .bmo-harris-header.tl-header .header-dropdown-harris > ul:after { display: table; content: ""; clear: both; } .bmo-harris-header.tl-header .header-dropdown-harris > ul > li { float: left; width: 154px; margin: 0 0 0 30px; } .bmo-harris-header.tl-header .header-dropdown-harris > ul > li:first-child { width: 155px; margin: 0; } .bmo-harris-header.tl-header .header-dropdown-harris > ul > li:first-child + li { width: 155px; } .bmo-harris-header.tl-header .header-dropdown-harris > ul > li > ul { margin: 0; padding: 7px 0 0; list-style: none; } .bmo-harris-header.tl-header .header-dropdown-harris > ul > li > ul > li { margin: 1px 0 0; } .bmo-harris-header.tl-header .header-dropdown-harris h3 { margin: 0; padding: 0 0 5px; border-bottom: 1px solid #0079c0; color: #ffffff; font-size: .866em; line-height: 1em; font-family: "dax-medium"; } .bmo-harris-header.tl-header .header-dropdown-harris a { display: block; padding: 7px 0; color: #ffffff; text-align: left } .bmo-harris-header.tl-header .header-dropdown-harris a:hover { text-decoration: underline; } .bmo-harris-header.tl-header .header-dropdown-harris a:focus { outline: none; } .bmo-harris-header.tl-header .header-signin { display: none; padding: 13px; background-color: #f2f2f2; } .bmo-harris-header.tl-header .header-signin ul { margin: 0; padding: 0; list-style: none; } .bmo-harris-header.tl-header .header-signin ul li a { display: block; padding: 7px; color: #414141; font-family: "dax-medium"; } .bmo-harris-header.tl-header .header-signin ul li a:focus { outline: 1px dotted #414141; } .bmo-harris-header.tl-header .header-signin ul li:first-child { padding: 7px 0; } .bmo-harris-header.tl-header .header-signin ul li:first-child a { font-size: 1.1em; } .bmo-harris-header.tl-header .header-signin-harris { display: none; } .bmo-harris-header.tl-header .header-signin-harris > ul { margin: 0; padding: 0; list-style: none; } .bmo-harris-header.tl-header .header-signin-harris > ul > li > a { display: block; position: relative; padding: 15px 20px; border-bottom: 1px solid #cacaca; background-color: #f2f2f2; color: #414141; font-family: "dax-medium"; } .bmo-harris-header.tl-header .header-signin-harris > ul > li > a:focus { outline: none; } .bmo-harris-header.tl-header .header-signin-harris > ul > li > a .icon.chevron-right, .bmo-harris-header.tl-header .header-signin-harris > ul > li > a .icon.chevron-down { position: absolute; top: 50%; right: 20px; width: 16px; height: 16px; margin: -8px 0; line-height: 16px; } .bmo-harris-header.tl-header .header-signin-harris > ul > li > a .icon.chevron-right:before, .bmo-harris-header.tl-header .header-signin-harris > ul > li > a .icon.chevron-down:before { color: #414141; font-size: 15px; line-height: 16px; } .bmo-harris-header.tl-header .header-signin-harris > ul > li > ul { display: none; margin: 0; padding: 8px 13px; list-style: none; border-bottom: 1px solid #cacaca; } .bmo-harris-header.tl-header .header-signin-harris > ul > li > ul > li > a { display: block; padding: 7px; color: #414141; } .bmo-harris-header.tl-header .header-signin-harris > ul > li > ul > li > a:focus { outline: 1px dotted #414141; } /* .bmo-harris-header.tl-header .header-search { display: none; height: 38px; padding: 20px 0; background-color: #f2f2f2; } .bmo-harris-header.tl-header .header-search > div { position: relative; max-width: 1200px; margin: 0 auto; } .bmo-harris-header.tl-header .header-search .icon.magnifying-glass { position: absolute; left: 20px; width: 38px; height: 38px; line-height: 38px; } .bmo-harris-header.tl-header .header-search .icon.magnifying-glass:before { line-height: 38px; color: #0079c1; font-size: 37px; }*/ .bmo-harris-header.tl-header .header-search .header-search-query { position: absolute; left: 78px; right: 115px; } html[lang="fr"] .bmo-harris-header .header-search .header-search-query { right: 158px; } .bmo-harris-header.tl-header .header-search .header-search-query input { padding: 0; background: none; border: 0; line-height: 38px; font-family: "dax-light"; font-size: 1.866em; } .bmo-harris-header.tl-header .header-search .header-search-go { position: absolute; right: 20px; line-height: 38px; font-family: "dax-light"; font-size: 38px; } .bmo-harris-header.tl-header .header-search .header-search-go:hover, .bmo-harris-header.tl-header .header-search .header-search-go:focus, .bmo-harris-header.tl-header .header-search .header-search-go:active { text-decoration: none; } .bmo-harris-header .tl-header-mega-menu { transition: none; margin-top: -4px; border-top: 0 solid transparent; } .bmo-harris-header .tl-header-mega-menu:hover, .bmo-harris-header .tl-header-mega:hover + .tl-header-mega-menu { border-top: 1px solid #e6e6e6; } .bmo-harris-header.tl-header .tl-header-desktop-search .icon.magnifying-glass { position: absolute; left: 20px; width: 38px; height: 38px; line-height: 38px; } .bmo-harris-header.tl-header .tl-header-desktop-search .icon.magnifying-glass:before { line-height: 38px; color: #0079c1; font-size: 37px; } .bmo-harris-header .tl-header-primary-right a.tl-header-desktop-search-go:before, .bmo-harris-header .tl-header-primary-right .tl-header-desktop-zipcode a.link:before { right: 0; display: block; position: absolute; top: 50%; width: 24px; height: 24px; margin: -12px 0 0; border-radius: 12px; background-color: #0079c1; line-height: 24px; color: #ffffff; font-family: "bmo-icon-new", "bmo-icon"; font-size: 8px; text-align: center; content: "\e60f"; speak: none; } .bmo-harris-header .tl-header-desktop-zipcode .header-zipcode-remember label { padding: 0 24px 0 0; font-size: 15px; } .bmo-harris-header .tl-header-desktop-zipcode .header-zipcode-remember label:before { width: 18px; height: 18px; right: 0; left: auto; font-size: 13px; } .bmo-harris-header .tl-header-primary-right .tl-header-toggle-menu a.link { display: inline-block; position: relative; padding: 0 30px 0 0; line-height: 24px; height: auto; } .bmo-harris-header .tl-header-desktop-zipcode ul > li { line-height: 20px } .bmo-harris-header .tl-header-desktop-zipcode ul > li.header-zipcode-remember { padding-top: 4px } .bmo-harris-header .tl-header-signin-container { position: relative; } .bmo-harris-header .cta-icon { font-family: "bmo-icon-new"; color: #fff; background: #0079c1; padding: 7px 7px 8px 8px; border-radius: 50%; top: 4px; font-size: 20px; margin-right: 10px; position: relative; } .bmo-harris-header .cta-icon.iconNew { padding: 5px 5px 6px 6px; } .bmo-harris-header a .cta-icon:before, span .cta-icon:before { color: #ffffff } .bmo-harris-header .tl-header-mega-menu-column-1 { width: 49%; } .bmo-harris-header .tl-header-mega-menu-column-2 { width: 23.5%; } .bmo-harris-header .tl-header-mega-menu-column-3 { width: 15%; } .bmo-harris-header .tl-header-mega-menu-column-4 { width: 10.75%; } .bmo-harris-header .tl-header-mega-menu-ctas > ul > li > .cta { font-family: "dax-medium"; color: #0079c1; text-decoration: none; display: inline-block; position: relative; line-height: 24px; text-align: left; font-size: 14px; overflow: visible; } .bmo-harris-header .tl-header-mega-menu-column > ul > li:first-child { margin: 10px 0 0 } .bmo-harris-header .tl-hover-hide:before, .bmo-harris-header .tl-hover-show:before { font-size: 0.9rem } .bmo-harris-header .tl-header-mobile-zipcode { font-size: 14px; border-top: 3px solid #fff; margin-top: -3px } .bmo-harris-header .tl-header-mobile-zipcode .error { color: #ed1c24; display: none; } .bmo-harris-header .tl-header-mobile-zipcode .error.active { display: block; } .bmo-harris-header .tl-header-mobile-zipcode input.text { background-color: white; border: 0; color: #868686; display: block; width: 100%; } .bmo-harris-header .tl-header-mobile-zipcode form { padding: 40px 5% 20px; } .bmo-harris-header .tl-header-mobile-zipcode label { display: inline-block; } .bmo-harris-header .tl-header-mobile-zipcode a { color: #ffffff } .bmo-harris-header .tl-header-mobile-zipcode form > .primary { background-color: #0067a4; margin: 20px 0; } .bmo-harris-header .tl-header-mobile-zipcode .icon-wrap button { background-color: #0067a4; float: none; } .bmo-harris-header .mobile-contact a { color: #fff } .bmo-harris-header.tl-header .tl-header-tablet-nav-current .iconNew:before { font-size: 0.8; line-height: 2.1em } .tl-header-hamburger-menu-logo img { display: block; margin: 0 auto; } .tl-primary-menu-tablet-portrait-only { display: none; } @media all and (min-width: 768px) and (max-width: 840px) { .tl-primary-menu-tablet-portrait-only { display: initial; } .tl-header-primary-right > a { padding: 0 11px; } .tl-header-desktop-language h3 { font-size: 1.2em; } html[lang="fr"] .tl-header-desktop-language h3 { font-size: 1em; line-height: 36px; } html[lang="fr"] .tl-header-desktop-language ul > li { margin-left: 9px; } } .tl-header-mega-menu-column-1 { width: 45%; } html:not(.touch) .tl-header-mega-menu-column-1.tl-header-center { margin-left: 30%; } .tl-header-mega-menu-ad { margin-left: 2%; } @media all and (min-width: 1081px) { .tl-header-mega-menu-ctas-1-3 { width: 33%; } .tl-header-mega-menu-ctas-2-columns > ul { border-left: none; float: left; } .tl-header-mega-menu-ctas-2-columns > ul.first-child { border-left: 1px solid #cacaca; } .tl-header-mega-menu-ctas-2-columns > ul:first-of-type { border-left: 1px solid #cacaca; } } @media all and (max-width: 1080px) { .tl-header-mega-menu-ctas > ul { display: inline-block; /* added on Apr 12, 2016 by DL */ display:flex; } /* added on Apr 12, 2016 by DL */ .tl-header .tl-header-mega-menu-ctas .iconNew { top: auto; } .tl-header-mega-menu-ctas ul > li > div, .tl-header-mega-menu-ctas a { display: flex; align-items: center; } } @media all and (min-width: 768px) and (max-width: 800px) { .tl-header-secondary-right.tl-header-portrait-6 > .tl-header, .tl-header-secondary-right.tl-header-portrait-6 > .tl-header-mega { width: 14%; } } .tl-country-section > ul, .tl-language-list { padding: 0; } .tl-tablet-nav { padding: 0; margin: 0; top: 98%; } /* already exist */ .tl-header-mega-menu-ctas a { font-family: "dax-medium"; } .tl-header-primary-tablet-nav { padding-bottom: 11px; outline: 2px solid #fff; } .bmo-harris-header .tl-header-primary-tablet-nav { padding-bottom: 9px; margin-bottom: -1px; outline: 0 solid transparent; } .tl-header-mega-menu-ctas > ul { min-height: initial; padding-bottom: .1px; /* Fix for cta's going over the component */ } @media all and (min-width: 768px) and (max-width: 1080px) { .tl-header-mega-menu-ctas { padding-left: 0; } } @media all and (min-width: 768px) and (max-width: 800px) { /* Quantity queries */ .tl-header-secondary-right > a:nth-last-of-type(8):first-of-type, .tl-header-secondary-right > a:nth-last-of-type(8):first-of-type ~ a { width: 10.8%; } .bmo-harris-header .tl-header-secondary-right > a:nth-last-of-type(8):first-of-type, .bmo-harris-header .tl-header-secondary-right > a:nth-last-of-type(8):first-of-type ~ a { width: 9.7676%; } .tl-header-secondary-right > a:nth-last-of-type(6):first-of-type, .tl-header-secondary-right > a:nth-last-of-type(6):first-of-type ~ a { width: 14.9%; } .bmo-harris-header .tl-header-secondary-right > a:nth-last-of-type(6):first-of-type, .bmo-harris-header .tl-header-secondary-right > a:nth-last-of-type(6):first-of-type ~ a { width: 14.15%; } .tl-header-secondary-right { border-top: 1px solid #cacaca; } .bmo-harris-header .tl-header-secondary-right { border-top: 0 solid transparent; } } .tl-main-css-fix .i-PersonalWallet:after { content: "\e692"; } .tl-main-css-fix .i-Money:after { content: "\e68a"; } .tl-main-css-fix .i-Building:after { content: "\e661"; } .tl-main-css-fix .i-OldBuilding:after { content: "\e68e"; } .tl-main-css-fix .tl-header-primary-right > .tl-header-toggle .iconNew { font-size: 12px; } .tl-main-css-fix .tl-header-primary-right > a.tl-header-signin .iconNew.chevron-down { padding: 8px; } .tl-header-hamburger-menu-language { border-top: 3px solid #fff; } .tl-header-hamburger:hover, .tl-header-hamburger:focus, .tl-header-hamburger:active { border-bottom: 4px solid #66a6ca; } .tl-header-hamburger { border-bottom: 4px solid #0079c1; } /*IE8 Styles */ html.ie8 .tl-header-mega-menu-ctas-1-3 { width: 33%!important; } html.ie8 .tl-header-mega-menu-ctas-2-columns > ul { border-left: none!important; float: left!important; } html.ie8 .tl-header-mega-menu-ctas-2-columns > ul.first-child { border-left: 1px solid #cacaca!important; } .tl-header-mega-menu > .meganav__bottom-cta, .meganav__bottom-cta { padding-top: 1rem; padding-bottom: 1rem; width: 100%; max-width: initial; text-align: center; background: #f2f2f2; } .bmo-harris-header .tl-header-mobile { margin-bottom: 0; } .bmo-harris-header .tl-header-desktop-language ul > li:first-child + li + li + li + li, .bmo-harris-header .tl-header-desktop-language ul > li:first-child + li + li + li + li + li + li + li { margin:0 0 0 15px; } .bmo-harris-header .tl-header-desktop-language .flag-icon, .bmo-harris-header .tl-header-desktop-language ul > li:first-child + li + li + li + li.flag-icon, .bmo-harris-header .tl-header-desktop-language ul > li:first-child + li + li + li + li + li + li + li.flag-icon { margin-left: 30px; } .bmo-harris-header .tl-header-hamburger-menu-link{ padding: 20px 5% 45px; height: auto; } .bmo-harris-header .tl-header-hamburger-menu-link ul{ padding-top: 15px; } .bmo-harris-header .tl-header-hamburger-menu-link li{ list-style: none; line-height: 2rem; } .tl-header-secondary-right > a{ line-height:1.2em; } @media(min-width: 768px) and (max-width: 1023px) { .bmo-harris-header .tl-header-primary-right a { padding: 0 10px; } } @media(min-width: 1080px) { .csscolumns .bmo-harris-header .split-ctas { width: 45%; padding-left: 3%; } .csscolumns .bmo-harris-header .tl-header-mega-menu-content .split-ctas ul { -ms-column-count: 2; -ms-column-gap: 20px; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; min-height: 0; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .csscolumns .bmo-harris-header .split-ctas li { display: inline-block; height: 40px; width: 100%; } .bmo-harris-header .tl-header-mega-menu-column ul li, .bmo-harris-header .tl-header-mega-menu-ctas ul li, .bmo-harris-header .tl-header-mega-menu-column > li > li:first-child { line-height: inherit; margin: 10px 0 0; vertical-align: inherit; } .bmo-harris-header .tl-header-mega-menu-ctas > ul > li > span.cta { color: #414141; } } @media all and (min-width: 768px) and (max-width: 1079px) { .bmo-harris-header .tl-header-mega-menu-column-1 { width: 96%; } .bmo-harris-header .tl-header-mega-menu-column-1.french-fix { width: 60%; } .bmo-harris-header .tl-header-mega-menu-column-2-half, .bmo-harris-header .tl-header-mega-menu-column-2\@tablet, .bmo-harris-header .tl-header-mega-menu-column-2 { width: 47%; } .bmo-harris-header .tl-header-mega-menu-column.tl-header-mega-menu-column-inner-2-small-first > ul:first-of-type { width: 25%; } .bmo-harris-header .tl-header-mega-menu-column-3, .bmo-harris-header .tl-header-mega-menu-column-3-half, .bmo-harris-header .tl-header-mega-menu-column-3\@tablet { width: 30.6666%; } .bmo-harris-header .tl-header-mega-menu-column-4, .bmo-harris-header .tl-header-mega-menu-column-4\@tablet { width: 22.5%; } .bmo-harris-header a .cta-icon:before, .bmo-harris-header span .cta-icon:before { color: #0079c1; } .bmo-harris-header .cta-icon { background: #ffffff; color: #0079c1; } .bmo-harris-header .tl-header-mega-menu-ctas > ul > li > .cta, .bmo-harris-header .tl-header-mega-menu-ctas > ul > li > .cta:hover { color: #ffffff; } #header-top .tl-header-secondary .tl-header-mega-menu-ctas > ul > li > .cta a, #header-top .tl-header-secondary .tl-header-mega-menu-ctas > ul > li > span.cta a { color: #ffffff; padding: 0; } .bmo-harris-header .tl-header-desktop-language .flag-icon, .bmo-harris-header .tl-header-desktop-language ul > li:first-child + li + li + li + li.flag-icon, .bmo-harris-header .tl-header-desktop-language ul > li:first-child + li + li + li + li + li + li + li.flag-icon { margin-left: 20px; } } /* mega-nav specific eChat stuff - US4170 */ .tl-header-mega-menu-ctas #CheckingNavChatLinkInfo, .tl-header-mega-menu-ctas #SavingsMMANavChatLinkInfo, .tl-header-mega-menu-ctas #CreditNavChatLinkInfo { height: 40px; background-position: -5px -9px; } @media (max-width: 1080px){ .tl-header-mega-menu-ctas #CheckingNavChatLinkContainer, .tl-header-mega-menu-ctas #SavingsMMANavChatLinkContainer, .tl-header-mega-menu-ctas #CreditNavChatLinkContainer { display: none; } } /* 5.0 STEP CARD */ .step-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; counter-reset: steps; background: #f2f2f2; } .step-card__card { margin-top: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .step-card__banner { position: relative; padding: 1.5em; padding-left: 5em; background: #0079c1; color: #fff; overflow: hidden; counter-increment: steps; } .step-card__banner::before { position: absolute; padding: .25em .5em; top: 50%; left: .75rem; content: counter(steps); font-size: 2em; background: #1A4D78; border-radius: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .step-card__banner::after { content: " "; position: absolute; } .step-card__card:not(:first-child) .step-card__banner::after { top: 0; left: 50%; width: 2.5em; height: 2.5em; background: #f2f2f2; -webkit-transform: translate(-50%, -50%) rotate(45deg) skew(-15deg, -15deg); transform: translate(-50%, -50%) rotate(45deg) skew(-15deg, -15deg); } .step-card__body { padding-top: 1em; } @media all and (min-width: 768px) { .step-card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background: none; } .step-card__card { background: #f2f2f2; border-radius: .625em; } .step-card__card:not(:last-child) { margin-right: 1em; } .step-card__banner { overflow: visible; } .step-card__card:not(:first-child) .step-card__banner { padding-left: 7em; } .step-card__card:first-child .step-card__banner { border-top-left-radius: .625em; border-right: .0625em solid #0079c1; } .step-card__card:last-child .step-card__banner { border-top-right-radius: .625em; } .step-card__card:not(:first-child) .step-card__banner::before { left: 2.75rem; } .step-card__card .step-card__banner.step-card__banner::after { width: 0; height: 0; top: 50%; left: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background: none; z-index: 1; } .step-card__card:first-child .step-card__banner::after { border-top: 2.5em solid transparent; border-bottom: 2.75em solid transparent; border-left: 2em solid #0079c1; } .step-card__card:not(:first-child) .step-card__banner::after { left: 0; border-top: 2.5em solid transparent; border-bottom: 2.5em solid transparent; border-left: 2em solid #fff; z-index: 0; } .step-card__body { padding-top: 0; } } @media all and (min-width: 768px) and (max-width: 900px) { .step-card { padding-left: 2em; padding-right: 2em; } } /* END STEP CARD */ /* 6.0 PLACEHOLDER LABEL */ .placeholder-label { position: relative; } .placeholder-label__input.placeholder-label__input { padding-top: 1em; padding-bottom: .1666em; padding-left: .6666em; } .placeholder-label__text { position: absolute; top: 0; left: 1em; opacity: .5; transform: translate(0, 50%); transition: font-size 300ms ease, transform 300ms ease, opacity 300ms ease; } .placeholder-label:hover > .placeholder-label__text { will-change: font-size, transform, opacity; } .placeholder-label--filled > .placeholder-label__text { font-size: .75em; opacity: 1; transform: translate(0, 0); }