/* ========================================================================= */
/* Global Rules */
body { font-family: 'Yolo', 'Lato', Arial, sans-serif; letter-spacing: 0; }

/* ========================================================================= */
/* Global Class Styles */
.bg-grey, .bg-primary, .bg-secondary, .bg-highlight { padding: 15px; margin: 30px 0; }

@media (min-width: 768px) { .bg-grey, .bg-primary, .bg-secondary, .bg-highlight { border-radius: 15px 15px 0 15px; float: left; padding: 8px 15px; margin: 30px 15px 10px; } }

.bg-grey { background-color: #939598; color: #FFF; }

.bg-primary { background-color: #FEE600; color: #000; }

.bg-secondary { background-color: #5C6770; color: #FFF; }

.bg-highlight { background-color: #FFBF3F; color: #404142; }

.color-grey { color: #939598; }

.color-primary { color: #FEE600; }

.color-secondary { color: #5C6770; }

.color-highlight { color: #FFBF3F; }

.rui-cta-button { color: #FEE600; border-color: #FEE600; }

.ls-canvas .breadcrumb ~ h1 { text-indent: -9999px; display: inline-block; width: 1px !important; height: 1px !important; padding: 0; margin: 0; }

a, a:hover, a:focus { color: #055D67; text-decoration: none; }

.rui-anchor { top: -50px; }

@media (min-width: 768px) { .rui-anchor { top: -91px; } }

abbr[title] { border: 0 none transparent !important; }

.button-primary, .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-cta-blockimage > a, .button-secondary, .rui-promotion .rui-cta-badge, .button-tertiary, .rui-search-filters h3, .rui-search-filters > div { display: block; border-width: 5px 4px; border-style: solid; border-image-slice: 0 4 5 0; border-image-outset: 0 2px 4px 0; border-image-repeat: stretch; }

.button-primary, .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-cta-blockimage > a { border-image-source: url("img/button-bg-primary.png"); }

.button-secondary, .rui-promotion .rui-cta-badge { border-image-source: url("img/button-bg-secondary.png"); }

.button-tertiary, .rui-search-filters h3, .rui-search-filters > div { border-image-source: url("img/button-bg-tertiary.png"); }

.rui-cta-blockimage > a { border-width: 6px 4px; border-image-slice: 0 2 5 0; border-image-outset: 0; }

.button-primary, .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email [type=submit]#modal-global-search, .button-secondary, .rui-promotion .rui-cta-badge, .button-tertiary, .rui-search-filters h3, .rui-search-filters > div { text-transform: uppercase; }

.button-primary, .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email [type=submit]#modal-global-search { background-color: #FEE600; color: #000; }

.button-secondary, .rui-promotion .rui-cta-badge { background-color: #5C6770; color: #FFF; }

.button-tertiary, .rui-search-filters h3, .rui-search-filters > div { background-color: #939598; color: #FFF; }

input[type=text], [type=text]#modal-global-search, input[type=email], [type=email]#modal-global-search, input[type=select], [type=select]#modal-global-search, textarea { border: 1px solid #000; border-image-slice: 1 1 1 2; border-image-repeat: stretch; border-image-source: url("img/inputborder-normal.png"); }

input[type=text]:active, [type=text]#modal-global-search:active, input[type=text]:focus, [type=text]#modal-global-search:focus, input[type=email]:active, [type=email]#modal-global-search:active, input[type=email]:focus, [type=email]#modal-global-search:focus, input[type=select]:active, [type=select]#modal-global-search:active, input[type=select]:focus, [type=select]#modal-global-search:focus, textarea:active, textarea:focus { border-color: #B19800; border-image-source: url("img/inputborder-active.png"); outline: 0 none transparent; box-shadow: none; }

input[type=text].error, [type=text].error#modal-global-search, input[type=text]:invalid, [type=text]#modal-global-search:invalid, input[type=email].error, [type=email].error#modal-global-search, input[type=email]:invalid, [type=email]#modal-global-search:invalid, input[type=select].error, [type=select].error#modal-global-search, input[type=select]:invalid, [type=select]#modal-global-search:invalid, textarea.error, textarea:invalid { border-color: #ED1C24; border-image-source: url("img/inputborder-error.png"); outline: 0 none transparent; box-shadow: none; }

.rui-dropdown { position: relative; }

.rui-dropdown i { font-size: 18px; position: absolute; right: 0; top: 0; background-color: black; padding: 17px 22px; color: white; font-weight: normal; height: 52px; z-index: -10; }

.rui-dropdown select { width: 100%; border: 2px solid black; font-size: 20px; padding: 10px 16px; height: 54px; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

.rui-dropdown select::-ms-expand { display: none; }

.rui-search-resulttypes, .rui-support-resulttypes { margin: 2em 15px 2em; }

.rui-search-resulttypes:after, .rui-support-resulttypes:after { content: ' '; clear: both; display: block; }

.rui-search-resulttypes h3, .rui-support-resulttypes h3 { text-indent: -9999px; display: inline-block; width: 1px !important; height: 1px !important; padding: 0; margin: 0; position: absolute; }

.rui-search-resulttypes ul, .rui-support-resulttypes ul { padding: 0; margin: 0; }

.rui-search-resulttypes ul li, .rui-support-resulttypes ul li { display: inline-block; float: left; padding: 0.5em 1em; border-bottom: 5px solid #EEEEEE; }

.rui-search-resulttypes ul li a, .rui-support-resulttypes ul li a { color: #5C6770; }

.rui-search-resulttypes ul li.active, .rui-support-resulttypes ul li.active { background: #EEEEEE url("img/tab-stroke.png") no-repeat; background-size: 100% 5px; }

@media (min-width: 768px) { .rui-search-resulttypes, .rui-support-resulttypes { margin-bottom: 5em; } }

.component-error { background: url(img/error-tab.png) scroll no-repeat left center #EEE; background-size: 65px 100%; position: relative; padding-left: 80px; margin: 0.5em 0; min-height: 4em; border: 1px solid transparent; }

.component-error:before { font-family: "fido-icon" !important; color: #FFF; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 60px; display: block; text-align: center; content: '\e819'; font-size: 3em; }

.component-error p { margin: 0.5em 0; }

.component-error p:first-child { color: #D12826; text-transform: uppercase; font-weight: 500; }

/* ========================================================================= */
/* Header */
#header { min-height: 4.1em; margin-bottom: 0; background-color: #FEE600; border-top: 2px solid #5C6770; border-bottom: 3px solid rgba(92, 103, 112, 0.5); background-clip: padding-box; }

body { padding-top: 3.9em; }

#header a:hover, #header a:focus { background-color: transparent; outline: 0 none transparent; }

#header .navbar-header { position: absolute; top: 0; left: 0; width: 100%; }

#header .navbar-brand { font-size: 1.0em; margin: 0 auto; padding: 0; float: none; text-indent: -9999px; display: block; background: url("img/logo.png") scroll center center no-repeat transparent; background-size: 7em auto; width: 140px; height: 45px; }

#header .navbar-toggle { background-color: #FEE600; color: #000; float: none; position: absolute; left: 3px; top: 2px; width: 50px; height: 40px; border-radius: 0; margin: 0; font-size: 1.75em; line-height: 1; }

#header .navbar-toggle i:before { content: '\e847'; }

#header .navbar-toggle.collapsed i:before { content: '\e844'; }

#header #main-menu a { font-weight: 600; color: #000; font-size: 1.15em; }

#header #main-menu li:nth-child(3):nth-last-child(4) a#main-nav-item-2::after { content: "new"; text-transform: uppercase; font-size: 0.5em; color: #fff; position: absolute; bottom: 23px; right: -14px; padding: 5px 5px 0px; transform: rotate(15deg); background-image: url(/cms/fido/images/global/nav-badge-bg-48x40.png); background-repeat: no-repeat; background-size: contain; }

html[lang="fr"] body #header #main-menu li:nth-child(3):nth-last-child(4) a#main-nav-item-2::after { content: "nouveau"; padding: 11px 3px 4px 2px; bottom: 24px; right: -16px; }

#header #nav-actions { position: absolute; top: 5px; right: 5px; }

#header #nav-actions div { display: inline-block; }

#header #nav-actions a { color: #000; display: block; font-size: 2em; }

#header #province label { text-indent: -9999px; display: inline-block; width: 1px !important; height: 1px !important; padding: 0; margin: 0; }

#header #search, #header #shopcart { color: #000; display: block; font-size: 2em; }

#header #shopcart a, #header #shopcart-mob a { position: relative; width: 1em; display: block; }

#header #shopcart i, #header #shopcart-mob i { position: absolute; left: 0; top: 0; }

#header #shopcart a[data-count]::before, #header #shopcart-mob a[data-count]::before { content: attr(data-count); background: url("img/shopcart-items.png") scroll center 5px no-repeat transparent; background-size: 100% auto; position: absolute; top: -10px; left: 10%; width: 100%; height: 5em; padding-left: 5%; text-align: center; font-size: 0.5em; font-weight: 600; }

#header #shopcart a[data-count="0"]::before, #header #shopcart a[data-count=""]::before, #header #shopcart-mob a[data-count="0"]::before, #header #shopcart-mob a[data-count=""]::before { content: ''; background-image: none; }

#header #nav-context-bar #username { color: #FFF; background: url("img/signin.png") left top scroll no-repeat transparent; background-size: 100% 100%; min-width: 7.6em; text-align: center; display: block; }

#header #nav-context-bar #username form { display: inline-block; }

#header #nav-context-bar #username a { display: inline-block; color: #FFF; text-transform: uppercase; padding: 0.4em 1em 0.7em; text-align: center; font-weight: 600; }

#header #nav-context-bar #username i { display: none; }

#header.status-post #nav-context-bar .signedin { border-right: 1px solid #fff; padding-left: 15px; padding-right: 10px; }

@media (max-width: 767px) { #header { border-bottom: 3px solid #5C6770; }
  #header .navbar-header { background-color: #FEE600; left: 15px; right: 15px; padding: 0 80px 0 80px; width: 100%; }
  #header .navbar-brand { margin: 0 auto; width: 120px; background-size: auto 2.2em; }
  #header #main-menu { -webkit-transition: left 0.4s ease; -moz-transition: left 0.4s ease; transition: left 0.4s ease; }
  #header #main-menu { color: #FFF; background-color: rgba(45, 44, 44, 0.8); max-height: none; height: auto !important; width: 250px !important; position: fixed; top: 3.9em; bottom: 0; z-index: 1002; overflow-x: hidden; overflow-y: scroll; left: -250px; }
  #header #main-menu li:nth-child(3):nth-last-child(4) a#main-nav-item-2::after { bottom: 25px; right: 98px; padding: 10px 4px 10px 5px; }
  html[lang="fr"] body #header #main-menu li:nth-child(3):nth-last-child(4) a#main-nav-item-2::after { bottom: 31px; right: 85px; padding: 23px 3px 9px 2px; }
  #header #main-menu.in { left: 0px; }
  #header #main-menu a { font-size: 1.75em; color: #FFF; font-weight: 500; line-height: 1.35; padding-top: 0.4em; padding-bottom: 0.4em; }
  #header #main-menu li { padding: 0.2em 0 0.2em 15px; }
  #header #nav-main { margin-top: 70px; width: 250px; }
  #header #nav-main a:hover, #header #nav-main li.active a { color: #FFF; background-color: transparent; }
  #header #nav-main a:hover:before, #header #nav-main li.active a:before { content: ''; background-color: #5C6770; display: inline-block; width: 5px; border-radius: 0 2px 2px 0; height: 0.98em; vertical-align: middle; margin-left: -15px; margin-right: 10px; margin-top: -4px; }
  #header #nav-context-bar #username { position: absolute; top: 0; margin: 0 15px 0 30px; padding: 0; }
  #header #nav-context-bar #username #user-name { display: inline-block; overflow: hidden; max-width: 4.4em; text-overflow: ellipsis; vertical-align: middle; text-transform: uppercase; }
  #header #nav-context-bar #username a { font-size: 1.15em; }
  #header #nav-context-bar #username .signedin { white-space: nowrap; }
  #header.status-post #nav-context-bar #username a { padding-left: 10px; }
  #header #nav-context-bar #username form a { display: inline-block; padding-left: 15px; padding-right: 15px; font-weight: 500; }
  #header #search, #header #shopcart { display: none; }
  #header .shadow { top: 3.9em; left: -100%; bottom: 0px; width: 100%; background-color: transparent; z-index: 1002; position: fixed; -webkit-transition: left 0.8s ease; -moz-transition: left 0.8s ease; transition: left 0.8s ease; cursor: pointer; }
  #header .shadow.in { left: 0%; }
  #header #nav-actions { top: 5px; right: 15px; }
  #header #nav-actions a { font-size: 1.75em; }
  #header #nav-actions div { padding: 0.3em 0.6em 0; }
  #header #nav-actions #search-mob { background: url("img/header-divider.png") right 5px scroll no-repeat transparent; padding-right: 1em; }
  #header #nav-actions #shopcart-mob a { display: inline-block; height: 1em; vertical-align: bottom; }
  #header #nav-actions #shopcart-mob a[data-count]::before { top: -8px; background-position: center 0px; }
  #header #province a, #header #province ul { display: none; }
  #header #province select { margin: 0 15px; background-color: transparent; font-size: 1.75em; border: 1px solid rgba(255, 255, 255, 0.3); }
  #header #province select option { background-color: #2D2C2C; } }

@media (min-width: 768px) { #header { min-height: 7.3em; }
  body { padding-top: 6.7em; }
  #header .container { position: relative; padding-top: 1.8em; }
  #header .navbar-header { top: 1.95em; }
  #header .navbar-brand { font-size: 1.4em; }
  #header #main-menu { margin-top: 2em; }
  #header #nav-context-bar { position: absolute; right: 0; top: 0em; margin: 0; padding: 0; font-size: 0.75em; font-weight: 500; }
  #header #nav-context-bar > li { display: inline-block; margin: 0.7em 0.7em; padding: 0; height: 2em; }
  #header #nav-context-bar > li a { padding: 0; margin: 0; }
  #header #nav-context-bar #username { margin: 0 15px 0 0; height: auto; float: right; display: block; white-space: nowrap; }
  #header #nav-context-bar #username #user-name { display: inline-block; overflow: hidden; max-width: 10em; text-overflow: ellipsis; vertical-align: middle; text-transform: uppercase; }
  #header #nav-context-bar #province > a { background-color: transparent; }
  #header #nav-context-bar #province select { display: none; }
  #header #nav-context-bar #province ul { padding-top: 0; }
  #header #nav-context-bar #province ul li { padding: 0.2em 0.5em; }
  #header #nav-context-bar #province .region-header { background-color: #ECECEC; padding: 0.5em; }
  #header #nav-context-bar #province i:before { content: '\e805'; }
  #header #nav-context-bar #search, #header #nav-context-bar #shopcart { font-size: 1.6em; margin: 0.25em 0 0; padding: 0.2em 1em 0; background: url("img/header-divider.png") left top scroll no-repeat transparent; }
  #header #nav-context-bar #search { margin-left: 1em; }
  #header #nav-main { float: none; text-align: center; margin-top: 2em; }
  #header #nav-main li { float: none; display: inline-block; width: 9em; text-align: center; }
  #header #nav-main li > a { padding: 0 0.3em 0.5em; display: inline-block; }
  #header #nav-main li.active a, #header #nav-main li a:hover, #header #nav-main li a:focus { background: url("img/header-nav-underline.png") center bottom scroll no-repeat transparent; background-size: 100% 6px; }
  #header #nav-actions { display: none; } }

@media (min-width: 1200px) { #header #nav-main li { width: 10.5em; }
  #header #nav-main li:nth-child(2n):last-child { margin-right: 10.5em; }
  #header #nav-main { float: none; text-align: center; margin-top: 0px; }
  #header #nav-main li { float: none; display: inline-block; width: 9em; text-align: center; }
  #header #nav-main li > a { padding: 0 0.3em 0.5em; display: inline-block; }
  #header #nav-main li.active a, #header #nav-main li a:hover, #header #nav-main li a:focus { background: url("img/header-nav-underline.png") center bottom scroll no-repeat transparent; background-size: 100% 6px; }
  #header #nav-main li:first-child:nth-last-child(3) ~ li:nth-child(3) { margin-left: 18em; }
  #header #nav-main li:first-child:nth-last-child(4) ~ li:nth-child(4) { margin-left: 18em; }
  #header #nav-main li:first-child:nth-last-child(5) ~ li:nth-child(4) { margin-left: 18em; }
  #header #nav-main li:first-child:nth-last-child(6) ~ li:nth-child(5) { margin-left: 18em; }
  #header #nav-main li:first-child:nth-last-child(7) ~ li:nth-child(5) { margin-left: 18em; }
  #header #nav-main li:first-child:nth-last-child(8) ~ li:nth-child(6) { margin-left: 18em; }
  #header #nav-main li:first-child:nth-last-child(9) ~ li:nth-child(6) { margin-left: 18em; }
  #header #nav-main li:first-child:nth-last-child(10) ~ li:nth-child(7) { margin-left: 18em; }
  #header #nav-main li:nth-child(2n):last-child { margin-right: 9em; } }

/* ========================================================================= */
/* Search modal */
#modal-typeahead .modal-body p { position: relative; }

#modal-typeahead .modal-body input, #modal-typeahead .modal-body #modal-global-search { border-radius: 0; }

#modal-typeahead .modal-body span[class^=rui-icon] { background-color: transparent; color: #B19800; }

#modal-typeahead ul.ui-autocomplete { border: 1px solid #000; list-style-type: none; max-height: 10em; overflow-x: hidden; overflow-y: scroll; padding: 0 1.5em; }

#modal-typeahead ul.ui-autocomplete li { padding: 0.2em 0; }

#modal-typeahead ul.ui-autocomplete span { font-weight: bold; }

@media (max-width: 767px) { #modal-typeahead .modal-dialog { position: relative !important; }
  #modal-typeahead .modal-content { position: relative !important; border-radius: 20px; } }

#modal-typeahead .modal-title { font-size: 2em; font-weight: 700; }

#modal-search { display: block; position: relative; }

#modal-search input[type=text], #modal-search [type=text]#modal-global-search { font-size: 1.7em; font-weight: 300; font-style: normal; padding: 0.5em 0.8em; border-width: 3px; width: 100%; border-image-source: url("img/searchboxborder-normal.png"); border-image-slice: 1 1 1 1; }

#modal-search input[type=text]:active, #modal-search [type=text]#modal-global-search:active, #modal-search input[type=text]:focus, #modal-search [type=text]#modal-global-search:focus { border-image-source: url("img/searchboxborder-active.png"); }

#modal-search input[type=text].error, #modal-search [type=text].error#modal-global-search, #modal-search input[type=text]:invalid, #modal-search [type=text]#modal-global-search:invalid { border-image-source: url("img/searchboxborder-error.png"); }

#modal-search .rui-searchbox-submit { display: inline-block; position: absolute; right: 0; top: 1em; }

#modal-search input[type=submit], #modal-search [type=submit]#modal-global-search { display: inline-block; background-color: transparent; border: 0 none transparent; text-indent: -9999px; width: 40px; height: 2.5em; padding: 0; position: relative; right: 1em; z-index: 999; }

#modal-search .rui-icon-search { font-size: 2.5em; color: #B19800; position: absolute; right: 0.5em; background-color: transparent; padding: 0; border-radius: 0; }

/* ========================================================================= */
/* Footer */
#footer { clear: both; background: #ECECEC; font-size: 1.2em; }

#footer .container { position: relative; }

#footer .row { width: 100%; font-weight: 600; margin: 1.5em 0; }

#footer .row ul { margin: 0; padding: 0; }

#footer .row li { list-style: none; padding: 0.4em 0; }

#footer .row .social-media ul { display: table-cell; vertical-align: middle; padding-left: 10px; }

#footer .row .social-media span { color: #055D67; display: table-cell; vertical-align: middle; }

#footer .row .social-media li { padding: 0; margin: 0 0.25em; list-style: none; display: inline-block; }

#footer .row .social-media li:first-child { margin-left: 0; }

#footer .row .social-media li a { font-size: 1.6em; color: #5C6770; display: inline-block; }

#footer .row .social-media li a:hover { text-decoration: none; }

#footer-bar { background: #000; margin-top: 0; }

#copyright { color: white; padding: 0.5em 0; font-size: 1.2em; font-weight: normal; margin: 5px 0; }

@media (max-width: 767px) { #footer { font-size: 1.2em; margin-top: 15px; }
  #footer .row { margin-top: 6.5em; }
  #footer .row > ul li { width: 50%; float: left; font-size: 1.15em; }
  #footer .row .social-media { padding-top: 0.5em; clear: both; font-size: 1.2em; }
  #footer .row .social-media > span { display: none; }
  #footer .row .social-media span { text-align: center; margin: 1em 0; }
  #footer .row .social-media ul { text-align: center; position: absolute; top: 0; right: 10px; }
  #footer .row .social-media ul li { margin: 0px; }
  #footer .row .social-media ul li a { font-size: 1.2em; padding: 7px; }
  #footer #feedback-mobile-holder { position: absolute; top: 3.5em; width: 100; }
  #footer .social-media .contact-us-links span { display: none; }
  #footer .contact-us { position: absolute; top: 0; }
  #footer .contact-us-links { display: inline-block; background: #055d67; padding: 5px 10px; }
  #footer .contact-us-links a { color: #FFF; }
  #footer .contact-us-links#find-a-store { background: #5c6770; }
  #copyright { font-size: 16px; padding: 0.25em 0; margin-left: -15px; } }

@media (min-width: 768px) { #footer { font-size: 1.05em; margin-top: 15px; }
  #footer .row { width: 70%; }
  #footer .social-media { position: absolute; top: 1.5em; right: 0; float: right; width: 240px; }
  #footer .contact-us { margin-bottom: 7px; }
  #footer #feedback-mobile-holder { margin-bottom: 8px; }
  #footer .social-media span { display: inline-block; }
  #footer .contact-us > div { display: inline-block; width: 48%; }
  #footer .contact-us > div a { display: table; width: 100%; }
  #footer .social-media .contact-us-links span, #footer .social-media .contact-us-links i { display: table-cell; padding-top: 0px; vertical-align: middle; }
  #footer .social-media .contact-us-links i { font-size: 24px; }
  #footer .social-media .contact-us-links span { font-size: 1em; }
  #copyright { font-size: 14px; margin-left: -15px; }
  html[lang="fr"] #footer .social-media { width: 275px; } }

.breadcrumb { display: none; }

.modal .modal-content { border: 3px solid #B19800; border-radius: 20px; }

.modal .modal-header h4 { color: #000; }

.modal .modal-header button { background-color: transparent; }

.modal .modal-header button span { display: none; }

.modal .modal-header button:after { color: #B19800; content: '\e812'; font-family: 'fido-icon'; font-size: 0.6em; font-weight: normal; }

.modal .modal-backdrop { opacity: 0.8; background-color: #FFF; }

#modal-typeahead .rui-ngtypeahead { padding: 10px 5px 0; }

#modal-typeahead .rui-ngtypeahead h4 { font-weight: normal; font-size: 1.45em; margin-top: 25px; }

#modal-typeahead .rui-ngtypeahead ul { padding: 0; margin: 15px 0; list-style-type: none; }

#modal-typeahead .rui-ngtypeahead ul li { margin: 5px 0; }

#modal-typeahead .rui-ngtypeahead ul li a { font-size: 1.3em; }

#modal-typeahead .rui-ngtypeahead ul.links li a { color: #939598; }

#modal-typeahead .rui-ngtypeahead ul.related a { vertical-align: middle; }

#modal-typeahead .rui-ngtypeahead ul.related a > * { display: inline; }

#modal-typeahead .rui-ngtypeahead ul.related img { max-width: 50px; margin-right: 15px; }

.rui-hero-expander { background-position: center 30%; background-size: 115% auto; background-repeat: no-repeat; box-sizing: padding-box; margin-top: 0; position: relative; }

.rui-hero-expander .banner { min-height: 557px; padding-top: 17em; position: relative; }

.rui-hero-expander .banner .banner-badge { display: block; position: absolute; right: 20px; bottom: 52px; width: 100px; }

@media (min-width: 768px) { .rui-hero-expander .banner .banner-badge { bottom: 85px; width: 140px; height: auto; } }

.rui-hero-expander .content { width: 20em; text-align: center; color: white; font-weight: 500; }

.rui-hero-expander .content .lead-banner { text-transform: uppercase; position: relative; width: 100%; }

.rui-hero-expander .content .lead-banner:before, .rui-hero-expander .content .lead-banner:after { content: ' '; display: inline-block; background-color: rgba(255, 255, 255, 0.5); width: 5em; height: 0.13em; margin: 0.3em 0.5em; position: absolute; top: 0; }

.rui-hero-expander .content .lead-banner:before { left: 0; }

.rui-hero-expander .content .lead-banner:after { right: 0; }

.rui-hero-expander .content p { text-align: center; line-height: 1; display: inline-block; }

.rui-hero-expander .content p span { text-transform: uppercase; display: block; }

.rui-hero-expander .content p span:nth-child(1) { font-size: 1.67em; }

.rui-hero-expander .content p span:nth-child(2) { font-size: 3.5em; }

.rui-hero-expander .content p span:nth-child(3) { font-size: 1.67em; }

.rui-hero-expander .content p span:nth-child(4) { font-size: 1.05em; text-transform: none; }

.rui-hero-expander .content i { font-size: 6.5em; float: left; }

.rui-hero-expander button { display: block; border: 0 none transparent; position: absolute; left: 0; bottom: 0; width: 100%; height: 4em; background: url("img/hero-expander.png") scroll center bottom no-repeat transparent; background-size: 100% 50%; text-align: center; }

.rui-hero-expander button i { color: #000; font-size: 50px; background-color: #FEE600; width: 42px; height: 46px; line-height: 42px; display: inline-block; border-radius: 100px; }

.rui-hero-expander button i:before { margin-left: -2px; }

.rui-hero-expander button:focus { outline: 0 none transparent; }

@media (max-width: 767px) { .rui-hero-expander { background-size: cover; }
  .rui-hero-expander .container:after, .rui-hero-expander .row:after { display: none; }
  .rui-hero-expander .content { margin: 0 auto; font-weight: bold; }
  .rui-hero-expander .content .lead-banner:before, .rui-hero-expander .content .lead-banner:after { width: 4em; }
  .rui-hero-expander .content p span:last-child { font-weight: normal; } }

@media (min-width: 768px) { .rui-hero-expander { background-position: right center; }
  .rui-hero-expander .banner { padding-top: 6em; min-height: 380px; }
  .rui-hero-expander .content { width: 50%; min-width: 420px; font-size: 1.9em; }
  .rui-hero-expander .content i { font-size: 5.83em; }
  .rui-hero-expander button { height: 8em; } }

@media (min-width: 768px) and (max-width: 991px) { .rui-hero-expander .content { width: 55%; }
  .rui-hero-expander .content .lead-banner:after, .rui-hero-expander .content .lead-banner:before { width: 3.5em; height: 0.08em; }
  .rui-hero-expander .content i { font-size: 6.3em; }
  .rui-hero-expander .content p span:nth-child(1) { font-size: 1.86em; }
  .rui-hero-expander .content p span:nth-child(2) { font-size: 3.9em; }
  .rui-hero-expander .content p span:nth-child(3) { font-size: 1.86em; }
  .rui-hero-expander .content p span:nth-child(4) { font-size: 1.25em; } }

@media (min-width: 992px) { .rui-hero-expander { background-size: auto; }
  .rui-hero-expander .banner { min-height: 557px; padding-top: 9em; }
  .rui-hero-expander .content { font-size: 2.15em; } }

@media (min-width: 1200px) { .rui-hero-expander { background-position: center top; } }

.rui-pricing-banner { background-repeat: no-repeat; background-size: 100% auto; background-position: 50% bottom; margin-bottom: 20px; }

.rui-pricing-banner .row { position: relative; padding: 1em 0; }

.rui-pricing-banner i { color: rgba(177, 152, 0, 0.4); position: absolute; top: -10px; left: 0; font-size: 7.2rem; }

.rui-pricing-banner .intro { text-transform: uppercase; font-weight: 600; position: relative; z-index: 1; }

.rui-pricing-banner .intro button, .rui-pricing-banner .intro a { display: inline-block; }

.rui-pricing-banner .intro a:hover, .rui-pricing-banner .intro a:focus { color: #fff; }

.rui-pricing-banner .details { position: relative; background: #FFF; border-radius: 0 8px 8px 8px; font-size: 1.25em; }

.rui-pricing-banner .details:after { content: '\e811'; font-family: 'fido-icon'; color: #B19800; position: absolute; top: 50%; left: 97%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 2.5em; text-align: left; background: url("img/dotted-line-h.png") scroll center center repeat-x transparent; }

.rui-pricing-banner .details div { overflow: hidden; padding: 0.5em 1em; }

.rui-pricing-banner .details p { margin: 0; }

.rui-pricing-banner .details div:first-child { background-color: #EEF0F0; padding: 0.5em 0; border-radius: 0 8px 0 0; }

.rui-pricing-banner .details div:first-child p { text-align: center; width: 49%; display: inline-block; vertical-align: middle; }

.rui-pricing-banner .details div:first-child p.data { border-right: 1px solid #DFE2E3; }

.rui-pricing-banner .details div:first-child p.plan { margin: 0.3em 0; }

.rui-pricing-banner .details div:nth-child(2) { padding: 0.7em 1em; }

.rui-pricing-banner .details div:last-child { background: url("img/horiz-divider.png") scroll center top no-repeat transparent; background-size: 100% auto; padding-top: 25px; }

.rui-pricing-banner .details .data { font-weight: 600; }

.rui-pricing-banner .details .datacount { font-size: 3.2rem; font-weight: 600; }

.rui-pricing-banner .details .dataunit { color: #B19800; font-size: 1.4rem; }

.rui-pricing-banner .details .plan { font-weight: 600; }

.rui-pricing-banner .details .plan span { display: inline-block; }

.rui-pricing-banner .details .plantype { text-transform: uppercase; line-height: 1.2; font-size: 3.2rem; font-weight: 600; }

.rui-pricing-banner .details .plandesc { text-transform: uppercase; color: #B19800; display: block; padding: 0px 10px; font-size: 1.6rem; }

.rui-pricing-banner .details .img-responsive { float: left; margin-right: 0.5em; max-width: 45%; }

.rui-pricing-banner .details .price { line-height: 1; display: table; }

.rui-pricing-banner .details .price span { display: table-cell; vertical-align: top; }

.rui-pricing-banner .details .pricesymbol { color: #B19800; font-weight: 600; vertical-align: top; font-size: 1.2em; }

.rui-pricing-banner .details .priceamount { font-weight: 300; font-size: 3.2rem; }

.rui-pricing-banner .details .priceperiod { color: #B19800; font-weight: 600; }

.rui-pricing-banner .details .planunit { color: #B19800; font-size: 1.4rem; font-weight: 400; }

@media (max-width: 767px) { .rui-pricing-banner { background-color: #FEE600; }
  .rui-pricing-banner .row { text-align: center; }
  .rui-pricing-banner .intro { text-align: center; }
  .rui-pricing-banner .intro p { text-align: left; width: 9.5em; position: relative; clear: both; display: block; margin: auto; margin-bottom: 0.3em; }
  html[lang=fr] .rui-pricing-banner .intro p { width: 10.5em; }
  html[lang=fr] .rui-pricing-banner .details:after { width: 3.8em; }
  .rui-pricing-banner .intro p:after { content: ' '; position: absolute; bottom: -5.5em; right: 5px; height: 6.1em; width: 2px; background: url("img/dotted-line-v.png") scroll center center repeat-y transparent; }
  .rui-pricing-banner .intro button { margin: 0 auto; }
  .rui-pricing-banner .details { width: 13em; display: inline-block; text-align: left; margin-bottom: 8em; margin-top: 1em; }
  .rui-pricing-banner .details img { width: 45%; } }

@media (min-width: 768px) { .rui-pricing-banner { background-size: auto; background-position: 50% center; background-size: 1170px; }
  .rui-pricing-banner i { top: 50px; left: 30px; font-size: 7.2rem; }
  .rui-pricing-banner .intro { width: 35%; padding: 0 4%; float: left; margin-left: 20px; margin-top: 20px; }
  .rui-pricing-banner .intro p { margin-top: 40px; }
  .rui-pricing-banner .details { float: left; width: 25%; }
  .rui-pricing-banner .details:after { right: 97%; width: 4em; text-align: right; left: auto; }
  html[lang=fr] .rui-pricing-banner .details:after { width: 3em; }
  html[lang=fr] .rui-pricing-banner .intro { margin-top: 0px; } }

html[lang="fr"] .rui-pricing-banner .intro { margin-top: 0px; }

.rui-cta-panels { margin-bottom: 2em; margin-top: 0.5em; overflow: hidden; }

.rui-cta-panels h2 { font-size: 2.3em; font-weight: 600; text-align: center; position: relative; margin-top: 0; }

.rui-cta-panels h2:before, .rui-cta-panels h2:after { content: ' '; border-style: dashed; border-color: #B19800; width: 2em; display: block; height: 4em; position: absolute; top: 1em; }

.rui-cta-panels h2:before { left: 1.1em; border-width: 2px 0 0 2px; }

.rui-cta-panels h2:after { right: 1.1em; border-width: 2px 2px 0 0; }

.rui-cta-panels .rui-cta-blockimage { position: relative; overflow: visible; }

.rui-cta-panels .rui-cta-blockimage:after { content: ' '; font-size: 1.7em; content: '\e811'; font-family: 'fido-icon'; color: #B19800; position: absolute; top: 0; -webkit-transform: translate(0, -30%); -moz-transform: translate(0, -30%); -ms-transform: translate(0, -30%); -o-transform: translate(0, -30%); transform: translate(0, -30%); display: block; left: 0.5em; }

.rui-cta-panels .rui-cta-blockimage:last-child::after { left: auto; right: 0.5em; }

@media (max-width: 767px) { .rui-cta-panels { max-width: 555px; margin-left: auto; margin-right: auto; }
  .rui-cta-panels h2 { margin: 1em 0; padding: 0 3em; }
  .rui-cta-panels h2:after { height: 16em; }
  .rui-cta-panels .rui-cta-blockimage { margin-top: 3em; } }

@media (min-width: 768px) { .rui-cta-panels h2 { font-size: 3.4em; margin-bottom: 1.2em; }
  .rui-cta-panels h2:before, .rui-cta-panels h2:after { top: 0.5em; width: 3.0em; }
  html[lang=fr] .rui-cta-panels h2:before, html[lang=fr] .rui-cta-panels h2:after { width: 0.6em; }
  .rui-cta-panels .rui-cta-blockimage:after { left: 2em; }
  .rui-cta-panels .rui-cta-blockimage:last-child::after { right: 2em; } }

@media (min-width: 992px) { .rui-cta-panels h2:before, .rui-cta-panels h2:after { width: 4.0em; }
  html[lang=fr] .rui-cta-panels h2:before, html[lang=fr] .rui-cta-panels h2:after { width: 1.4em; } }

@media (min-width: 1200px) { .rui-cta-panels h2:before, .rui-cta-panels h2:after { width: 4.3em; }
  html[lang=fr] .rui-cta-panels h2:before, html[lang=fr] .rui-cta-panels h2:after { width: 2em; } }

.rui-cta-blockimage { position: relative; margin: 0; }

.rui-cta-blockimage > a { display: block; }

.rui-cta-blockimage.text-bottom .content { left: 19px; right: 19px; bottom: 5px; font-size: 2em; background-color: rgba(92, 103, 112, 0.9); color: white; }

.rui-cta-blockimage .content p { margin: 0 5px; text-align: left; padding: 0.5em 0; }

.rui-cta-blockimage .content i { font-size: 0.9em; line-height: 1.8; float: right; }

@media (max-width: 400px) { .rui-cta-blockimage.text-bottom .content { font-size: 1.5em; } }

@media (max-width: 767px) { .rui-cta-blockimage { margin: 0 15px; }
  .rui-cta-blockimage.text-bottom .content { position: absolute; left: 4px; right: 4px; margin: 0; } }

@media (min-width: 768px) { .rui-cta-blockimage .content p { margin: 0 15px; } }

@media (min-width: 1200px) { .rui-cta-blockimage.text-bottom .content { font-size: 2.5em; } }

.rui-heading { margin: 20px 15px; margin-bottom: 30px; margin-bottom: 22px; }

.rui-heading h2 { margin-top: 1.1em; display: inline-block; position: relative; z-index: 1; }

@media (max-width: 768px) { .rui-heading h2 { margin-top: 1em; }
  .rui-heading h2::after { top: -24px; width: 100%; } }

@media (min-width: 768px) { .rui-heading { margin-top: 0; margin-bottom: 0; } }

.rui-navtabs { margin: 25px 0; }

.rui-navtabs .nav-tabs { border: 0 none transparent; }

.rui-navtabs .nav-tabs > li { width: 160px; font-weight: 600; }

.rui-navtabs .nav-tabs > li a { background: url("img/tab-bg-xs.png") scroll no-repeat center top transparent; background-size: 100% auto; height: 120px; margin: 0 15px; font-size: 1.4em; padding: 0.6em 0 4.2em; }

.rui-navtabs .nav-tabs > li.active a { background-image: url("img/tab-bg-xs-active.png"); border: 0 none transparent; border-radius: 0; }

.rui-navtabs .nav-tabs > li.active a, .rui-navtabs .nav-tabs > li:hover a, .rui-navtabs .nav-tabs > li a:hover { color: #000; }

.rui-navtabs .nav-tabs > li a span { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; }

@media (max-width: 767px) { .rui-navtabs > div { overflow: hidden; width: 100%; }
  .rui-navtabs .nav-tabs > li a { height: 100px; margin: 0 15px; padding: 0.6em 0 4.2em; }
  .rui-navtabs .nav-tabs > li a span { top: 20%; transform: none; } }

@media (min-width: 768px) { .rui-navtabs .nav-tabs > li { width: 33.333%; }
  .rui-navtabs .nav-tabs > li a { background-image: url("img/tab-bg-lrg.png"); padding-bottom: 5.2em; }
  .rui-navtabs .nav-tabs > li.active a { background-image: url("img/tab-bg-lrg-active.png"); } }

@media (min-width: 992px) { .rui-navtabs .nav-tabs > li a { padding-bottom: 3.7em; } }

@media (min-width: 1200px) { .rui-navtabs .nav-tabs > li a { padding-bottom: 2.2em; } }

.rui-searchbox { margin: 2.2em 0 1em; padding-left: 15px; }

.rui-searchbox form { position: relative; display: block; }

.rui-searchbox input[type=text], .rui-searchbox [type=text]#modal-global-search { font-style: normal; padding: 0.5em 20px; width: 100%; border-image-slice: 1 1 1 1; }

.rui-searchbox .rui-searchbox-submit { display: inline-block; position: absolute; right: 0; top: 1em; }

.rui-searchbox input[type=submit], .rui-searchbox [type=submit]#modal-global-search { display: inline-block; background-color: transparent; border: 0 none transparent; text-indent: -9999px; width: 40px; height: 2.5em; padding: 0; position: relative; right: 1em; }

.rui-searchbox .rui-icon-search { position: absolute; right: 0.5em; }

.rui-searchbox .rui-ngtypeahead { display: none; position: absolute; visibility: hidden; z-index: 1025; background-color: #fff; }

.rui-searchbox .rui-ngtypeahead[data-count]:not([data-count=""]):not([data-count^="{"]) { display: block; visibility: visible; }

.rui-searchbox .rui-ngtypeahead { width: 100%; padding: 20px 20px 0; border-width: 1px; border-style: solid; border-color: #b09931; }

.rui-searchbox .rui-ngtypeahead h4 { font-weight: normal; font-size: 1.35em; }

.rui-searchbox .rui-ngtypeahead ul { padding: 0 0 25px; margin: 0; list-style-type: none; }

.rui-searchbox .rui-ngtypeahead ul li { margin: 5px 0; }

.rui-searchbox .rui-ngtypeahead ul li a { font-size: 1.3em; }

.rui-searchbox .rui-ngtypeahead ul.links li a { color: #939598; }

.rui-searchbox .rui-ngtypeahead ul.related img { max-width: 50px; margin-right: 15px; }

.rui-searchbox .rui-ngtypeahead-open input[type=text], .rui-searchbox .rui-ngtypeahead-open [type=text]#modal-global-search { padding-top: 0; border-width: 15px 3px 0 3px; border-style: solid; border-color: #B19800; border-image-slice: 5 1 0 1; border-image-repeat: round; border-image-source: url("img/inputborder-active-top.png"); }

.rui-searchbox .rui-search-resultscount { clear: left; font-weight: 300; padding: 1em 0; }

.rui-searchbox .rui-search-resultscount em { font-style: normal; font-weight: 600; }

@media (min-width: 768px) { .rui-searchbox { margin-top: .5em; }
  .rui-searchbox .typeahead-input-wrapper { width: 95%; } }

.rui-search-filters { clear: left; position: relative; margin: 0 15px 2em; }

.rui-search-filters h3 { position: relative; z-index: 1000; display: inline-block; width: 100%; font-size: 1.8em; padding: 0 0.5em; padding-top: 2px; padding-bottom: 2px; text-align: middle; }

.rui-search-filters h3 i { color: #B19800; display: inline-block; background-color: #fff; border-radius: 999px; font-size: 1.2em; height: 0.8em; width: 0.8em; padding: 0.1em; margin-right: 0.3em; position: relative; top: 5px; }

.rui-search-filters h3 i:before { position: relative; top: -0.2em; left: -0.2em; line-height: 1; }

.rui-search-filters h3:not(.collapsed) i.rui-icon-plus::before { content: "\e826"; }

.rui-search-filters .collapse { height: 0; }

.rui-search-filters .collapse.in { height: auto; }

.rui-search-filters > div { /* ul { &           { padding: 0 0 5px; text-align: center; position: relative; margin: 0; } li           { display: inline-block; color: #000; padding: 0.25em 0; margin-left: 0; margin-right: 15px; white-space: normal; min-width: 250px; } li:last-of-type   { margin-right: 5px; } li { a             { @extend .button-tertiary; vertical-align: middle; color: #000; margin: 0; padding: 0; display: inline-block; text-transform: none; font-size: 1.2em; width: 100%; background-color: #eee; position: relative; text-align: left; } i             { color: $color-secondary; font-size: 2em; display: inline-block; float: left; position: relative; margin-left: 5px; margin-right: 5px; line-height: 2; width: 50px; } .count           { font-size: 0.75em; margin-left: 10px;} &.active a         { font-weight: bold; margin: 0; } } } ul:first-child a > span { position: relative; float: left; top: -10px; display: inline-block; padding: 0 5px; width: 70%; ; } */ }

.rui-search-filters > div { text-transform: none; background-color: transparent; margin: 0; }

.rui-search-filters > div { overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }

.rui-search-filters > div .filter-results { position: static; text-align: left; margin: 0; width: 100%; font-size: 1em; padding: 0; }

.rui-search-filters > div .filter-results li a { margin: 12px 0; display: block; background-color: transparent; border: none; height: auto; text-align: left; font-weight: bold; }

.rui-search-filters > div .filter-results li.active a { color: #fff; background-color: #055D67; }

.rui-search-filters > div .filter-results li .count { font-weight: normal; }

@media (min-width: 768px) { .rui-search-filters h3 { font-size: 1.2em; width: auto; padding: 0 1em; }
  .rui-search-filters h3 i { margin-right: 1.3em; }
  .rui-search-filters > div { /* ul li        { margin: 0; padding: 0; } ul:first-child li  { text-align: center; width: 24%; height: 110px; margin: 10px; } ul li a      { border: none; padding: 0.25em 0.4em; font-size: 1em; } ul li i      { display: block; position: static; margin: 0; margin-right: 5px; } ul li.active { a span     { background-color: $color-link; color: #fff; padding: 0.25em 0.4em; } i        { color: $color-link; } } */ }
  .rui-search-filters > div { background-color: #eee; overflow: hidden; white-space: normal; padding-top: 2em; margin-top: -1.5em; margin-left: 1em; }
  .rui-search-filters > div .filter-results { border-top: 5px solid #fff; margin: 1em; padding-top: 2em; width: auto; }
  .rui-search-filters h3:not(.collapsed) i.rui-icon-plus::before { content: "\e826"; } }

@media (max-width: 767px) { .rui-search-filters > div { border: none; } }

.rui-search-results { margin: 0 15px 4em; }

.rui-search-results.rui-search-suggested { background-size: 100%; background: url("img/panel-top.png") no-repeat scroll bottom center transparent; padding-bottom: 20px; margin-bottom: 10px; }

.rui-search-results ul { margin: 0; padding: 0; }

.rui-search-results li { list-style-type: none; margin: 2em 0; clear: left; }

.rui-search-results li .lead { font-weight: 600; margin-left: 0; margin-bottom: 0.25em; color: #055D67; }

.rui-search-results li img { float: left; clear: left; margin-right: 10px; max-height: 80px; }

.rui-search-results li a ~ p { margin-left: 100px; }

.rui-search-results li .price { font-weight: 600; }

.rui-search-results nav { display: block; font-size: 1.125em; vertical-align: middle; margin: 3em 0; }

.rui-search-results nav span { display: inline-block; }

.rui-search-results nav ul { margin: 0 0 0 2em; padding: 0; display: inline-block; }

.rui-search-results nav ul li { display: inline-block; background-color: #EEEEEE; margin: 0 0.1em; padding: 0.2em 0.5em; }

.rui-search-results nav ul li.active, .rui-search-results nav ul li.nextpage, .rui-search-results nav ul li.prevpage { background-color: #055D67; }

.rui-search-results nav ul li.active, .rui-search-results nav ul li.active a, .rui-search-results nav ul li.nextpage, .rui-search-results nav ul li.nextpage a, .rui-search-results nav ul li.prevpage, .rui-search-results nav ul li.prevpage a { color: #FFF; }

@media (min-width: 768px) { .rui-search-results li .lead { font-weight: 400; } }

.rui-search-resulttypes ul li { font-size: 1.575em; }

.rui-search-resulttypes ul li.active { font-weight: normal; }

@media (max-width: 767px) { .rui-search-resulttypes { overflow: scroll; }
  .rui-search-resulttypes ul { width: 1140px; } }

.rui-search-related { margin: 0; background: url("img/panel-top.png") no-repeat scroll top center transparent; background-size: 150% 3%; padding-top: 20px; padding-bottom: 3em; margin-bottom: 2em; position: relative; }

.rui-search-related::after { clear: both; content: ""; display: table; }

.rui-search-related h3 { margin: 1em 15px; padding: 0; font-weight: 700; }

.rui-search-related h3 a { font-size: .8em; font-weight: 900; color: #055D67; position: absolute; bottom: 0; right: 0; }

.rui-search-related h3 a:after { content: '\e806'; font-family: fido-icon; font-weight: normal; padding: 0 0.5em; font-size: 22px; position: relative; top: 2px; }

.rui-search-related ul { margin: 3em 0 0; padding: 0 15px; }

.rui-search-related ul li { display: none; list-style-type: none; float: left; width: 100%; margin: 0; position: relative; }

.rui-search-related ul li::after { clear: both; content: ""; display: table; }

.rui-search-related ul li:first-of-type { display: block; }

.rui-search-related ul li img { width: 20%; float: left; margin-right: 1em; }

.rui-search-related ul li p { margin: 0; margin-left: 25%; }

.rui-search-related ul li p:nth-of-type(1) { font-weight: 400; }

.rui-search-related ul li p:nth-of-type(2) { font-weight: 900; font-size: 3em; line-height: 1; margin-top: 0.25em; margin-bottom: .5em; }

.rui-search-related ul li p:nth-of-type(2) sub { font-size: 0.41em; display: block; margin-top: .25em; }

.rui-search-related ul li p:last-child { font-size: 1em; margin-top: 1em; font-weight: 900; }

.rui-search-related ul li > ul { margin: 2em 0 0.5em; margin-left: 25%; padding: 0; }

.rui-search-related ul li > ul li { display: block; width: auto; float: none; margin: 0; padding: 0; font-weight: 300; }

.rui-search-related ul li > ul li::after { display: none; }

@media (min-width: 768px) { .rui-search-related { background-size: 100%; position: static; }
  .rui-search-related h3 { position: relative; }
  .rui-search-related h3 a { top: -5px; bottom: auto; }
  .rui-search-related ul li { display: block; width: 23%; margin: 0 15px; margin-left: 0; padding-left: 8%; }
  .rui-search-related ul li img { position: absolute; top: 0; left: 15px; width: 23%; max-width: 23%; }
  .rui-search-related ul li p { margin: 0; }
  .rui-search-related ul li p:nth-of-type(1) { font-weight: 300; font-size: 1.2em; }
  .rui-search-related ul li p:nth-of-type(2) { font-weight: 600; font-size: 2.2em; line-height: 0.5; margin-top: 0.5em; margin-bottom: .5em; }
  .rui-search-related ul li p:nth-of-type(2) sub { font-size: 0.4em; display: inline-block; width: 100%; }
  .rui-search-related ul li p:last-child { font-size: 1em; margin-top: 1em; }
  .rui-search-related ul li ul { margin: 1em 0 0.5em; }
  .rui-search-related ul li ul li { font-size: 0.85em; width: 100%; float: none; padding: 0; font-weight: 300; } }

.rui-support-accountstatus { position: relative; margin: 1em 0; margin-top: 0; }

.rui-support-accountstatus > div { padding: 10px 0 20px 7em; background-color: #E5EFF1; padding-left: 0; padding-bottom: 0; }

.rui-support-accountstatus > div .more-info > .horizontal-line { background: url("img/infobox-line.png") no-repeat; background-size: 100%; height: 16px; position: relative; bottom: -9px; }

@media (min-width: 768px) { .rui-support-accountstatus > div .more-info > .horizontal-line { bottom: -8px; } }

.rui-support-accountstatus > div .more-info > .icon-minus, .rui-support-accountstatus > div .more-info .icon-plus { position: absolute; background: url("img/infobox-minus.png") no-repeat; background-size: 100%; width: 40px; height: 42px; right: 15%; bottom: -10%; z-index: 10; }

.rui-support-accountstatus > div .more-info > .icon-plus { background: url("img/infobox-plus.png") no-repeat; background-size: 100%; }

.rui-support-accountstatus > div .more-info .button-primary, .rui-support-accountstatus > div .more-info .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-support-accountstatus > div .more-info input[type="submit"], .rui-support-accountstatus > div .more-info .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-support-accountstatus > div .more-info [type="submit"]#modal-global-search, .rui-support-accountstatus > div .more-info .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-support-accountstatus > div .more-info input[type=submit], .rui-support-accountstatus > div .more-info .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-support-accountstatus > div .more-info [type=submit]#modal-global-search { display: block; width: 78px; line-height: 28px; background: url("img/highlight-stroke-gold.png") no-repeat; background-size: 100% 100%; border: none; font-size: 1.1em; font-weight: 500; text-align: center; text-transform: none; color: white; margin-top: 20px; position: absolute; bottom: -6%; left: 52%; z-index: 10; }

@media (min-width: 768px) { .rui-support-accountstatus > div .more-info .button-primary, .rui-support-accountstatus > div .more-info .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-support-accountstatus > div .more-info input[type="submit"], .rui-support-accountstatus > div .more-info .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-support-accountstatus > div .more-info [type="submit"]#modal-global-search, .rui-support-accountstatus > div .more-info .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-support-accountstatus > div .more-info input[type=submit], .rui-support-accountstatus > div .more-info .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-support-accountstatus > div .more-info [type=submit]#modal-global-search { font-size: 1.3em; width: 110px; line-height: 33px; } }

@media (max-width: 768px) { .rui-support-accountstatus > div .more-info { padding-top: 0; } }

.rui-support-accountstatus > div:before { display: block; position: absolute; top: 0; left: 15px; width: 40px; line-height: 1em; margin-right: 0.5em; padding: 1em 0; text-align: center; font-family: fido-icon; font-size: 2em; content: '\e825'; color: #FFFFFF; background: url("img/myaccount-tab.png") no-repeat; background-size: 100% 100%; }

@media (min-width: 768px) { .rui-support-accountstatus > div:before { bottom: 0; line-height: 100%; width: 67px; font-size: 42px; top: 0; left: 14px; padding-top: 50px; padding-right: 3px; } }

.rui-support-accountstatus h3, .rui-support-accountstatus p, .rui-support-accountstatus ul { margin: 0; padding: 0.5em 0 0 0; margin-top: 0.5em; padding-left: 80px; }

@media (max-width: 768px) { .rui-support-accountstatus h3, .rui-support-accountstatus p, .rui-support-accountstatus ul { padding-left: 60px; } }

@media (min-width: 768px) { .rui-support-accountstatus h3, .rui-support-accountstatus p, .rui-support-accountstatus ul { padding-top: 15px; margin-top: 0; padding-left: 80px; } }

.rui-support-accountstatus h3, .rui-support-accountstatus p, .rui-support-accountstatus ul > li a { font-size: 1.4em; font-weight: 700; }

@media (min-width: 768px) { .rui-support-accountstatus h3, .rui-support-accountstatus p, .rui-support-accountstatus ul > li a { font-size: 1.2em; } }

.rui-support-accountstatus h3 { display: none; text-transform: uppercase; color: #055D67; }

@media (min-width: 768px) { .rui-support-accountstatus h3 { display: block; } }

.rui-support-accountstatus p { padding-right: 0.5em; padding-top: 15px; }

.rui-support-accountstatus ul { padding-bottom: 20px; }

.rui-support-accountstatus ul > li { list-style: none; margin: 0; padding: 0.5em 0; line-height: 1; }

@media (min-width: 768px) { .rui-support-accountstatus ul > li { line-height: 1.2; display: inline; } }

.rui-support-accountstatus ul > li a { color: #055D67; }

.rui-support-accountstatus ul > li a:after { content: '\e806'; font-family: fido-icon; font-weight: normal; padding: 0 0.5em; font-size: 22px; position: relative; top: 2px; }

.rui-support-article { margin: 4em 0; padding: 0 15px; margin-top: .5em; }

@media print { .rui-support-article header, .rui-support-article footer { display: none; } }

.rui-support-article header { margin-bottom: 4em; margin-bottom: 0; }

@media (min-width: 768px) { .rui-support-article header { margin-top: 0; } }

@media (max-width: 767px) { .rui-support-article header .actions { text-indent: -9999px; display: inline-block; width: 1px !important; height: 1px !important; padding: 0; margin: 0; } }

.rui-support-article footer { margin-top: 8em; }

@media (min-width: 768px) { .rui-support-article footer { margin-top: 6em; margin-bottom: 6em; font-size: 1em !important; } }

.rui-support-article h1 { font-size: 2.15em; font-weight: 700; margin-bottom: 1em; }

@media (max-width: 768px) { .rui-support-article h1 { font-size: 1.94em; margin-bottom: 0.9em; } }

@media (min-width: 768px) { .rui-support-article h1 { margin-top: .5em; } }

.rui-support-article p { font-size: 1.5em; font-weight: 600; }

@media (min-width: 768px) { .rui-support-article p { font-size: 1.25em; } }

.rui-support-article p img { display: block; max-width: 100%; height: auto; }

.rui-support-article .backlink { font-size: 1.3em; font-weight: 600; text-transform: capitalize; }

.rui-support-article .backlink:before { content: '\e84b'; font-family: fido-icon; font-weight: normal; margin-right: 0.5em; font-size: 115%; }

.rui-support-article .actions { float: right; line-height: 1.5em; margin-top: -11px; }

@media (max-width: 767px) { .rui-support-article .actions { float: left; margin-top: -11.5em; } }

@media (max-width: 767px) { .rui-support-article .actions > a[data-action="print"] { display: none; visibility: hidden; } }

.rui-support-article .actions a { margin-left: 2.5em; font-weight: 500; }

.rui-support-article .actions a:first-of-type { margin-left: 0; }

.rui-support-article .actions a[data-action="share"] { padding-bottom: .5em; }

.rui-support-article .actions a[data-action="mail"] { display: none; }

.rui-support-article .actions a i { font-size: 1.7em; font-weight: normal; margin-right: 5px; position: relative; top: 5px; }

.rui-support-article .actions a i.rui-icon-share { font-size: 1.5em; top: 2px; }

.rui-support-article .actions:after { display: block; clear: both; content: ' '; }

.rui-support-article footer > .actions { position: relative; top: -2.8em; }

.rui-support-article footer .article-feedback.submitted .feedback-input { display: none; }

.rui-support-article footer .article-feedback.submitted .feedback-result { display: block; }

.rui-support-article footer .article-feedback .feedback-input p { font-size: 1.4em; }

.rui-support-article footer .article-feedback .feedback-input p.lead { margin-right: 4em; font-weight: 500; margin-bottom: 0.4em; }

.rui-support-article footer .article-feedback .feedback-input div { margin-right: 1em; }

.rui-support-article footer .article-feedback .feedback-input input[type="radio"], .rui-support-article footer .article-feedback .feedback-input [type="radio"]#modal-global-search { display: none; }

.rui-support-article footer .article-feedback .feedback-input input[type="radio"]:checked + label:before, .rui-support-article footer .article-feedback .feedback-input [type="radio"]#modal-global-search:checked + label:before { content: '\e82e'; font-family: fido-icon; }

.rui-support-article footer .article-feedback .feedback-input input[type="radio"] + label, .rui-support-article footer .article-feedback .feedback-input [type="radio"]#modal-global-search + label { display: inline-block; font-size: 1em; font-weight: 600; margin-right: 2.5em; }

@media (min-width: 768px) { .rui-support-article footer .article-feedback .feedback-input input[type="radio"] + label, .rui-support-article footer .article-feedback .feedback-input [type="radio"]#modal-global-search + label { display: block; font-size: 1em; margin-bottom: 0.75em; } }

.rui-support-article footer .article-feedback .feedback-input input[type="radio"] + label:before, .rui-support-article footer .article-feedback .feedback-input [type="radio"]#modal-global-search + label:before { content: '\e827'; font-family: fido-icon; margin-right: 0.2em; color: #b19800; font-size: 1.4em; }

@media (min-width: 768px) { .rui-support-article footer .article-feedback .feedback-input input[type="radio"] + label:before, .rui-support-article footer .article-feedback .feedback-input [type="radio"]#modal-global-search + label:before { margin-right: 0.4em; } }

.rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search { line-height: 1.5em; padding: 5px 1.6em 0; margin: 1.5em 0 15px; text-align: center; font-size: 0.875em; font-weight: 600; }

.rui-support-article footer .article-feedback .feedback-result { display: none; background-color: #f5f7f6; width: 50%; padding: 1em; }

.rui-support-article footer .article-feedback .feedback-result p.lead { font-size: 2.2em; font-weight: bold; }

@media (min-width: 768px) { .rui-support-article footer .article-feedback .feedback-input p { font-size: 1.3em; }
  .rui-support-article footer .article-feedback .feedback-input p.lead { float: left; margin-right: 3em; }
  .rui-support-article footer .article-feedback .feedback-input div { float: left; }
  .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search { padding: 0 2.5em; font-size: 0.875em; margin-bottom: 1em; } }

.rui-support-article #modal-email .modal-header h4 { font-size: 2.1em; padding-bottom: 0; }

.rui-support-article #modal-email .modal-body { font-size: 1.2em; padding-top: 0; font-weight: 300; }

.rui-support-article #modal-email div[data-field] { margin: 0 0 1em; }

.rui-support-article #modal-email div[data-field=to] { width: 45%; margin-right: 5%; float: left; }

.rui-support-article #modal-email div[data-field=from] { width: 45%; margin-left: 5%; float: left; }

.rui-support-article #modal-email div[data-field=url] span { font-weight: 500; }

.rui-support-article #modal-email label { width: 100%; display: block; font-weight: 500; }

.rui-support-article #modal-email input[type=text], .rui-support-article #modal-email [type=text]#modal-global-search, .rui-support-article #modal-email input[type=email], .rui-support-article #modal-email [type=email]#modal-global-search, .rui-support-article #modal-email textarea, .rui-support-article #modal-email select { width: 100%; display: block; font-weight: 300; margin: 0.5em 0; padding: 0.3em 1em; }

.rui-support-article #modal-email textarea { min-height: 8em; }

.rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email [type=submit]#modal-global-search { font-weight: 600; width: 33%; padding: 0.2em; float: left; text-transform: uppercase; margin: 1em 1em; }

.rui-support-article #modal-email .g-recaptcha { float: left; }

.rui-support-article #modal-email form:after { content: ''; display: block; clear: both; }

.rui-support-articles { padding: 0; padding-left: 15px; padding-right: 15px; margin-top: 5%; }

@media (max-width: 768px) { .rui-support-articles { margin-top: 10%; padding: 0; } }

.rui-support-articles > h3 { font-size: 2.15em; font-weight: 700; margin-bottom: 1.5em; }

@media (max-width: 768px) { .rui-support-articles > h3 { margin: 0 15px; font-size: 2em; } }

.rui-support-articles > ul { padding: 0; }

@media (max-width: 768px) { .rui-support-articles > ul { margin: 0 15px; } }

.rui-support-articles > ul > li.result { list-style: none; margin-top: 2em; margin-bottom: 3em; }

.rui-support-articles > ul > li.result p { font-size: 1.4em; }

@media (min-width: 768px) { .rui-support-articles > ul > li.result p { font-size: 1.15em; } }

@media (max-width: 768px) { .rui-support-articles > ul > li.result p { font-weight: 600; } }

.rui-support-articles > ul > li.result p.lead, .rui-support-articles > ul > li.result p.date { margin: 0 0 0.3em 0; }

@media (min-width: 768px) { .rui-support-articles > ul > li.result p.lead, .rui-support-articles > ul > li.result p.date { font-size: 1.5em; font-weight: 300; } }

.rui-support-articles > ul > li.result p.date { font-size: 1.3em; }

@media (max-width: 768px) { .rui-support-articles > ul > li.result p.date { font-size: 1.4em; font-weight: 600; } }

.rui-support-articles > ul > li.result p.lead:after { font-family: fido-icon; content: '\e806'; font-weight: normal; margin-left: 10px; color: #055D67; font-size: 26px; position: relative; top: 3px; }

@media (min-width: 768px) { .rui-support-articles > ul > li.result p.lead:after { display: none; } }

.rui-support-articles > ul > li.result p.lead a { font-weight: 600; }

@media (max-width: 768px) { .rui-support-articles > ul > li.result p.lead { font-size: 1.65em; } }

.rui-support-articles > ul > li.result .button-primary, .rui-support-articles > ul > li.result .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-support-articles > ul > li.result input[type="submit"], .rui-support-articles > ul > li.result .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-support-articles > ul > li.result [type="submit"]#modal-global-search, .rui-support-articles > ul > li.result .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-support-articles > ul > li.result input[type=submit], .rui-support-articles > ul > li.result .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-support-articles > ul > li.result [type=submit]#modal-global-search { display: none; }

@media (min-width: 768px) { .rui-support-articles > ul > li.result .button-primary, .rui-support-articles > ul > li.result .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-support-articles > ul > li.result input[type="submit"], .rui-support-articles > ul > li.result .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-support-articles > ul > li.result [type="submit"]#modal-global-search, .rui-support-articles > ul > li.result .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-support-articles > ul > li.result input[type=submit], .rui-support-articles > ul > li.result .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-support-articles > ul > li.result [type=submit]#modal-global-search { display: block; width: 150px; line-height: 36px; background: url("img/button-gray-bgFR.png") no-repeat; background-size: 100% 100%; border: none; font-size: 1.1em; font-weight: 600; text-align: center; text-transform: none; color: #055D67; }
  .rui-support-articles > ul > li.result .button-primary:after, .rui-support-articles > ul > li.result .rui-support-article footer .article-feedback .feedback-input input[type="submit"]:after, .rui-support-article footer .article-feedback .feedback-input .rui-support-articles > ul > li.result input[type="submit"]:after, .rui-support-articles > ul > li.result .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search:after, .rui-support-article footer .article-feedback .feedback-input .rui-support-articles > ul > li.result [type="submit"]#modal-global-search:after, .rui-support-articles > ul > li.result .rui-support-article #modal-email input[type=submit]:after, .rui-support-article #modal-email .rui-support-articles > ul > li.result input[type=submit]:after, .rui-support-articles > ul > li.result .rui-support-article #modal-email [type=submit]#modal-global-search:after, .rui-support-article #modal-email .rui-support-articles > ul > li.result [type=submit]#modal-global-search:after { font-family: fido-icon; font-size: 1.3em; content: '\e806'; font-weight: normal; padding: 0 0.25em; } }

.rui-support-articles > .loadmore { position: relative; width: 100%; height: 2.85em; background: #feec3f; margin-bottom: 7em; }

.rui-support-articles > .loadmore > button { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 56%); background: none; border: none; font-weight: 500; text-transform: uppercase; font-size: 1.3em; }

@media (max-width: 768px) { .rui-support-articles > .loadmore > button { font-weight: 900; font-size: 1.5em; width: 100%; } }

@media (min-width: 768px) { .rui-support-articles > .loadmore > button { font-size: 1.15em; font-weight: 900; } }

.rui-support-articles > .loadmore > button:before { display: block; font-family: fido-icon; content: '\e805'; font-weight: normal; font-size: 333%; position: relative; top: 3px; color: black; }

@media (max-width: 768px) { .rui-support-articles > .loadmore > button:before { top: 5px; } }

@media (min-width: 768px) { .rui-support-articles > .loadmore > button:before { font-size: 40px; } }

@media (max-width: 768px) { .rui-support-articles > .loadmore { height: 47px; margin-bottom: 9em; } }

.rui-support-cta { float: none; background: url("img/panel-split.png") no-repeat; }

@media (max-width: 768px) { .rui-support-cta { background-size: 300% 80%; background-position: 10% 0; margin-top: 50px; margin-bottom: 3em; padding-top: 2em; } }

@media (min-width: 768px) { .rui-support-cta { height: 159px; margin-bottom: 8em; background-position: center top; margin-top: 8em; } }

.rui-support-cta > div { float: none; padding: 1em 15px; position: relative; padding-bottom: 0; }

@media (min-width: 768px) { .rui-support-cta > div { float: left; box-sizing: padding-box; width: 50%; padding: 1em 8em 0 8em; } }

.rui-support-cta > div > h3 { margin-bottom: 17px; font-weight: 600; }

.rui-support-cta > div > h3 .rui-cta-link { font-weight: 600; }

.rui-support-cta > div > h3 .rui-cta-link:after { font-family: fido-icon; content: '\e806'; font-size: 24px; font-weight: normal; margin: 0 0.25em; }

@media (min-width: 768px) { .rui-support-cta > div > h3 .rui-cta-link:after { font-size: 24px; } }

.rui-support-cta > div > p > i:first-of-type { font-size: 2.5em; float: left; margin-right: 0.3em; }

@media (max-width: 768px) { .rui-support-cta > div > p > i:first-of-type { font-size: 1.5em; position: absolute; top: 33px; } }

.rui-support-cta > div > p > i.rui-icon-call { font-size: 2.35em; margin-top: 5px; }

@media (max-width: 768px) { .rui-support-cta > div > p > i.rui-icon-call { font-size: 1.5em; margin-top: 0; } }

.rui-support-cta > div > p > i.rui-icon-delivery { font-size: 2.85em; }

@media (max-width: 768px) { .rui-support-cta > div > p > i.rui-icon-delivery { font-size: 190%; top: 27px; } }

.rui-support-cta > div > h3, .rui-support-cta > div > h3 .rui-cta-link, .rui-support-cta > div > p > i:first-of-type { color: #055D67; }

.rui-support-cta > div > h3 .rui-cta-link { font-size: 1em; }

@media (max-width: 768px) { .rui-support-cta > div > h3 .rui-cta-link { margin-left: 40px; } }

@media (max-width: 768px) { .rui-support-cta div + div > h3 .rui-cta-link { margin-left: 53px; } }

.rui-support-filters { clear: left; padding: 2.5em 15px 0; }

.rui-support-filters h3 { margin: 0; padding-bottom: 1.2em; }

.rui-support-filters ul { padding: 0; margin: 0; }

.rui-support-filters ul li { position: relative; display: inline-block; width: 105px; height: 93px; background: url("img/tab-bg.png") no-repeat; background-size: 100% 80%; padding: 0; margin: 0; font-size: 1.3em; }

.rui-support-filters ul li.active { background: url("img/tab-bg-active.png") no-repeat; background-size: 100% 100%; }

.rui-support-filters ul li i { position: absolute; left: 50%; top: -3%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 3.5em; background-size: 100% auto; display: block; width: 61px; height: 52px; }

.rui-support-filters ul li i::before { content: ''; }

.rui-support-filters ul li a { position: absolute; left: 0; top: 0; right: 0; bottom: 1em; text-align: center; color: #000; font-weight: 800; text-transform: uppercase; }

.rui-support-filters ul li a span { position: absolute; display: block; top: 55%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); line-height: 1.25; max-height: 2.5em; overflow: hidden; }

.rui-support-filters ul li i.rui-icon-wireless { background-image: url("img/tab-wireless.png"); }

.rui-support-filters ul li.active > i.rui-icon-wireless { background-image: url("img/tab-wireless-active.png"); }

.rui-support-filters ul li i.rui-icon-internet { background-image: url("img/tab-internet.png"); }

.rui-support-filters ul li.active > i.rui-icon-internet { background-image: url("img/tab-internet-active.png"); }

.rui-support-filters ul li i.rui-icon-tv { background-image: url("img/tab-tv.png"); }

.rui-support-filters ul li.active > i.rui-icon-tv { background-image: url("img/tab-tv-active.png"); }

.rui-support-filters ul li i.rui-icon-account { background-image: url("img/tab-account.png"); }

.rui-support-filters ul li.active > i.rui-icon-account { background-image: url("img/tab-account-active.png"); }

.rui-support-filters ul li i.rui-icon-account { top: -7%; }

@media (min-width: 768px) { .rui-support-filters ul { margin: 2em 0 0.5em; }
  .rui-support-filters ul li { font-size: 1.2em; margin-right: 15px; width: 150px; } }

@media (min-width: 992px) { .rui-support-filters ul li { width: 205px; } }

@media (max-width: 767px) { .rui-support-filters ul { overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; padding-bottom: 5px; }
  .rui-support-filters ul li { white-space: normal; width: calc(100% / 3.01); }
  .rui-support-filters ul li a span { top: 50%; }
  .rui-support-filters ul li i { display: none; } }

.rui-support-results { padding: 0 15px; }

.rui-support-results > h3 { text-indent: -9999px; display: inline-block; width: 1px !important; height: 1px !important; padding: 0; margin: 0; }

.rui-support-results > p.lead { font-size: 2.1em; font-weight: 800; margin: 0; margin-bottom: 37px; line-height: 1.2em; }

@media (max-width: 768px) { .rui-support-results > p.lead { margin-bottom: 20px; } }

.rui-support-results > ul { padding: 0; /* margin: 0 10px; */ margin: 0; list-style: none; }

.rui-support-results > ul > li { margin-bottom: 15px; }

@media (max-width: 768px) { .rui-support-results > ul > li { line-height: 1.1em; margin-bottom: 25px; } }

.rui-support-results > ul li img { max-height: 80px; }

.rui-support-results > ul .rui-cta-link { color: #055D67; font-weight: 700; }

@media (min-width: 768px) { .rui-support-results > ul .rui-cta-link { font-size: 18px; font-weight: 600; } }

@media (min-width: 768px) { .rui-support-results > ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; } }

.rui-support-results > .rui-support-category { margin: 0 1em; }

.rui-support-results > .rui-support-category > h3 { margin: 1em 0 16px 0; padding: 0; font-weight: 700; }

@media (min-width: 768px) { .rui-support-results > .rui-support-category > h3 { font-size: 1.5em; } }

.rui-support-results > .rui-support-category > ul { margin: 0 0 1em 0; padding: 0 0 0 0.5em; list-style: none; }

.rui-support-results > .rui-support-category > ul > li { text-indent: -0.4em; }

.rui-support-results > .rui-support-category > ul > li:before { color: #055D67; content: '\002027'; font-size: 145%; position: relative; left: -5px; top: 3px; }

.rui-support-results > .rui-support-category > ul > li > a { color: #055D67; font-weight: 600; }

@media (max-width: 768px) { .rui-support-results > .rui-support-category { margin: 0; margin-bottom: 40px; } }

@media (min-width: 768px) { .rui-support-results > .rui-support-category { float: left; width: calc(100% / 3.01); margin: 0; margin-bottom: 2em; box-sizing: padding-box; padding-right: 40px; }
  .rui-support-results > .rui-support-category:nth-of-type(4n) { clear: left; } }

.rui-support-results:after { content: ' '; clear: both; display: block; }

.rui-support-results .button-primary, .rui-support-results .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-support-results input[type="submit"], .rui-support-results .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-support-results [type="submit"]#modal-global-search, .rui-support-results .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-support-results input[type=submit], .rui-support-results .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-support-results [type=submit]#modal-global-search { display: block; width: 150px; line-height: 40px; background: url("img/highlight-stroke.png") no-repeat; background-size: 100% 100%; border: none; font-size: 1.6em; font-weight: 600; text-align: center; text-transform: none; color: #055D67; margin-top: 20px; }

@media (min-width: 768px) { .rui-support-results .button-primary, .rui-support-results .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-support-results input[type="submit"], .rui-support-results .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-support-results [type="submit"]#modal-global-search, .rui-support-results .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-support-results input[type=submit], .rui-support-results .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-support-results [type=submit]#modal-global-search { font-size: 1.3em; } }

.rui-support-results .button-primary:after, .rui-support-results .rui-support-article footer .article-feedback .feedback-input input[type="submit"]:after, .rui-support-article footer .article-feedback .feedback-input .rui-support-results input[type="submit"]:after, .rui-support-results .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search:after, .rui-support-article footer .article-feedback .feedback-input .rui-support-results [type="submit"]#modal-global-search:after, .rui-support-results .rui-support-article #modal-email input[type=submit]:after, .rui-support-article #modal-email .rui-support-results input[type=submit]:after, .rui-support-results .rui-support-article #modal-email [type=submit]#modal-global-search:after, .rui-support-article #modal-email .rui-support-results [type=submit]#modal-global-search:after { font-family: fido-icon; font-size: 22px; content: '\e806'; font-weight: normal; padding: 0 0.25em; }

@media (max-width: 768px) { .rui-support-results .button-primary:after, .rui-support-results .rui-support-article footer .article-feedback .feedback-input input[type="submit"]:after, .rui-support-article footer .article-feedback .feedback-input .rui-support-results input[type="submit"]:after, .rui-support-results .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search:after, .rui-support-article footer .article-feedback .feedback-input .rui-support-results [type="submit"]#modal-global-search:after, .rui-support-results .rui-support-article #modal-email input[type=submit]:after, .rui-support-article #modal-email .rui-support-results input[type=submit]:after, .rui-support-results .rui-support-article #modal-email [type=submit]#modal-global-search:after, .rui-support-article #modal-email .rui-support-results [type=submit]#modal-global-search:after { font-size: 24px; } }

.rui-support-related { margin-bottom: 4em; }

.rui-support-related div { margin-bottom: 25px; }

.rui-support-related h3 { padding-top: 1.5em; margin-top: 2em; border-top: 1px dashed goldenrod; margin-left: 15px; margin-right: 15px; font-size: 2.1em; font-weight: 800; margin-bottom: 25px; }

@media (min-width: 768px) { .rui-support-related h3 { padding-top: 2.5em; margin-bottom: 0.8em; } }

.rui-support-related p.lead { font-weight: 600; color: #055D67; font-size: 1.9em; margin-bottom: 10px; margin-top: 20px; }

@media (max-width: 768px) { .rui-support-related p.lead:after { font-family: fido-icon; content: '\e806'; font-weight: normal; padding: 0 0.5em; font-size: 1.2em; } }

@media (min-width: 768px) { .rui-support-related p.lead { font-size: 1.5em; margin-bottom: 1.25em; } }

.rui-support-related p { font-size: 1.4em; font-weight: 600; }

@media (min-width: 768px) { .rui-support-related p { font-size: 1.15em; font-weight: 500; line-height: 1.5; margin-bottom: 1.5em; } }

.rui-support-related:after { display: block; content: ' '; clear: both; }

.rui-support-related .button-primary, .rui-support-related .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-support-related input[type="submit"], .rui-support-related .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-support-related [type="submit"]#modal-global-search, .rui-support-related .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-support-related input[type=submit], .rui-support-related .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-support-related [type=submit]#modal-global-search { border: none; width: 170px; line-height: 36px; background: url("img/highlight-stroke.png") no-repeat; font-size: 1.1em; text-align: center; color: #055D67; text-transform: none; font-weight: 700; }

.rui-support-related .button-primary:after, .rui-support-related .rui-support-article footer .article-feedback .feedback-input input[type="submit"]:after, .rui-support-article footer .article-feedback .feedback-input .rui-support-related input[type="submit"]:after, .rui-support-related .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search:after, .rui-support-article footer .article-feedback .feedback-input .rui-support-related [type="submit"]#modal-global-search:after, .rui-support-related .rui-support-article #modal-email input[type=submit]:after, .rui-support-article #modal-email .rui-support-related input[type=submit]:after, .rui-support-related .rui-support-article #modal-email [type=submit]#modal-global-search:after, .rui-support-article #modal-email .rui-support-related [type=submit]#modal-global-search:after { font-family: fido-icon; content: '\e806'; font-weight: normal; padding: 0 0.5em; font-size: 1.2em; }

@media (max-width: 768px) { .rui-support-related .button-primary, .rui-support-related .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-support-related input[type="submit"], .rui-support-related .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-support-related [type="submit"]#modal-global-search, .rui-support-related .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-support-related input[type=submit], .rui-support-related .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-support-related [type=submit]#modal-global-search { display: none; } }

.rui-support-resulttypes ul li { padding: 0.5em 2em; text-align: center; }

.rui-support-toolbox { padding-top: 50px; border-top: 1px dashed #ecd28f; margin-top: 50px; margin-left: 15px; margin-right: 15px; }

.rui-support-toolbox > h3 { font-size: 2em; font-weight: 700; color: black; margin: 0 0 2em 0; margin-bottom: 1.5em; }

@media (min-width: 768px) { .rui-support-toolbox > h3 { font-size: 2.15em; } }

.rui-support-toolbox > div { padding-right: 15px; }

@media (max-width: 768px) { .rui-support-toolbox > div { padding-left: 0; padding-right: 0; } }

.rui-support-toolbox > div > img { margin-right: 1em; display: block; }

.rui-support-toolbox > div > img + div { float: left; }

.rui-support-toolbox > div > div > p { font-size: 1.6em; margin-bottom: 1em; }

@media (min-width: 768px) { .rui-support-toolbox > div > div > p { font-size: 1.15em; margin-bottom: 1.3em; line-height: 1.5; } }

.rui-support-toolbox > div > div > p.lead { display: block; color: black; font-weight: 600; margin-top: 0.5em; margin-bottom: 0; clear: both; }

@media (min-width: 768px) { .rui-support-toolbox > div > div > p.lead { margin-top: 0; margin-bottom: 1em; font-size: 1.3em; padding-top: 10px; } }

.rui-support-toolbox > div > div > p.lead i { color: #055D67; font-size: 3em; float: left; margin-right: 0.1em; margin-top: -15px; }

@media (max-width: 768px) { .rui-support-toolbox > div > div > p.lead i { display: block; float: none; } }

.rui-support-toolbox > div .button-primary, .rui-support-toolbox > div .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-support-toolbox > div input[type="submit"], .rui-support-toolbox > div .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-support-toolbox > div [type="submit"]#modal-global-search, .rui-support-toolbox > div .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-support-toolbox > div input[type=submit], .rui-support-toolbox > div .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-support-toolbox > div [type=submit]#modal-global-search { width: 10em; line-height: 1.5em; text-align: center; color: black; font-size: 200%; font-weight: 800; text-transform: uppercase; margin-top: 0; margin-bottom: 2em; padding-top: 2%; }

@media (min-width: 768px) { .rui-support-toolbox > div .button-primary, .rui-support-toolbox > div .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-support-toolbox > div input[type="submit"], .rui-support-toolbox > div .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-support-toolbox > div [type="submit"]#modal-global-search, .rui-support-toolbox > div .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-support-toolbox > div input[type=submit], .rui-support-toolbox > div .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-support-toolbox > div [type=submit]#modal-global-search { font-size: 150%; } }

.rui-support-toolbox > div .button-primary:before, .rui-support-toolbox > div .rui-support-article footer .article-feedback .feedback-input input[type="submit"]:before, .rui-support-article footer .article-feedback .feedback-input .rui-support-toolbox > div input[type="submit"]:before, .rui-support-toolbox > div .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search:before, .rui-support-article footer .article-feedback .feedback-input .rui-support-toolbox > div [type="submit"]#modal-global-search:before, .rui-support-toolbox > div .rui-support-article #modal-email input[type=submit]:before, .rui-support-article #modal-email .rui-support-toolbox > div input[type=submit]:before, .rui-support-toolbox > div .rui-support-article #modal-email [type=submit]#modal-global-search:before, .rui-support-article #modal-email .rui-support-toolbox > div [type=submit]#modal-global-search:before { display: block; content: ' '; clear: both; }

.rui-support-toolbox:after { content: ' '; display: block; clear: both; }

@media (max-width: 768px) { .rui-support-toolbox { padding-top: 40px; } }

@media (min-width: 768px) { .rui-support-toolbox > div { margin: 0; padding: 0; }
  .rui-support-toolbox > div > img { float: left; }
  .rui-support-toolbox > div > div { margin-bottom: 2em; width: 65%; margin-left: auto; margin-right: auto; } }

.fido-support-YourDevice { margin-top: 2em; margin-left: 15px; margin-right: 15px; margin-bottom: 2em; padding-top: 2em; padding-bottom: 2em; border-top: 2px dashed #B19800; border-bottom: 2px dashed #B19800; }

.fido-support-YourDevice > h3 { display: none; }

.fido-support-YourDevice .SelectYourDevice > p { font-weight: 700; font-size: 1.25em; font-size: 21px; line-height: 1.25; margin: 0; }

.fido-support-YourDevice .SelectYourDevice .form-control { height: 3em; display: inline-block; width: 100%; border: 1px solid #000; border-image-slice: 1 1 1 2; border-image-repeat: stretch; border-image-source: url("img/inputborder-normal.png"); }

.fido-support-YourDevice .SelectYourDevice .SelectArrowIcon { position: relative; display: block; margin: 20px 0; }

.fido-support-YourDevice .SelectYourDevice .SelectArrowIcon.focused > .form-control { border-image-source: url("img/inputborder-active.png"); box-shadow: none; }

.fido-support-YourDevice .SelectYourDevice .SelectArrowIcon.focused > .form-control + .rui-icon-arrow-down { background-color: #B19800; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

.fido-support-YourDevice .SelectYourDevice .SelectArrowIcon .rui-icon-arrow-down { pointer-events: none; position: absolute; top: 0; right: 0; background-color: black; color: white; padding: 17px 22px; z-index: 1; font-size: 18px; }

.fido-support-YourDevice .device-details { padding: 0 15px; padding-top: 1em; }

.fido-support-YourDevice .device-details ul { list-style-type: none; font-size: 1.5em; }

.fido-support-YourDevice .device-details .product::after { clear: both; content: ""; display: table; }

.fido-support-YourDevice .device-details .product > img { float: left; max-width: 30%; padding-right: 15px; }

.fido-support-YourDevice .device-details .product .product-details { float: left; width: 66%; }

.fido-support-YourDevice .device-details .product .product-details .product-name { font-weight: 700; margin-top: 20px; }

.fido-support-YourDevice .device-details .product .product-details > ul { padding-left: 0; font-weight: 300; }

.fido-support-YourDevice .device-details .device-support-links { clear: left; margin-top: 3em; }

.fido-support-YourDevice .device-details .device-support-links > h4 { font-weight: 700; }

.fido-support-YourDevice .device-details .device-support-links > ul { line-height: 1.75; padding-left: 0; list-style-type: none; }

.fido-support-YourDevice .device-details .device-support-links a { font-weight: 700; }

.fido-support-YourDevice .device-details .device-support-links a::after { font-family: fido-icon; font-size: 1.15em; content: '\e806'; font-weight: normal; padding: 0 0.25em; }

@media (min-width: 768px) { .fido-support-YourDevice { margin-top: 1em; margin-left: 15px; margin-right: 15px; border: none; }
  .fido-support-YourDevice > h3 { display: block; font-size: 2.1em; font-weight: bold; margin-bottom: 1.1em; }
  .fido-support-YourDevice .SelectYourDevice { background-color: #EEF0EF; padding: 1.75em 2em; }
  .fido-support-YourDevice .SelectYourDevice > p { float: left; font-weight: 700; font-size: 1.25em; width: 20%; line-height: 1.25; margin-bottom: 0; }
  .fido-support-YourDevice .SelectYourDevice .form-control { width: 100%; display: block; height: 2.35em; padding: 0; padding-left: 10px; font-size: 1.25em; }
  .fido-support-YourDevice .SelectYourDevice .SelectArrowIcon { margin: 0; margin-left: 1.15em; width: 25%; display: inline-block; }
  .fido-support-YourDevice .SelectYourDevice .SelectArrowIcon .rui-icon-arrow-down { font-size: 1.1em; padding: 0.8em 1em; }
  .fido-support-YourDevice .device-details { padding: 0 45px; padding-top: 2.5em; }
  .fido-support-YourDevice .device-details ul { font-size: 1.3em; line-height: 1.7; }
  .fido-support-YourDevice .device-details .product { width: 33%; float: left; margin-right: 30px; }
  .fido-support-YourDevice .device-details .product > img { max-width: 40%; padding-right: 30px; }
  .fido-support-YourDevice .device-details .product .product-details { width: 60%; }
  .fido-support-YourDevice .device-details .product .product-details .product-name { margin-top: 25px; margin-bottom: 25px; }
  .fido-support-YourDevice .device-details .device-support-links { clear: none; float: left; width: 60%; margin-top: 0; }
  .fido-support-YourDevice .device-details .device-support-links > h4 { margin-top: 20px; margin-bottom: 20px; }
  .fido-support-YourDevice .device-details .device-support-links > ul li { width: 50%; float: left; width: 40%; } }

.rui-promotion { overflow: hidden; position: relative; margin: 30px 0; }

.rui-promotion > .content { overflow: hidden; position: relative; }

.rui-promotion > .content .text { float: left; }

.rui-promotion > .content .text .ute-btn-secondary span { float: none; }

.rui-promotion.img-right .details, .rui-promotion.img-left .image { float: left; }

.rui-promotion.img-left .details, .rui-promotion.img-right .image img, .rui-promotion.img-right .image { float: right; }

.rui-promotion .text > div, .rui-promotion .image > div { position: relative; top: 50%; -ms-webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.rui-promotion .well { margin: 15px 0; }

.rui-promotion .well, .rui-promotion .well a { color: #414042; }

.rui-promotion .text > .details { width: 100%; float: none; padding-left: 0; padding-right: 0; transform: none; margin-top: 20px; }

.rui-promotion .text .ute-btn-secondary span.action { padding-left: 5px; }

.content-title { font-weight: bold; margin-left: 15px; margin-right: 15px; }

.rui-promotion:last-of-type { padding-bottom: 0px; }

.rui-promotion:last-of-type::after { display: none; }

.rui-promotion::after { content: ""; display: block; margin-top: 30px; margin-left: 15px; margin-right: 15px; border-bottom: 1px solid #eeefef; }

.rui-promotion .content > div { margin: 0; }

.rui-promotion h2 { color: #000; margin-top: 20px; }

.rui-promotion .lead { font-size: 2em; font-weight: 600; margin-bottom: 10px; }

.rui-promotion ul { padding-left: 0; }

.rui-promotion ul li { list-style-type: none; }

.rui-promotion .rui-cta-badge { font-size: 2em; font-weight: 600; text-align: center; padding-top: 4px; padding-bottom: 1px; padding-left: 55px; padding-right: 20px; margin-top: 20px; width: auto; margin-bottom: 5px; }

.rui-promotion .rui-cta-badge .action { background-color: transparent; }

.rui-promotion .rui-cta-badge .text { float: none; font-weight: 700; }

.rui-promotion .rui-cta-badge .action { left: 0; }

.rui-promotion .rui-cta-badge .action i { position: absolute; color: #B19800; font-size: 30px; top: -3px; }

.rui-promotion .rui-cta-badge .action i::before { position: relative; z-index: 1; }

.rui-promotion .rui-cta-badge .action i::after { content: ""; background-color: #fff; display: inline-block; width: 60%; height: 60%; border-radius: 50%; position: absolute; top: 18%; left: 18%; }

.rui-promotion .rui-cta-badge[aria-expanded="true"] i::before { content: "\e826"; }

.rui-promotion .details { margin-left: 15px; margin-right: 15px; margin-top: 20px; padding-top: 25px; }

.rui-promotion .details .well { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; width: 100%; border: 2px solid #B19800; border-radius: 0; padding: 20px 20px; padding-bottom: 20px; background-color: #fff; margin: 0; }

.rui-promotion .details .well::before { content: ""; display: block; width: 2.75em; height: 2.75em; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; border: 2px solid #B19800; border-bottom: none; border-right: none; position: absolute; top: 5px; left: 60%; }

@media (max-width: 359px) { .rui-promotion .details .well::before { left: 40%; } }

.rui-promotion .details .well p { position: relative; z-index: 1; }

@media (max-width: 359px) { .rui-promotion .details .well p { font-size: 1.65em; } }

.rui-promotion .details strong { position: relative; z-index: 1; font-size: 1.25em; font-weight: 600; margin-top: 0.5em; margin-bottom: 0.5em; display: block; }

.rui-promotion .details a { color: #055D67; display: inline-block; font-weight: 600; }

.rui-promotion .details a i { position: relative; top: 2px; margin-right: 10px; font-size: 1.4em; }

.rui-promotion .details a[class*="rui-fido-link"] { display: block; margin-top: 20px; }

.rui-promotion .details p + a:last-child { display: inline-block; font-weight: normal; text-transform: uppercase; margin-top: 0.5em; padding-top: .5em; }

.rui-promotion .details p + a:last-child:hover { cursor: pointer; }

.rui-promotion .details p + a:last-child::before { content: "+"; display: inline-block; }

@media (max-width: 767px) { .rui-promotion > .content .text .ute-btn-secondary { width: 100%; }
  .rui-promotion.img-left .details, .rui-promotion.img-right .details, .rui-promotion.img-left .image, .rui-promotion.img-right .image { float: none; margin-left: 0; }
  .rui-promotion.img-left .image img, .rui-promotion.img-right .image img { margin: auto; }
  .rui-promotion::after { margin-left: 0; margin-right: 0; border-width: 3px; }
  .rui-promotion .rui-cta-badge { width: 100%; font-size: 1.8em; padding-right: 25px; margin-right: 0; }
  .rui-promotion .rui-cta-badge .text { margin: 0; }
  .rui-promotion .legal-link { font-size: 1.75em; padding-top: 0; } }

@media (min-width: 1200px) { .rui-promotion .details .well { margin-top: 2px; } }

@media (min-width: 768px) { .rui-promotion .details .well::before { top: 5px; left: 55px; } }

@media (min-width: 992px) { .rui-promotion .details .well::before { top: 5px; left: 25px; } }

@media (min-width: 1200px) { .rui-promotion .details .well::before { top: 5px; left: 25px; } }

@media (min-width: 768px) { .rui-promotion.img-right .details .well::before { top: 5px; left: 125px; } }

@media (min-width: 768px) { .rui-promotion .details a { margin-right: 0.9em; } }

@media (min-width: 992px) { .rui-promotion .details a { margin-right: 2.5em; } }

@media (min-width: 1200px) { .rui-promotion .details a { margin-right: 3.5em; } }

@media (min-width: 768px) { .content-title { font-size: 3.4em; margin-top: 80px; margin-bottom: 50px; }
  .rui-promotion { margin-top: 20px; }
  .rui-promotion::after { margin-top: 50px; }
  .rui-promotion .content > div { margin: 0; }
  .rui-promotion h2 { font-size: 2.25em; margin: 0; }
  .rui-promotion .lead { font-size: 1.55em; margin-bottom: 1.25em; margin-top: .35em; }
  .rui-promotion .rui-cta-badge { font-size: 1.5em; padding-left: 45px; }
  .rui-promotion .rui-cta-badge .text { margin: 0; }
  .rui-promotion .rui-cta-badge .action { left: 16px; }
  .rui-promotion .rui-cta-badge .action i { position: relative; left: -8px; top: 0; font-size: 1.25em; }
  .rui-promotion .details { margin-left: 0; margin-right: 0; width: 58.33333%; }
  .rui-promotion .details strong { position: relative; z-index: 1; margin-top: 0.5em; margin-bottom: 0.5em; }
  .rui-promotion .details a { margin-top: 0; font-weight: 600; }
  .rui-promotion .details a i { position: relative; top: 3px; margin-right: 5px; font-size: 1.5em; }
  .rui-promotion .details a[class="rui-fido-link"] { display: inline-block; margin-top: 5px; }
  .rui-promotion .details p > a:last-child { margin-right: 0; } }

.rui-hero-expander.twopanels { background-position: center; }

.rui-hero-expander.twopanels .banner { padding-top: 17em; min-height: 300px; }

.rui-hero-expander.twopanels .banner + button { display: none; pointer-events: none; }

.rui-hero-expander.twopanels a[class*='link--'] { color: #FFF; height: 100%; display: inline-block; }

.rui-hero-expander.twopanels div[class*='--panel'] { display: inline-block; }

.rui-hero-expander.twopanels div[class*='--panel'] i[class*="rui-icon"] { width: 100%; color: #FEE600; height: 50px; }

.rui-hero-expander.twopanels div[class*='--panel'] i[class*="-wireless"] { font-size: 1.7em; position: relative; top: 4px; }

.rui-hero-expander.twopanels div[class*='--panel'] i[class*="-internet"] { font-size: 1.9em; }

.rui-hero-expander.twopanels div[class*='--panel'] .lead-banner { margin: 0; }

.rui-hero-expander.twopanels .second--panel { display: inline-block; }

@media (max-width: 767px) { .rui-hero-expander.twopanels .banner { padding-top: 13.5em; min-height: 300px; }
  .rui-hero-expander.twopanels .fido-side-menu { top: 100%; z-index: 98; }
  .rui-hero-expander.twopanels .content p:nth-of-type(2) { display: none; }
  .rui-hero-expander.twopanels div[class*='--panel'] { background-image: url("img/drk-bg-shape.png"); background-size: 100% 100%; background-repeat: no-repeat; width: 155px; padding: 5px; }
  .rui-hero-expander.twopanels div[class*='--panel'] i[class*="-wireless"] { font-size: 2.4em; }
  .rui-hero-expander.twopanels div[class*='--panel'] .lead-banner { font-weight: bold; }
  .rui-hero-expander.twopanels div[class*='--panel'] .lead-banner::before, .rui-hero-expander.twopanels div[class*='--panel'] .lead-banner::after { display: none; } }

@media (min-width: 768px) { .rui-hero-expander.twopanels { height: 31.7em; background-size: cover; }
  .rui-hero-expander.twopanels .wrapper-for-panel-bg { position: absolute; width: 100%; height: 100%; }
  .rui-hero-expander.twopanels .link--first-panel-bg { height: 100%; width: 66%; float: left; background-color: black; opacity: .5; }
  .rui-hero-expander.twopanels .link--second-panel-bg { height: 100%; width: 34%; display: inline-block; background-color: black; opacity: .5; }
  .rui-hero-expander.twopanels .container { height: 100%; padding-bottom: 3em; }
  .rui-hero-expander.twopanels .row { height: 98%; overflow: hidden; width: 100%; }
  .rui-hero-expander.twopanels .banner { height: 100%; padding-top: 0; }
  .rui-hero-expander.twopanels .banner + button { display: block; }
  .rui-hero-expander.twopanels .content { height: 100%; width: 100%; }
  .rui-hero-expander.twopanels .content p:nth-of-type(2) { display: block; width: 12em; margin: auto; margin-top: .5em; line-height: 1.4; }
  .rui-hero-expander.twopanels div[class*='--panel'] { padding-top: 4em; }
  .rui-hero-expander.twopanels div[class*='--panel'] i[class*="rui-icon"] { color: white; height: .9em; margin-bottom: 15px; margin-bottom: 10px; }
  .rui-hero-expander.twopanels div[class*='--panel'] .changecolor i[class*="rui-icon"] { color: #FEE600; }
  .rui-hero-expander.twopanels div[class*='--panel'] .lead-banner { width: 12em; letter-spacing: .1em; }
  .rui-hero-expander.twopanels div[class*='--panel'] .lead-banner::before, .rui-hero-expander.twopanels div[class*='--panel'] .lead-banner::after { width: 2.35em; height: 2px; }
  .rui-hero-expander.twopanels .link--first-panel { width: 66%; float: left; position: relative; }
  .rui-hero-expander.twopanels .link--second-panel { width: 28%; margin-left: 6%; display: inline-block; position: relative; } }

.rui-cta-panels.twopanels .lead-banner::before, .rui-cta-panels.twopanels .lead-banner::after { border-style: dashed; border-color: #B19800; border-width: 2px; border-bottom: 0; }

@media (min-width: 768px) { .rui-cta-panels.twopanels div[class*='--panel'] .lead-banner::before, .rui-cta-panels.twopanels div[class*='--panel'] .lead-banner::after { border-style: dashed; border-color: #B19800; border-width: 2px; border-bottom: 0; } }

.scrollmagic-pin-spacer .rui-main-content { margin-top: -45px; }

.rui-cta-panels.twopanels { overflow: visible; max-width: none; margin-top: -10px; }

.rui-cta-panels.twopanels ul { padding: 0; }

.rui-cta-panels.twopanels li { list-style-type: none; margin-left: 13px; margin-bottom: 7px; }

.rui-cta-panels.twopanels li:before { color: #055D67; content: '.'; font-size: 175%; position: relative; top: -4px; margin-left: -13px; margin-right: 4px; line-height: .5; }

.rui-cta-panels.twopanels div[class*='--panel'] { position: relative; text-align: center; }

.rui-cta-panels.twopanels div[class*='--panel'] i[class*="rui-icon"] { width: auto; color: #000; display: block; margin-bottom: 5px; height: 40px; }

.rui-cta-panels.twopanels div[class*='--panel'] i[class*="-wireless"] { font-size: 1.4em; }

.rui-cta-panels.twopanels div[class*='--panel'] i[class*="-internet"] { font-size: 1.7em; }

.rui-cta-panels.twopanels div[class*='--panel'] i.rui-icon-circle { display: none; }

.rui-cta-panels.twopanels .lead-banner { width: 100%; padding-left: 15px; padding-right: 15px; letter-spacing: 0; text-transform: uppercase; line-height: 1.42857143; margin-bottom: 10px; }

.rui-cta-panels.twopanels .lead-banner::before, .rui-cta-panels.twopanels .lead-banner::after { content: ''; width: 39%; position: absolute; top: 57px; border-left: 0; border-right: 0; }

.rui-cta-panels.twopanels .lead-banner::before { left: -15px; }

.rui-cta-panels.twopanels .lead-banner::after { right: -15px; }

.rui-cta-panels.twopanels p { line-height: 1.2; }

.rui-cta-panels.twopanels .button-primary, .rui-cta-panels.twopanels .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels input[type="submit"], .rui-cta-panels.twopanels .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels [type="submit"]#modal-global-search, .rui-cta-panels.twopanels .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-cta-panels.twopanels input[type=submit], .rui-cta-panels.twopanels .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-cta-panels.twopanels [type=submit]#modal-global-search, .rui-cta-panels.twopanels .button-secondary, .rui-cta-panels.twopanels .rui-promotion .rui-cta-badge, .rui-promotion .rui-cta-panels.twopanels .rui-cta-badge { width: 270px; margin: auto; margin-bottom: 30px; }

.rui-cta-panels.twopanels .button-primary:first-of-type, .rui-cta-panels.twopanels .rui-support-article footer .article-feedback .feedback-input input[type="submit"]:first-of-type, .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels input[type="submit"]:first-of-type, .rui-cta-panels.twopanels .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search:first-of-type, .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels [type="submit"]#modal-global-search:first-of-type, .rui-cta-panels.twopanels .rui-support-article #modal-email input[type=submit]:first-of-type, .rui-support-article #modal-email .rui-cta-panels.twopanels input[type=submit]:first-of-type, .rui-cta-panels.twopanels .rui-support-article #modal-email [type=submit]#modal-global-search:first-of-type, .rui-support-article #modal-email .rui-cta-panels.twopanels [type=submit]#modal-global-search:first-of-type, .rui-cta-panels.twopanels .button-secondary:first-of-type, .rui-cta-panels.twopanels .rui-promotion .rui-cta-badge:first-of-type, .rui-promotion .rui-cta-panels.twopanels .rui-cta-badge:first-of-type { color: #000; background-color: #FEE600; }

.rui-cta-panels.twopanels .deals img { display: inline-block; width: 40%; margin-bottom: 15px; }

.rui-cta-panels.twopanels .deals .prepaid { clear: both; padding-top: 30px; }

.rui-cta-panels.twopanels .deals .prepaid::before { content: ""; background-image: url("img/horiz-divider.png"); display: block; width: 100%; height: 5px; position: relative; top: -30px; background-size: cover; }

.rui-cta-panels.twopanels .deals .prepaid p { margin-bottom: 20px; }

.rui-cta-panels.twopanels .deals .prepaid .button-secondary, .rui-cta-panels.twopanels .deals .prepaid .rui-promotion .rui-cta-badge, .rui-promotion .rui-cta-panels.twopanels .deals .prepaid .rui-cta-badge { color: #FFF; background-color: #5C6770; }

.rui-cta-panels.twopanels .tablets { margin-left: -15px; margin-right: -15px; position: relative; margin-top: 2em; }

.rui-cta-panels.twopanels .tablets .fido-img-border-wrapper { position: relative; }

.rui-cta-panels.twopanels .tablets img { object-fit: cover; margin-right: 15px; width: 100%; }

.rui-cta-panels.twopanels .tablets .fido-img-border::after { content: ''; display: block; border: 0 none transparent; position: absolute; left: 0; bottom: -25px; width: 100%; height: 75px; background: url("img/hero-expander.png") scroll center bottom no-repeat transparent; background-size: 120% 50%; text-align: center; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }

.rui-cta-panels.twopanels .tablets h3 { position: relative; z-index: 1; font-size: .85em; font-weight: 700; margin-top: .5em; margin-bottom: .5em; }

.rui-cta-panels.twopanels .tablets p { margin-bottom: 20px; }

.rui-cta-panels.twopanels .second--panel .lead-banner::before { width: 36%; }

.rui-cta-panels.twopanels .second--panel .lead-banner::after { width: 36%; }

.rui-cta-panels.twopanels .second--panel h3 { font-size: 0.85em; font-weight: 900; text-align: left; margin-left: 15px; margin-right: 15px; }

.rui-cta-panels.twopanels .second--panel ul { text-align: left; margin-left: 15px; margin-right: 15px; margin-bottom: 20px; }

.rui-cta-panels.twopanels .second--panel a.hook-me-up-btn { float: right; margin-right: 30px; margin-top: 20px; }

@media (max-width: 767px) { .rui-cta-panels.twopanels div[class*='--panel'] { margin: 0 15px; margin-top: 75px; }
  .rui-cta-panels.twopanels div.second--panel { margin-top: 2em; margin-bottom: 3em; }
  .rui-cta-panels.twopanels div[class*='--panel'] i[class*="-wireless"] { font-size: 2.4em; }
  .rui-cta-panels.twopanels div[class*='--panel'] i[class*="-internet"] { font-size: 2.6em; }
  .rui-cta-panels.twopanels div.fido-content-wrapper { margin-top: 20px; }
  .rui-cta-panels.twopanels .second--panel a.hook-me-up-btn { width: 270px; margin-top: 0px; margin-bottom: 30px; } }

@media (min-width: 768px) { .rui-cta-panels.twopanels div[class*='--panel'] { position: relative; text-align: center; }
  .rui-cta-panels.twopanels div[class*='--panel'] i[class*="rui-icon"] { width: auto; height: 70px; margin-bottom: 0; font-size: 2.5em; color: #000; display: block; }
  .rui-cta-panels.twopanels div[class*='--panel'] i[class*="-wireless"] { font-size: 3.3em; top: 0; padding-top: 5px; }
  .rui-cta-panels.twopanels div[class*='--panel'] i[class*="-internet"] { font-size: 3.5em; }
  .rui-cta-panels.twopanels div[class*='--panel'] .lead-banner { width: 100%; padding-left: 15px; padding-right: 15px; letter-spacing: 0; text-transform: uppercase; margin-bottom: .4em; position: relative; z-index: 99; }
  .rui-cta-panels.twopanels div[class*='--panel'] .lead-banner::before, .rui-cta-panels.twopanels div[class*='--panel'] .lead-banner::after { content: ''; width: 33%; position: absolute; top: .6em; }
  .rui-cta-panels.twopanels div[class*='--panel'] .lead-banner::before { height: 30px; border-right: 0; left: 0; width: 44%; }
  .rui-cta-panels.twopanels div[class*='--panel'] .lead-banner::after { height: 150px; border-left: 0; right: 0; }
  .rui-cta-panels.twopanels div[class*='--panel'] p { line-height: 1.42857143; }
  .rui-cta-panels.twopanels div[class*='--panel'] i[class*="-circle"] { position: absolute; display: inline-block; height: auto; font-size: .75em; color: #B19800; }
  .rui-cta-panels.twopanels div[class*='--panel'] i[class*="-circle"]:nth-last-of-type(2) { left: -5px; top: 130px; }
  .rui-cta-panels.twopanels div[class*='--panel'] i[class*="-circle"]:last-of-type { right: 0; }
  .rui-cta-panels.twopanels div[class*='--panel'] .deals, .rui-cta-panels.twopanels div[class*='--panel'] .tablets { width: 50%; float: left; padding: 0 15px; }
  .rui-cta-panels.twopanels div[class*='--panel'] .button-primary, .rui-cta-panels.twopanels div[class*='--panel'] .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div[class*='--panel'] input[type="submit"], .rui-cta-panels.twopanels div[class*='--panel'] .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div[class*='--panel'] [type="submit"]#modal-global-search, .rui-cta-panels.twopanels div[class*='--panel'] .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-cta-panels.twopanels div[class*='--panel'] input[type=submit], .rui-cta-panels.twopanels div[class*='--panel'] .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-cta-panels.twopanels div[class*='--panel'] [type=submit]#modal-global-search, .rui-cta-panels.twopanels div[class*='--panel'] .button-secondary, .rui-cta-panels.twopanels div[class*='--panel'] .rui-promotion .rui-cta-badge, .rui-promotion .rui-cta-panels.twopanels div[class*='--panel'] .rui-cta-badge { width: 40%; float: left; margin-bottom: 30px; }
  .rui-cta-panels.twopanels div[class*='--panel'] .button-primary:first-of-type, .rui-cta-panels.twopanels div[class*='--panel'] .rui-support-article footer .article-feedback .feedback-input input[type="submit"]:first-of-type, .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div[class*='--panel'] input[type="submit"]:first-of-type, .rui-cta-panels.twopanels div[class*='--panel'] .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search:first-of-type, .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div[class*='--panel'] [type="submit"]#modal-global-search:first-of-type, .rui-cta-panels.twopanels div[class*='--panel'] .rui-support-article #modal-email input[type=submit]:first-of-type, .rui-support-article #modal-email .rui-cta-panels.twopanels div[class*='--panel'] input[type=submit]:first-of-type, .rui-cta-panels.twopanels div[class*='--panel'] .rui-support-article #modal-email [type=submit]#modal-global-search:first-of-type, .rui-support-article #modal-email .rui-cta-panels.twopanels div[class*='--panel'] [type=submit]#modal-global-search:first-of-type, .rui-cta-panels.twopanels div[class*='--panel'] .button-secondary:first-of-type, .rui-cta-panels.twopanels div[class*='--panel'] .rui-promotion .rui-cta-badge:first-of-type, .rui-promotion .rui-cta-panels.twopanels div[class*='--panel'] .rui-cta-badge:first-of-type { color: #000; background-color: #FEE600; }
  .rui-cta-panels.twopanels div[class*='--panel'] .button-primary:last-of-type, .rui-cta-panels.twopanels div[class*='--panel'] .rui-support-article footer .article-feedback .feedback-input input[type="submit"]:last-of-type, .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div[class*='--panel'] input[type="submit"]:last-of-type, .rui-cta-panels.twopanels div[class*='--panel'] .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search:last-of-type, .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div[class*='--panel'] [type="submit"]#modal-global-search:last-of-type, .rui-cta-panels.twopanels div[class*='--panel'] .rui-support-article #modal-email input[type=submit]:last-of-type, .rui-support-article #modal-email .rui-cta-panels.twopanels div[class*='--panel'] input[type=submit]:last-of-type, .rui-cta-panels.twopanels div[class*='--panel'] .rui-support-article #modal-email [type=submit]#modal-global-search:last-of-type, .rui-support-article #modal-email .rui-cta-panels.twopanels div[class*='--panel'] [type=submit]#modal-global-search:last-of-type, .rui-cta-panels.twopanels div[class*='--panel'] .button-secondary:last-of-type, .rui-cta-panels.twopanels div[class*='--panel'] .rui-promotion .rui-cta-badge:last-of-type, .rui-promotion .rui-cta-panels.twopanels div[class*='--panel'] .rui-cta-badge:last-of-type { float: right; }
  .rui-cta-panels.twopanels div[class*='--panel'] .deals { padding-right: 40px; }
  .rui-cta-panels.twopanels div[class*='--panel'] .deals img { max-width: 40%; width: 34%; margin-bottom: 15px; }
  .rui-cta-panels.twopanels div[class*='--panel'] .deals .prepaid { clear: both; padding-top: 30px; }
  .rui-cta-panels.twopanels div[class*='--panel'] .deals .prepaid::before { content: ""; background-image: url("img/horiz-divider.png"); display: block; width: 100%; height: 5px; position: relative; top: -30px; background-size: cover; }
  .rui-cta-panels.twopanels div[class*='--panel'] .deals .prepaid p { float: left; width: 47%; margin-top: -.2em; }
  .rui-cta-panels.twopanels div[class*='--panel'] .deals .prepaid .button-secondary, .rui-cta-panels.twopanels div[class*='--panel'] .deals .prepaid .rui-promotion .rui-cta-badge, .rui-promotion .rui-cta-panels.twopanels div[class*='--panel'] .deals .prepaid .rui-cta-badge { color: #FFF; background-color: #5C6770; margin-top: 5px; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets { margin: 0; padding-left: 15px; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets img { position: absolute; display: block; margin-right: 5px; max-width: 50%; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets .fido-img-border::before { content: ''; display: block; border: 0 none transparent; position: absolute; top: -1em; bottom: -25px; width: 50%; height: 75px; background: url("img/hero-expander.png") scroll center bottom no-repeat transparent; background-size: 120% 50%; text-align: center; -webkit-transform: scaleX(-1) rotate(180deg); -moz-transform: scaleX(-1) rotate(180deg); -ms-transform: scaleX(-1) rotate(180deg); -o-transform: scaleX(-1) rotate(180deg); transform: scaleX(-1) rotate(180deg); position: absolute; z-index: 1; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets .fido-img-border::after { position: absolute; left: -35%; bottom: -9em; width: 75%; height: 75px; background-size: 120% 50%; text-align: center; -webkit-transform: scaleX(-1) translate(-50%) rotate(90deg); -moz-transform: scaleX(-1) translate(-50%) rotate(90deg); -ms-transform: scaleX(-1) translate(-50%) rotate(90deg); -o-transform: scaleX(-1) translate(-50%) rotate(90deg); transform: scaleX(-1) translate(-50%) rotate(90deg); }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets .fido-content-wrapper { position: relative; z-index: 9; padding-top: 50px; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets .fido-content-wrapper h4 { padding-left: 130px; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets h3 { font-size: 1em; font-weight: 900; margin-top: 4.3em; margin-bottom: 1.5em; width: 56%; float: right; clear: both; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets p { width: 58%; float: right; clear: both; margin-bottom: 10px; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets .button-primary, .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div[class*='--panel'] .tablets input[type="submit"], .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div[class*='--panel'] .tablets [type="submit"]#modal-global-search, .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-cta-panels.twopanels div[class*='--panel'] .tablets input[type=submit], .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-cta-panels.twopanels div[class*='--panel'] .tablets [type=submit]#modal-global-search, .rui-cta-panels.twopanels div[class*='--panel'] .tablets .button-secondary, .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-promotion .rui-cta-badge, .rui-promotion .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-cta-badge { color: #000; background-color: #FEE600; width: 40%; float: right; margin-top: 1.8em; clear: both; }
  .rui-cta-panels.twopanels div.first--panel { float: left; width: 66%; margin-right: 1%; }
  .rui-cta-panels.twopanels div.second--panel { display: inline-block; width: 28%; margin-left: 5%; }
  .rui-cta-panels.twopanels div.second--panel h3 { font-size: .7em; margin-top: 2em; }
  .rui-cta-panels.twopanels div.second--panel ul { margin-top: 1em; margin-bottom: 1em; }
  .rui-cta-panels.twopanels div.second--panel .button-primary, .rui-cta-panels.twopanels div.second--panel .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div.second--panel input[type="submit"], .rui-cta-panels.twopanels div.second--panel .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div.second--panel [type="submit"]#modal-global-search, .rui-cta-panels.twopanels div.second--panel .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-cta-panels.twopanels div.second--panel input[type=submit], .rui-cta-panels.twopanels div.second--panel .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-cta-panels.twopanels div.second--panel [type=submit]#modal-global-search, .rui-cta-panels.twopanels div.second--panel .button-secondary, .rui-cta-panels.twopanels div.second--panel .rui-promotion .rui-cta-badge, .rui-promotion .rui-cta-panels.twopanels div.second--panel .rui-cta-badge { font-size: .7em; margin-top: 1.2em; margin-right: 30px; }
  .rui-cta-panels.twopanels div.first--panel .lead-banner::after { height: 100px; width: 44%; }
  .rui-cta-panels.twopanels div.first--panel i[class*="-circle"]:last-of-type { right: -6px; top: 185px; }
  .rui-cta-panels.twopanels div.second--panel .lead-banner::before, .rui-cta-panels.twopanels div.second--panel .lead::after { width: 32%; }
  .rui-cta-panels.twopanels div.second--panel .lead-banner::before { height: 12.7em; }
  .rui-cta-panels.twopanels div.second--panel .lead-banner::after { height: 14em; }
  .rui-cta-panels.twopanels div.second--panel .package-label { margin-top: 65px; }
  .rui-cta-panels.twopanels div.second--panel i[class*="-circle"]:nth-last-of-type(2) { left: -25px; top: 86%; background-image: url("img/modem-drawing.png"); background-size: contain; width: 4.2em; height: 4.9em; }
  .rui-cta-panels.twopanels div.second--panel i[class*="-circle"]:nth-last-of-type(2)::before { display: none; }
  .rui-cta-panels.twopanels div.second--panel i[class*="-circle"]:last-of-type { right: -.45em; bottom: 3%; } }

@media (min-width: 768px) and (max-width: 1199px) { .rui-cta-panels.twopanels div[class*='--panel'] .deals { margin-top: .4em; }
  .rui-cta-panels.twopanels div[class*='--panel'] .deals .prepaid p { width: 55%; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets { padding-top: 2em; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets img { max-width: 50%; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets h3 { margin-top: 3.3em; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets .button-primary, .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div[class*='--panel'] .tablets input[type="submit"], .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div[class*='--panel'] .tablets [type="submit"]#modal-global-search, .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-cta-panels.twopanels div[class*='--panel'] .tablets input[type=submit], .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-cta-panels.twopanels div[class*='--panel'] .tablets [type=submit]#modal-global-search, .rui-cta-panels.twopanels div[class*='--panel'] .tablets .button-secondary, .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-promotion .rui-cta-badge, .rui-promotion .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-cta-badge { margin-top: 1.7em; } }

@media (min-width: 768px) and (max-width: 991px) { .rui-cta-panels.twopanels div[class*='--panel'] .deals { padding-right: 20px; }
  .rui-cta-panels.twopanels div[class*='--panel'] .deals .prepaid { padding-top: 15px; }
  .rui-cta-panels.twopanels div[class*='--panel'] .deals .prepaid::before { top: -20px; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets img { max-width: 55%; top: .2em; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets .fido-img-border::after { bottom: -9.5em; width: 80%; left: -40%; }
  .rui-cta-panels.twopanels div[class*='--panel'] .tablets .button-primary, .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div[class*='--panel'] .tablets input[type="submit"], .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-cta-panels.twopanels div[class*='--panel'] .tablets [type="submit"]#modal-global-search, .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-cta-panels.twopanels div[class*='--panel'] .tablets input[type=submit], .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-cta-panels.twopanels div[class*='--panel'] .tablets [type=submit]#modal-global-search, .rui-cta-panels.twopanels div[class*='--panel'] .tablets .button-secondary, .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-promotion .rui-cta-badge, .rui-promotion .rui-cta-panels.twopanels div[class*='--panel'] .tablets .rui-cta-badge { margin-top: .2em; }
  .rui-cta-panels.twopanels div.second--panel .lead-banner::before { height: 13.5em; }
  .rui-cta-panels.twopanels div.second--panel .lead-banner::after { height: 18em; }
  .rui-cta-panels.twopanels div.second--panel h3 { margin-top: 2.3em; } }

html[lang="fr"] .rui-cta-panels.twopanels div[class*="--panel"] .tablets .fido-content-wrapper { padding-top: 40px; }

html[lang="fr"] .rui-cta-panels.twopanels div.second--panel .package-label { margin-top: 55px; }

html[lang="fr"] .rui-cta-panels.twopanels div.second--panel .lead-banner::before { height: 10.5em; }

html[lang="fr"] .rui-cta-panels.twopanels div.second--panel .lead-banner::after { height: 15em; }

.fido-side-menu { z-index: 99; top: 345px; width: 100%; height: 50px; background-color: #00AFAA; text-align: center; left: 0; }

.fido-side-menu .bubble { height: 100%; display: inline-block; width: 30%; text-align: center; vertical-align: middle; font-size: 14px; font-weight: 600; color: #000; position: relative; line-height: 1.25; }

.fido-side-menu .bubble::before { content: " "; display: inline-block; height: 100%; vertical-align: middle; }

.fido-side-menu .bubble::after { content: ""; border-right: 1px solid #2D2C2C; position: absolute; top: 15%; height: 70%; right: 0; }

.fido-side-menu .bubble:last-child::after { display: none; }

.fido-side-menu .bubble span { display: inline-block; vertical-align: middle; padding-left: 5px; padding-right: 5px; }

@media (min-width: 768px) { .fido-side-menu { width: 109px; height: 373px; position: fixed; left: auto; top: 130px; margin-left: -55px; background-image: url("img/sidemenu-bg.png"); background-repeat: no-repeat; background-color: transparent; }
  .fido-side-menu .bubble { width: 100%; height: 106px; margin-bottom: 14px; display: block; padding-top: .4em; }
  .fido-side-menu .bubble::before { font-family: fido-icon; font-size: 4.5rem; font-weight: normal; height: auto; }
  .fido-side-menu .bubble::after { display: none; }
  .fido-side-menu .bubble span { width: 100%; font-size: .85em; padding: 0 1.5em; }
  .fido-side-menu .login.bubble { padding-top: 1.4em; }
  .fido-side-menu .login.bubble::before { content: '\e801'; font-size: 4rem; }
  .fido-side-menu .login.bubble span { margin-top: .4em; }
  .fido-side-menu .community.bubble::before { content: '\e81b'; font-size: 5.2rem; }
  .fido-side-menu .community.bubble span { margin-top: -.7em; font-weight: 600; line-height: 1; }
  .fido-side-menu .support.bubble::before { content: '\e848'; }
  .fido-side-menu .support.bubble span { margin-top: -.2em; } }

.rui-contactus-filters { clear: left; padding: 0 15px; padding-top: 0.1em; }

.rui-contactus-filters header { position: relative; }

.rui-contactus-filters header h3 { margin-bottom: 1em; }

.rui-contactus-filters header a { position: absolute; top: -50px; }

.rui-contactus-filters header a i { margin-right: 0.2em; font-size: 1.3em; vertical-align: middle; }

.rui-contactus-filters ul { padding: 0; margin: 0; text-align: center; }

.rui-contactus-filters ul > li { position: relative; display: inline-block; width: 31%; background: url("img/tab-bg-XL.png") no-repeat; background-size: 100% 80%; padding: 0; margin: 0; font-size: 1.3em; }

.rui-contactus-filters ul > li:first-of-type { float: left; }

.rui-contactus-filters ul > li:last-of-type { float: right; }

@media (min-width: 768px) { .rui-contactus-filters ul > li { font-size: 1.2em; } }

.rui-contactus-filters ul > li.active { background: url("img/tab-bg-XL--active.png") no-repeat; background-size: 100% 100%; }

.rui-contactus-filters ul > li > i { position: absolute; left: 50%; top: -3%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: 100% auto; background-repeat: no-repeat; display: block; width: 1.6em; height: 1.4em; }

.rui-contactus-filters ul > li > i::before { content: ''; }

.rui-contactus-filters ul > li > i.rui-icon-wireless { background-image: url("img/tab-wireless-big.png"); }

.rui-contactus-filters ul > li.active > i.rui-icon-wireless { background-image: url("img/tab-wireless-big--active.png"); }

.rui-contactus-filters ul > li > i.rui-icon-internet { background-image: url("img/tab-internet-big.png"); }

.rui-contactus-filters ul > li.active > i.rui-icon-internet { background-image: url("img/tab-internet-big--active.png"); }

.rui-contactus-filters ul > li > i.rui-icon-account-anon { background-image: url("img/tab-account-anon-big.png"); }

.rui-contactus-filters ul > li.active > i.rui-icon-account-anon { background-image: url("img/tab-account-anon-big--active.png"); }

.rui-contactus-filters ul > li.active > i.rui-icon-internet, .rui-contactus-filters ul > li > i.rui-icon-internet { top: 3%; }

.rui-contactus-filters ul > li.active > i.rui-icon-account, .rui-contactus-filters ul > li > i.rui-icon-account { top: -7%; }

.rui-contactus-filters ul > li > a { position: absolute; left: 0; top: 0; right: 0; bottom: 1em; text-align: center; color: #000; text-transform: uppercase; }

.rui-contactus-filters ul > li > a span { position: absolute; display: block; top: 55%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; max-height: 2em; overflow: hidden; }

@media (max-width: 767px) { .rui-contactus-filters ul li { height: 100px; font-size: 1em; margin-right: 5px; }
  .rui-contactus-filters ul li i { display: none; }
  .rui-contactus-filters header { margin-top: 30px; }
  .rui-contactus-filters header a span { position: relative; top: 3px; } }

@media (min-width: 768px) { .rui-contactus-filters { padding-top: 0; }
  .rui-contactus-filters header { display: block; }
  .rui-contactus-filters header::after { clear: both; content: ""; display: table; }
  .rui-contactus-filters header h3 { margin: 0; float: left; font-size: 1.71em; }
  .rui-contactus-filters header a { position: static; float: right; padding-top: 8px; }
  .rui-contactus-filters header a i { margin-right: 0.2em; font-size: 1.5em; vertical-align: middle; }
  .rui-contactus-filters ul { margin-top: 5.2em; } }

.rui-contactus-related { margin: 3em 15px; margin-top: 1.5em; }

.rui-contactus-related::after { clear: both; content: ""; display: table; }

.rui-contactus-related header h3 { font-size: 24px; margin: 0; font-weight: 900; }

.rui-contactus-related header a { float: none; display: block; margin-top: 1.4em; margin-bottom: 1.4em; }

.rui-contactus-related header a .rui-icon-button-right { margin-left: 0.5em; vertical-align: middle; }

.rui-contactus-related div h3 { font-size: 1.8em; font-weight: 700; }

.rui-contactus-related div ul { margin: 0 0 1em 0; padding: 0 0 0 0.5em; list-style: none; color: #055D67; }

.rui-contactus-related div ul li { font-size: 1.55em; font-weight: 600; margin: 0; margin-bottom: .25em; padding: 0; text-indent: -0.4em; margin-left: 5px; }

.rui-contactus-related div ul li::before { color: #055D67; font-size: 4px; position: relative; left: -5px; top: -3px; content: '\e631'; font-family: fido-icon; }

.rui-contactus-related .popularFAQ { width: 100%; margin-right: 4em; text-align: left; }

.rui-contactus-related .popularFAQ p .button-primary, .rui-contactus-related .popularFAQ p .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-contactus-related .popularFAQ p input[type="submit"], .rui-contactus-related .popularFAQ p .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-contactus-related .popularFAQ p [type="submit"]#modal-global-search, .rui-contactus-related .popularFAQ p .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-contactus-related .popularFAQ p input[type=submit], .rui-contactus-related .popularFAQ p .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-contactus-related .popularFAQ p [type=submit]#modal-global-search { border: none; display: inline-block; line-height: 38px; background: url("img/button-gray-bgFR.png") no-repeat; background-size: 100% 36px; background-position: 0 2px; padding: 0 1em; color: #055D67; text-transform: none; font-weight: 600; }

.rui-contactus-related .popularFAQ p .button-primary::after, .rui-contactus-related .popularFAQ p .rui-support-article footer .article-feedback .feedback-input input[type="submit"]::after, .rui-support-article footer .article-feedback .feedback-input .rui-contactus-related .popularFAQ p input[type="submit"]::after, .rui-contactus-related .popularFAQ p .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search::after, .rui-support-article footer .article-feedback .feedback-input .rui-contactus-related .popularFAQ p [type="submit"]#modal-global-search::after, .rui-contactus-related .popularFAQ p .rui-support-article #modal-email input[type=submit]::after, .rui-support-article #modal-email .rui-contactus-related .popularFAQ p input[type=submit]::after, .rui-contactus-related .popularFAQ p .rui-support-article #modal-email [type=submit]#modal-global-search::after, .rui-support-article #modal-email .rui-contactus-related .popularFAQ p [type=submit]#modal-global-search::after { font-family: fido-icon; font-weight: normal; padding: 0 0.5em; vertical-align: middle; }

.rui-contactus-related .rui-contactus-toolbox { width: 100%; margin-top: 3em; margin-bottom: 1em; text-align: left; }

.rui-contactus-related .rui-contactus-toolbox p { font-size: 1.6em; font-weight: 700; margin-top: .5em; }

.rui-contactus-related .rui-contactus-toolbox .button-primary, .rui-contactus-related .rui-contactus-toolbox .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-contactus-related .rui-contactus-toolbox input[type="submit"], .rui-contactus-related .rui-contactus-toolbox .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-contactus-related .rui-contactus-toolbox [type="submit"]#modal-global-search, .rui-contactus-related .rui-contactus-toolbox .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-contactus-related .rui-contactus-toolbox input[type=submit], .rui-contactus-related .rui-contactus-toolbox .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-contactus-related .rui-contactus-toolbox [type=submit]#modal-global-search { width: 100%; text-align: center; font-size: 2em; line-height: 1.5; font-weight: 800; position: relative; padding: 0 0.7em; padding-top: .2em; margin-top: 1em; }

@media (min-width: 768px) { .rui-contactus-related { margin-top: 3em; text-align: center; }
  .rui-contactus-related header { text-align: left; margin-bottom: 1em; margin-right: 15px; }
  .rui-contactus-related header h3 { font-size: 1.71em; display: inline-block; }
  .rui-contactus-related header a { float: right; margin: 0; }
  .rui-contactus-related div h3 { font-size: 1.5em; }
  .rui-contactus-related div ul li { font-size: 1em; font-weight: 600; padding: 0 5px; }
  .rui-contactus-related .popularFAQ { width: 40%; float: left; }
  .rui-contactus-related .popularFAQ p .button-primary, .rui-contactus-related .popularFAQ p .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-contactus-related .popularFAQ p input[type="submit"], .rui-contactus-related .popularFAQ p .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-contactus-related .popularFAQ p [type="submit"]#modal-global-search, .rui-contactus-related .popularFAQ p .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-contactus-related .popularFAQ p input[type=submit], .rui-contactus-related .popularFAQ p .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-contactus-related .popularFAQ p [type=submit]#modal-global-search { font-weight: 600; }
  .rui-contactus-related .popularFAQ .french-link { width: 345px; }
  .rui-contactus-related .rui-contactus-toolbox { width: 40%; display: inline-block; margin-top: 0; }
  .rui-contactus-related .rui-contactus-toolbox p { font-size: 1.3em; margin-top: 1em; }
  .rui-contactus-related .rui-contactus-toolbox .button-primary, .rui-contactus-related .rui-contactus-toolbox .rui-support-article footer .article-feedback .feedback-input input[type="submit"], .rui-support-article footer .article-feedback .feedback-input .rui-contactus-related .rui-contactus-toolbox input[type="submit"], .rui-contactus-related .rui-contactus-toolbox .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search, .rui-support-article footer .article-feedback .feedback-input .rui-contactus-related .rui-contactus-toolbox [type="submit"]#modal-global-search, .rui-contactus-related .rui-contactus-toolbox .rui-support-article #modal-email input[type=submit], .rui-support-article #modal-email .rui-contactus-related .rui-contactus-toolbox input[type=submit], .rui-contactus-related .rui-contactus-toolbox .rui-support-article #modal-email [type=submit]#modal-global-search, .rui-support-article #modal-email .rui-contactus-related .rui-contactus-toolbox [type=submit]#modal-global-search { margin-top: 1.5em; font-size: 1.5em; width: 12em; }
  .rui-contactus-related .rui-contactus-toolbox .button-primary::after, .rui-contactus-related .rui-contactus-toolbox .rui-support-article footer .article-feedback .feedback-input input[type="submit"]::after, .rui-support-article footer .article-feedback .feedback-input .rui-contactus-related .rui-contactus-toolbox input[type="submit"]::after, .rui-contactus-related .rui-contactus-toolbox .rui-support-article footer .article-feedback .feedback-input [type="submit"]#modal-global-search::after, .rui-support-article footer .article-feedback .feedback-input .rui-contactus-related .rui-contactus-toolbox [type="submit"]#modal-global-search::after, .rui-contactus-related .rui-contactus-toolbox .rui-support-article #modal-email input[type=submit]::after, .rui-support-article #modal-email .rui-contactus-related .rui-contactus-toolbox input[type=submit]::after, .rui-contactus-related .rui-contactus-toolbox .rui-support-article #modal-email [type=submit]#modal-global-search::after, .rui-support-article #modal-email .rui-contactus-related .rui-contactus-toolbox [type=submit]#modal-global-search::after { font-family: fido-icon; content: '\e848'; color: #055D67; font-size: 3em; font-weight: normal; margin: 0 0.25em; position: absolute; right: -1.05em; top: -0.6em; } }

.rui-contactus-connectwithus { background-color: #EEEEEE; }

.rui-contactus-connectwithus::after { content: ''; display: block; background-image: url("img/horiz-bottom-border.png"); background-position: bottom; background-repeat: no-repeat; background-size: 100%; position: relative; z-index: -1; bottom: -7px; }

.rui-contactus-connectwithus header { border: 3px solid #ddd; border-width: 0 0 3px 0; padding-top: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 1.5em; margin-bottom: .5em; }

.rui-contactus-connectwithus header h3 { font-weight: 900; font-size: 2em; margin-top: 0; margin-bottom: 15px; }

.rui-contactus-connectwithus header a { text-align: center; }

.rui-contactus-connectwithus header a .rui-icon-live-chat { font-size: 7em; display: block; }

.rui-contactus-connectwithus header a span { display: block; font-size: 1.7em; font-weight: 600; }

.rui-contactus-connectwithus .connectwithus-links ul { list-style-type: none; font-size: 1.7em; font-weight: 700; line-height: 3.5; }

.rui-contactus-connectwithus .connectwithus-links ul li a { padding-top: 15px; padding-bottom: 15px; position: relative; }

.rui-contactus-connectwithus .connectwithus-links ul li a i[class*="rui-icon"] { font-size: 1.7em; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.rui-contactus-connectwithus .connectwithus-links ul li a span { padding-left: 13%; width: 100%; display: inline-block; line-height: 1; }

.rui-contactus-connectwithus .connectwithus-links ul li a + span { position: relative; padding-left: 13%; float: left; line-height: 1; margin-top: -1em; font-weight: 600; font-size: .85em; }

.rui-contactus-connectwithus .connectwithus-links ul li a + span .rui-icon-info { position: absolute; top: -3px; margin-left: 10px; color: #055D67; font-size: 1.2em; }

@media (min-width: 768px) { .rui-contactus-connectwithus { margin-left: 15px; margin-right: 15px; -webkit-border-image: url(img/borderstrokes-cropped.png) 0 9 7 0 stretch; border-image: url(img/borderstrokes-cropped.png) 0 9 7 0 stretch; border-style: solid; border-width: 7px 7px; border-image-outset: 0 5px 7px 0; }
  .rui-contactus-connectwithus::after { clear: both; content: ""; display: table; }
  .rui-contactus-connectwithus header { width: 33%; border-width: 0 2px 0 0; float: left; }
  .rui-contactus-connectwithus header h3 { text-align: center; margin-bottom: 1em; }
  .rui-contactus-connectwithus header a .rui-icon-live-chat { font-size: 5em; }
  .rui-contactus-connectwithus header a span { font-size: 1.5em; }
  .rui-contactus-connectwithus .connectwithus-links { height: 15em; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; padding-left: 5em; width: 66%; }
  .rui-contactus-connectwithus .connectwithus-links ul { font-size: 1.3em; padding-left: 0; } }

.rui-contactus-cta { padding: 0 15px; margin-top: 2.5em; margin-left: auto; margin-right: auto; clear: both; }

.rui-contactus-cta .more-help::after { content: ''; display: block; width: 100%; height: 5px; background: url("img/horiz-divider.png") no-repeat; background-position: center top; background-size: 105% 5px; position: relative; }

.rui-contactus-cta .give-feedback a { margin-bottom: 0; }

.rui-contactus-cta div h3 { font-weight: 900; font-size: 2em; }

.rui-contactus-cta div a { color: #055D67; margin-bottom: .5em; display: block; }

.rui-contactus-cta div a::after { font-family: fido-icon; font-weight: normal; padding: 0 0.5em; position: relative; }

@media (max-width: 767px) { .rui-contactus-cta { margin-top: 0.5em; }
  .rui-contactus-cta .more-help::after { margin: 25px 0; } }

@media (min-width: 768px) { .rui-contactus-cta { padding: 0; margin-top: 6em; margin-bottom: 0; }
  .rui-contactus-cta .more-help { position: relative; width: 25%; float: left; margin-right: 8%; margin-left: 1%; }
  .rui-contactus-cta .more-help::before { font-family: fido-icon; content: '\e81c'; font-weight: normal; font-size: 4em; position: absolute; top: -35px; left: -35px; color: #f3f0d9; z-index: -1; }
  .rui-contactus-cta .more-help::after { width: 10.7em; height: .4em; position: absolute; right: -2em; top: 50%; -webkit-transform: translateX(50%) rotate(-90deg); -moz-transform: translateX(50%) rotate(-90deg); -ms-transform: translateX(50%) rotate(-90deg); -o-transform: translateX(50%) rotate(-90deg); transform: translateX(50%) rotate(-90deg); }
  .rui-contactus-cta .give-feedback { width: 60%; }
  .rui-contactus-cta .give-feedback a { margin-bottom: .3em; }
  .rui-contactus-cta > div { display: inline-block; }
  .rui-contactus-cta > div h3 { font-size: 1.7em; font-weight: 800; width: auto; margin-bottom: 0; }
  .rui-contactus-cta > div > div { width: 30%; display: inline-block; margin-right: 5%; vertical-align: top; }
  .rui-contactus-cta > div > div:last-of-type { margin-right: 0; } }

#modal-chat .modal-header { padding-top: 3.5em; }

#modal-chat .modal-header .modal-title { font-size: 3em; font-weight: 700; line-height: 1.2; }

#modal-chat .modal-body { padding-bottom: 4em; }

#modal-chat .modal-body .chat-type:first-of-type { margin-bottom: 5em; }

#modal-chat .modal-body .chat-type:first-of-type::after { content: ''; display: block; width: 100%; height: 5px; background: url("img/horiz-divider.png") no-repeat; background-position: center top; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background-size: 105% 5px; position: relative; top: 20px; }

#modal-chat .modal-body i[class*="rui-icon"] { display: none; }

#modal-chat .modal-body h4 { position: relative; font-size: 1.8em; font-weight: 700; margin-top: 0; }

#modal-chat .modal-body i.rui-icon-info { display: inline-block; margin-left: 5px; color: #055D67; }

#modal-chat .modal-body #technical-chat-info { margin-left: 10px; }

#modal-chat .modal-body .chat-info { margin-top: .7em; position: absolute; border: none; -webkit-border-image: url(img/popup-arrow-up.png) 35 5 5 5 stretch; border-image: url(img/popup-arrow-up.png) 35 5 5 5 stretch; border-style: solid; border-width: 20px 3px 3px 3px; font-size: 0.7em; font-weight: 400; z-index: 9; left: 2.8em; }

#modal-chat .modal-body .chat-info .chat-info-content { background-color: #fff; padding: 1.5em 2.5em 0.5em; }

#modal-chat .modal-body .chat-info h3 { margin: 0; margin-bottom: 10px; text-transform: uppercase; font-size: 1.1em; font-weight: 900; color: #B19800; }

#modal-chat .modal-body .chat-info ul { list-style-type: none; padding: 0; }

#modal-chat .modal-body .chat-info ul li { line-height: 1; font-size: 1.4em; margin-bottom: 15px; }

#modal-chat .modal-body .chat-info ul li .days { font-weight: 700; margin-bottom: 5px; }

#modal-chat .modal-body .chat-info ul li:last-of-type { margin-bottom: 0; }

#modal-chat .modal-body ul li { font-size: 1.5em; line-height: 1.7; }

#modal-chat .modal-body a[class*="chat-now"] { font-size: 1.8em; font-weight: 700; display: inline-block; }

#modal-chat .modal-body a[class*="chat-now"]::before { font-family: fido-icon; content: '\e820'; font-weight: normal; padding-right: .3em; font-size: 2em; vertical-align: middle; }

#modal-chat .modal-body a[class*="--technical"] { margin-top: .5em; }

#modal-chat .modal-body a[class*="--technical"]::before { content: ''; background-image: url("img/icon-technical.png"); background-size: contain; background-repeat: no-repeat; width: 0.8em; height: 0.8em; display: inline-block; padding-right: 1em; }

@media (min-width: 768px) { #modal-chat .modal-dialog { width: 640px; }
  #modal-chat .modal-header { padding: 4em; padding-bottom: 2em; }
  #modal-chat .modal-header .modal-title { font-size: 2em; padding: 0; }
  #modal-chat .modal-body { padding: 4em; padding-top: 0; }
  #modal-chat .modal-body::after { clear: both; content: ""; display: table; }
  #modal-chat .modal-body .chat-type { float: left; width: 47%; }
  #modal-chat .modal-body .chat-type:first-of-type { margin-bottom: 5em; margin-right: 6%; }
  #modal-chat .modal-body .chat-type:first-of-type::after { -webkit-transform: translateX(50%) rotate(-90deg); -moz-transform: translateX(50%) rotate(-90deg); -ms-transform: translateX(50%) rotate(-90deg); -o-transform: translateX(50%) rotate(-90deg); transform: translateX(50%) rotate(-90deg); right: -0.8em; top: -90px; background-size: 60%; }
  #modal-chat .modal-body i.rui-icon-live-chat, #modal-chat .modal-body i.rui-icon-technical { display: block; font-size: 4.5em; margin-left: 0.6em; margin-bottom: 0.2em; color: #055D67; }
  #modal-chat .modal-body i.rui-icon-technical::before { content: ''; background-image: url("img/icon-technical.png"); background-size: contain; background-repeat: no-repeat; width: 0.8em; height: 0.8em; display: inline-block; padding-right: 1em; }
  #modal-chat .modal-body h4 { font-size: 1.3em; }
  #modal-chat .modal-body .chat-info { -webkit-border-image: url(img/popup-arrow-left.png) 3 3 3 18 stretch; border-image: url(img/popup-arrow-left.png) 3 3 3 18 stretch; border-style: solid; border-width: 3px 3px 3px 20px; margin: 0; width: 15.5em; left: 14em; top: -6em; }
  #modal-chat .modal-body .chat-info .chat-info-content { padding: 2em 1.5em 1em; }
  #modal-chat .modal-body ul li { font-size: 1.15em; font-weight: 300; }
  #modal-chat .modal-body a[class*="chat-now"] { font-size: 1.3em; }
  #modal-chat .modal-body a[class*="chat-now"]::before { display: none; }
  #modal-chat .modal-body a[class*="chat-now"]::after { font-family: fido-icon; content: '\e806'; font-weight: normal; padding: 0 0.5em; font-size: 1.1em; vertical-align: middle; } }

.rui-notcustomer header { padding-top: 20px; padding-left: 15px; padding-right: 15px; }

.rui-notcustomer header h3 { font-weight: 900; font-size: 2em; margin-top: 0; }

.rui-notcustomer .notcustomer-links ul { padding-left: 15px; padding-right: 15px; list-style-type: none; font-size: 1.7em; font-weight: 700; line-height: 3.5; line-height: 1; }

.rui-notcustomer .notcustomer-links ul li { display: block; width: 100%; clear: both; margin-bottom: .5em; padding-left: 2.2em; }

.rui-notcustomer .notcustomer-links ul li .intl-numbers { display: none; }

.rui-notcustomer .notcustomer-links ul li a { display: inline-block; padding-top: 15px; padding-bottom: 5px; position: relative; margin-left: -2.2em; }

.rui-notcustomer .notcustomer-links ul li a i[class*="rui-icon"] { font-size: 1.7em; position: absolute; left: 0; top: 60%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.rui-notcustomer .notcustomer-links ul li a span { padding-left: 2.2em; padding-right: 10px; width: 100%; display: inline-block; line-height: 1.5; }

.rui-notcustomer .notcustomer-links ul li > span:first-of-type { margin-bottom: .5em; }

.rui-notcustomer .notcustomer-links ul li > span { position: relative; width: 100%; display: inline-block; float: left; line-height: 1; font-weight: 600; font-size: .85em; }

.rui-notcustomer .notcustomer-links ul li > span .rui-icon-info { top: -3px; margin-left: 10px; color: #055D67; font-size: 1.2em; }

@media (min-width: 768px) { .rui-notcustomer { width: 65%; float: left; margin-top: 2em; margin-bottom: 3em; }
  .rui-notcustomer header h3 { font-size: 1.71em; }
  .rui-notcustomer .notcustomer-links ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
  .rui-notcustomer .notcustomer-links ul li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
  .rui-notcustomer .notcustomer-links ul li::after { clear: both; content: ""; display: table; }
  .rui-notcustomer .notcustomer-links ul li a span { width: auto; }
  .rui-notcustomer .notcustomer-links ul li .intl-numbers { display: block; }
  .rui-notcustomer .notcustomer-links ul li .rui-cta-badge { margin-left: 0; font-size: .5em; line-height: 1; width: 22em; }
  .rui-notcustomer .notcustomer-links ul li .rui-cta-badge .text { text-transform: none; margin-left: 5px; margin-right: 30px; }
  .rui-notcustomer .notcustomer-links ul li .rui-cta-badge .action { background-color: transparent; }
  .rui-notcustomer .notcustomer-links ul li .rui-cta-badge .action i { position: absolute; color: #B19800; font-size: 1.5em; right: 3px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .rui-notcustomer .notcustomer-links ul li .rui-cta-badge .action i::before { position: relative; z-index: 1; }
  .rui-notcustomer .notcustomer-links ul li .rui-cta-badge .action i::after { content: ""; background-color: #fff; display: inline-block; width: 60%; height: 60%; border-radius: 50%; position: absolute; top: 18%; left: 18%; }
  .rui-notcustomer .notcustomer-links ul li .details { margin-left: 15px; margin-right: 15px; margin-top: 10px; padding-top: 25px; position: absolute; float: left; z-index: 1; }
  .rui-notcustomer .notcustomer-links ul li .details .well { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; width: 16em; border: 2px solid #B19800; border-radius: 0; padding: 20px 20px; padding-bottom: 20px; background-color: #fff; margin: 0; }
  .rui-notcustomer .notcustomer-links ul li .details .well::before { content: ""; display: block; width: 1em; height: 1em; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; border: 2px solid #B19800; border-bottom: none; border-right: none; position: absolute; top: 14px; left: 9em; }
  .rui-notcustomer .notcustomer-links ul li .details .well h3 { font-weight: 900; }
  .rui-notcustomer .notcustomer-links ul li .details .well p { position: relative; z-index: 1; font-size: .85em; } }

@media (min-width: 768px) and (max-width: 359px) { .rui-notcustomer .notcustomer-links ul li .details .well p { font-size: 1.65em; } }

@media (min-width: 768px) { .rui-notcustomer .notcustomer-links ul li .details strong { position: relative; z-index: 1; font-size: 1.25em; font-weight: 600; margin-top: 0.5em; margin-bottom: 0.5em; display: block; }
  .rui-notcustomer .notcustomer-links ul li .details a { color: #055D67; display: inline-block; font-weight: bold; }
  .rui-notcustomer .notcustomer-links ul li .details a i { position: relative; top: 2px; margin-right: 10px; font-size: 1.4em; }
  .rui-notcustomer .notcustomer-links ul li .details a[class*="rui-fido-link"] { display: block; margin-top: 20px; }
  .rui-notcustomer .notcustomer-links ul li .details p + a:last-child { display: inline-block; font-weight: normal; text-transform: uppercase; margin-top: 0.5em; padding-top: .5em; }
  .rui-notcustomer .notcustomer-links ul li .details p + a:last-child:hover { cursor: pointer; }
  .rui-notcustomer .notcustomer-links ul li .details p + a:last-child::before { content: "+"; display: inline-block; } }

.rui-joinus-toolbox { background-color: #EEEEEE; }

.rui-joinus-toolbox::after { content: ''; display: block; height: 27px; background-image: url("img/horiz-bottom-border.png"); background-position: bottom; background-repeat: no-repeat; background-size: 100%; position: relative; z-index: -1; bottom: -7px; }

.rui-joinus-toolbox header { padding-top: 4em; padding-bottom: 0; border: none; }

.rui-joinus-toolbox .connectwithus-links ul { padding-left: 15px; padding-right: 15px; }

.rui-joinus-toolbox .connectwithus-links ul li { line-height: 3; }

.rui-joinus-toolbox .connectwithus-links ul li a i[class*="rui-icon"] { font-size: 1.2em; }

.rui-joinus-toolbox .connectwithus-links ul li a span { vertical-align: middle; }

@media (min-width: 768px) { .rui-joinus-toolbox { width: 30%; display: inline-block; float: right; margin-top: 3em; padding: 10px; }
  .rui-joinus-toolbox.rui-contactus-connectwithus header { width: 100%; }
  .rui-joinus-toolbox header { padding: 0; }
  .rui-joinus-toolbox header h3 { text-align: left; }
  .rui-joinus-toolbox .connectwithus-links ul, .rui-joinus-toolbox .connectwithus-links { width: 100%; padding: 0; -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; } }

/*[class^="col-"] { outline: 1px solid #FAA; }*/
.refunds:after { content: " "; display: block; clear: both; }

.refunds p { font-size: 1.5em; background-color: #FEE600; float: left; padding: 0.3em 1em; margin-bottom: 0.5em; margin-left: 15px; margin-right: 15px; }

@media (min-width: 768px) { .refunds p { padding: 0.3em 1em 0.3em 3.5em; margin-left: -2.5em; } }

#feedback-tab { display: none; }