@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@font-face {
    font-family: Helvetica;
    font-style: normal;
    src: url(https://242660601.fs1.hubspotusercontent-na2.net/hubfs/242660601/QU%20Assets/Helvetica/Helvetica.woff) format("woff"),url(https://242660601.fs1.hubspotusercontent-na2.net/hubfs/242660601/QU%20Assets/Helvetica/Helvetica-Bold.woff) format("woff"),url(https://242660601.fs1.hubspotusercontent-na2.net/hubfs/242660601/QU%20Assets/Helvetica/Helvetica-BoldOblique.woff) format("woff"),url(https://242660601.fs1.hubspotusercontent-na2.net/hubfs/242660601/QU%20Assets/Helvetica/Helvetica-Oblique.woff) format("woff"),url(https://242660601.fs1.hubspotusercontent-na2.net/hubfs/242660601/QU%20Assets/Helvetica/helvetica-light-587ebe5a59211.woff) format("woff"),url(https://242660601.fs1.hubspotusercontent-na2.net/hubfs/242660601/QU%20Assets/Helvetica/helvetica-rounded-bold-5871d05ead8de.woff) format("woff"),url(https://242660601.fs1.hubspotusercontent-na2.net/hubfs/242660601/QU%20Assets/Helvetica/helvetica-compressed-5871d14b6903a.woff) format("woff")
}

:root {
    --largeHeadingColor: #2f322f;
    --primaryColor: #323532;
    --baseLight: #fff;
    --accentLight: #ddd3ba;
    --baseDark: #323532;
    --accentDark: #ff6b35;
    --darkLink: #ddd3ba;
    --darkLinkHover: #ff6b35;
    --btnHoverBg: #ff6b35;
    --btnBorder: #ff6b35;
    --baseFont: "Helvetica","sans-serif";
    --accentFont: "Chakra Petch","sans-serif";
    --interFont: "Inter","sans-serif"
}


main#main-content {
    margin-top: 120px
}

a {
    cursor: pointer
}

h1,h2,h3,h4,h5,h6,li,p,ul {
    margin-top: 0
}

h1,h2,h3,h4,h5,h6 {
    margin-bottom: 14px
}

p {
    margin-bottom: 12px
}

ul {
    padding-left: 30px
}

ol {
    padding-left: 25px
}

ol>li {
    display: list-item
}

ol>li:before {
    display: none
}

iframe {
    aspect-ratio: 16/9;
    max-width: 1200px;
    width: 100%
}

.p_large p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 36px
}

.p_small p {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 22px
}

.pwr--accent-dark {
    background-color: var(--accentDark);
    color: var(--baseDark)
}

.content-wrapper,.wrapper {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding: 0 var(--sp-p-hor-desktop) 0 var(--sp-p-hor-desktop)
}

main .dnd-section>.row-fluid {
    float: none;
    margin: 0 auto;
    max-width: 1280px;
    padding-left: var(--sp-p-hor-desktop);
    padding-right: var(--sp-p-hor-desktop)
}

[class*=-force-full-width-section]>.row-fluid {
    padding: 0!important
}



body                            { font-family: "Chakra Petch", sans-serif; 
                                  background-color: #FFF; 
                                  -webkit-font-smoothing: antialiased; 
                                  -moz-osx-font-smoothing: grayscale; }
@media (max-width: 767px) {
        .lead                   { line-height: 1; }
}
@media (min-width: 768px) {
        body { font-size: 14px; }
}
@media (min-width: 992px) {
        body { font-size: 14px; }
}
@media (min-width: 1200px) {
        body { font-size: 14px; }
}
html, body {
        height: 100%;
        background-color: #F5F0E6;
}
body a:hover, body a:focus, body a:active { text-decoration: none; }
body a:active, body a:focus { outline: none; }
body .btn:hover { font-weight: bold; }

.legal-link,
.rui-promotion .well .legal-link { color:#337AB7; text-transform:uppercase; }

#header                         { margin-bottom: 0; min-height: 90px; display:block; padding: 0;}
#header .container              { position: relative; max-width: 1032px; }
#container, #wrap .container    { min-width:1001px; margin: 0px; padding: 0px; margin-left: auto; margin-right:auto; }
#container                      { min-height:100vh; background-color: #F5F0E6;display: flex; flex-direction: column; }
#wrap                           { flex: 1; overflow-y: auto; }
#wrap .container                { max-width: 1022px; }
#wrap .container > .row         { margin: 0px; }
#header .navbar-header          { position: absolute; top: 0; left: 0px; z-index: 1000; }
#header .navbar-brand           { font-size: 1.28em; padding: 0; float: none; text-indent: -9999px; display: block; background-color: #323532; background-image: url('/images/Qu_Wordmark_Orange.png'); 
                                        background-size: 8.88em auto; width:190px; height: 40px; background-repeat: no-repeat; background-position: center center; }
html[lang=fr] #header .navbar-brand { background-image: url('/images/Qu_Wordmark_Orange.png'); }
#header .navbar-toggle          { background-color: #FF6B35; float:none; position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 0; margin: 0; font-size: 1.4em; line-height: 1; color: #FFF; }
#header #main-menu              { position: relative; background-color: #323532; }
#header .dropdown-menu          { font-size: 1.2em; }
#header #nav-context-bar        { font-weight: 300; }
#header #nav-context-bar #username i { vertical-align: text-bottom; }
#header #nav-context-bar .signedin { margin-right: 10px; }
#header #nav-context-bar form   { display: inline; }
#header #nav-context-bar li:first-child a { color: #FF6B35; }
#header #nav-context-bar .region-header > a { font-weight: bold; border-bottom: 1px solid #EEE; }
#header #nav-actions            { position: absolute; top: 10px; right: 0; }
#header #nav-actions div        { display: block; float: right; padding: 10px; border: 2px solid #FF6B35;}
#header #nav-actions div:hover      { background-color: #FF6B35; }
#header #nav-actions div  a     { color: #DDD3BA;  }
#header #nav-actions div  a:hover     { color: #323532;  }
#header #nav-actions div:hover  a     { color: #323532;  }

@media (max-width: 767px) {
        #header                 { }
        #header #main-menu      { border-bottom: 3px solid #EEE; max-height: none; height: auto !important; width: 250px !important; position: fixed; top: 40px; bottom: 0; z-index: 1002; overflow-x: hidden; overflow-y: scroll; -webkit-transition: left 0.8s ease; -moz-transition: left 0.8s ease; transition: left 0.8s ease; left: -250px; }
        #header #main-menu.in   { left: 0px; }
        #header #main-menu li   { padding: 0 0 0 15px; }
        #header #username       { position: absolute; top: 0; width: 100%; }
        #header .signedin       { display: block; font-size: 1.6em; font-weight: 500; color: #FF6B35; padding: 5px 15px; }
        #header .signedin i     { font-size: 0.7em; }
        #header .signedin > *   { vertical-align: middle; }
        #header #username form a{ display: block; padding: 0 15px; font-weight: 500; }
        #header #user-name      { float: left; width: 100%; overflow: hidden; word-wrap: nowrap; text-overflow: ellipsis; margin-bottom: 10px; }
        #header .navbar-nav     { width: 250px; }
        #header .navbar-nav a   { font-size: 1.7em; color: #DDD3BA; font-weight: 500; }
        #header #nav-main       { margin-top: 40px; }
        #header.status-post #nav-main       { margin-top: 105px; }
        #header #nav-main a:hover,
        #header #nav-main li.active a { color: #FF6B35; background-color: transparent; }
        #header #nav-main a:hover:before,
        #header #nav-main li.active a:before { content:''; background-color: #FF6B35; display: inline-block; width: 5px; border-radius: 0 2px 2px 0; height: 0.98em; vertical-align: bottom; margin-left: -15px; margin-right: 10px; }
        #header #nav-actions    { z-index: 1001; }
        #header #nav-context-bar a { font-size: 1.3em; color: #808284; }
        #header #username a { font-size: 1.7em; }
        #header #nav-context-bar a:hover { background-color: transparent; }
        #header .navbar-header  { background-color: #FF6B35; padding: 0 80px 0 80px; width: 100%; }
        #header .navbar-brand   { margin: 0 auto; width: 120px; background-size: 120px auto; }
        #header .shadow         { top: 40px; left: -100%; bottom: 0px; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 1002; position: fixed; transition: left 0.8s; cursor: pointer; }
        #header .shadow.in      { left: 0%; }
        #header #province a,
        #header #province ul      { display: none; }
        #header #province select  { margin: 0 15px; }
}
@media (min-width: 768px) {
        body                            { padding-top: 0; }
        #header                         { background-color: #323532; border-bottom: 3px solid #EEEEEE; }
        #header .navbar-brand           { margin-left: 0; border-radius: 0 0 10px 10px; background-position: center 54%; width:10.56em; height: 4.8em; }
        #header #main-menu              { height: 2.1em !important; }
        #header #nav-main               { position: absolute; bottom: -3px; right: 8.6em; }
        #header #nav-main li            { border-bottom: 3px solid transparent; transition: all 0.5s; }
        #header #nav-main li.active,
        #header #nav-main li:hover,
        #header #nav-main li:active     { border-color: #FF6B35; }
        #header #nav-main li a          { color: #000; padding: 0.35em 1.1em 0.6em; font-weight: 500; }
        #header #nav-main li a:focus,
        #header #nav-main li a:hover    { background-color: transparent; color: #FF6B35; }
        #header #nav-main li.active a   { color: #FF6B35; font-weight: bold; }
        #header #nav-context-bar        { position: absolute; top: 20px; right: 10em; font-size: 1.25em; color: #999; padding: 0.6em 0.35em; }
        #header #nav-context-bar li     { padding: 0 10px; }
        #header #nav-context-bar li a   { padding: 0; color: #DDD3BA; font-weight: 500; display: inline-block; line-height: 20px; }
        #header #nav-context-bar li a:focus,
        #header #nav-context-bar li a:hover { background-color: transparent; color: #FF6B35; }
        #header #nav-context-bar li li a{ padding: 0.2em 1.4em; color: #333; }
        #header #nav-actions            { right: 0px; }
        #header #nav-actions div a      { font-size: 1em; font-weight: bold; padding-top:0.88em; width: 12.56em; height: 4.08em; line-height: 1.15em; }
        #header #nav-actions div i      { vertical-align: middle; }
        #header #nav-actions #supportline a{ border-radius: 0 0 0 10px; }
        #header #nav-actions #lastupdate a  { border-radius: 0 0 10px 10px; }
        #header .shadow                 { display: none; }
        #header #province select        { display: none; }
}

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

.breadcrumb                     { margin: 25px 15px 0; padding: 0; border-radius: 0; background-color: transparent; }

.breadcrumb .menu               { float: left; padding-left: 0px;}
.breadcrumb .menu li            { display: list-item; float: left; padding-left: 10px; margin-left: 25px; margin-top: 10px; }
.breadcrumb .menu li span       { font-size: 1.5em; vertical-align: middle; }
.breadcrumb .menu li:first-child{ font-size: 1.5em; margin-left: 0; list-style-type: none; margin-top: 0; padding-left: 0;  }
.breadcrumb .menu li a:focus,
.breadcrumb .menu li a:hover    { text-decoration: none; }
.breadcrumb .menu li.bc1,
.breadcrumb .menu li.bc1 a      { font-weight: bold; }
.breadcrumb .menu li.bc2,
.breadcrumb .menu li.bc2 a      { color: #FF6B35; list-style-type: disc; }
.breadcrumb .menu li.bc3,
.breadcrumb .menu li.bc3 a      { color: #DDD3BA; }
@media (min-width: 768px) {
        .breadcrumb                     { margin: 10px 0 0 0; }
        .breadcrumb .menu li            { padding-left: 15px; margin-left: 35px; margin-top: 15px; }
        .breadcrumb .menu li span       { font-size: 2.2em; }
}

h1                              { text-indent: -9999px; font-size: 0; color: transparent; margin: 0; }

.rui-hero-banner                { margin-top: 0; margin-bottom: 5px; }
.rui-hero-banner a:hover        { text-decoration: none; }
.rui-hero-banner .content > div:first-child       { text-align: center; font-size: 1.3em; }
.rui-hero-banner .content > div:first-child,
.rui-hero-banner .content > div:first-child a   { color: #FFF; }
.rui-hero-banner .content > div:first-child p { margin: 5px 0; font-weight: 500; }
.rui-hero-banner .content > div:first-child p.title{ font-size: 2.4em; font-weight: normal; margin-bottom: 0; line-height: 1; }
.rui-hero-banner .content > div:first-child p sup { font-size: 0.4em; vertical-align: super; }
.rui-hero-banner .content > div:first-child a.btn { border: 1px solid #FFF; font-weight: bold; border-radius: 5px; text-transform: uppercase; padding: 3px 30px; font-size: 0.7em; }
.rui-hero-banner .content > div:first-child a.btn:hover { background-color: rgba(0,0,0,0.3); }
.rui-hero-banner .content > div:first-child div { background: url('img/banner-text-bg.png') center center scroll no-repeat; background-size: 100% 100%; padding: 5% 20% 5% 0; }
.rui-hero-banner .rui-hero-menu { font-size: 1.1em; bottom: auto; }
.rui-hero-banner .rui-hero-menu,
.rui-hero-banner .rui-hero-menu a { color: #FFF; }
.rui-hero-banner .menu          { background-color: #FF6B35; text-transform: uppercase; font-size: 0.9em; font-weight: 500; }
.rui-hero-banner .menu span     { vertical-align: middle; }
.rui-hero-banner .menu i        { vertical-align: middle; font-size: 2.5em; }
.rui-hero-banner .rui-cta-items { font-size: 0.8em; font-weight: 500; }
.rui-hero-banner .rui-cta-item  { color: #DDD3BA; font-size: 2em; }
@media (max-width: 767px) {
        .rui-hero-banner .content > div:first-child { padding: 0; }
        .rui-hero-banner .content > div:first-child div { width: 60%; text-align: left; padding: 15px 30px 30px 15px; height: 235px; }
        .rui-hero-banner .content > div:first-child p.title { margin: 0; }
        .rui-hero-banner .menu span { text-indent: -9999px; display: inline-block; width: 1px !important; height: 1px !important; }
}
@media (min-width: 768px) {
        .rui-hero-banner        { margin-bottom: 3.9em; background-size: auto 38.57em; }
        .rui-hero-banner .content { padding-bottom: 18px; }
        .rui-hero-banner .content > div:first-child { text-align: right; }
        .rui-hero-banner .content > div:first-child p.title   { font-size: 4em; padding-bottom: 0; }
        .rui-hero-banner .content > div:first-child a.btn { padding: 7px 50px; font-size: 1em; margin-top: 10px; }
        .rui-hero-banner .rui-hero-menu { bottom: -3.25em; }
        .rui-hero-banner .menu { border-radius: 20px; }
        .rui-hero-banner .menu span     { display: inline-block; max-width: 7.1em; text-align: left;  }
        .rui-hero-banner .menu i        { margin-right: 0.28em; }
        .rui-hero-banner .rui-cta-items { margin-right: 15px; }
        .rui-hero-banner .rui-cta-item { font-size: 1.5em; background-color: rgba(255,255,255,0.9); }
}


.rui-landing-banner                { margin-top: 15px; margin-bottom: 55px; background-repeat: no-repeat; }
.rui-landing-banner .promolink { display: block; position: absolute; top: -70px; right: 15px; background-color: #FFBF3F; font-size: 1.6em; font-weight: 500; padding: 3px 40px; border-radius: 0 15px 15px 15px; color: #DDD3BA; }
.rui-landing-banner .content            { padding-bottom: 25px; }
.rui-landing-banner .content > div:first-child     { text-align: center; font-size: 1.2em; color:black; vertical-align: middle; }
.rui-landing-banner .content > div:first-child i   { font-size: 5em; position: absolute; left: 10%; color: #FF6B35; }
.rui-landing-banner .content > div:first-child p { margin-bottom: 0; }
.rui-landing-banner .content > div:first-child p.title{ font-size: 2em; font-weight: normal; margin-bottom: 0; line-height: 1; }
.rui-landing-banner .content > div:first-child a.btn { color: #FF6B35; border: 1px solid #FF6B35; border-radius: 5px; text-transform: uppercase; padding: 6px 40px; font-size: 1.1em; }
.rui-landing-banner .content > div:first-child a.btn:hover { color: #DDD3BA; }
.rui-landing-banner .rui-hero-menu { font-size: 1.1em; bottom: -35px; }
.rui-landing-banner .rui-hero-menu,
.rui-landing-banner .rui-hero-menu a { color: #FFF; }
.rui-landing-banner .menu          { background-color: #FF6B35; border-radius: 10px; text-transform: uppercase; font-size: 1em; font-weight: 500; }
.rui-landing-banner .menu span     { vertical-align: middle; font-weight: 500; font-size: 1.7em; }
.rui-landing-banner .menu i        { vertical-align: middle; font-size: 2.5em; margin-right: 10px; font-weight: 400; }
.rui-landing-banner .menu span i   { font-size: 1em; margin-left: 10px; line-height: 1.25; vertical-align: text-bottom; }
.rui-landing-banner .rui-cta-items { font-size: 0.8em; }
.rui-landing-banner .rui-cta-item  { font-size: 1.9em; color: #DDD3BA; border-top: 1px solid #BBBDC0; background-color: transparent; }
.rui-landing-banner .rui-cta-item:first-child { border-top: 0 none transparent; }
.rui-landing-banner .rui-cta-item span { vertical-align: middle; }
.rui-landing-banner .rui-cta-item i { font-size: 0.8em; vertical-align: middle; line-height:1.2; }
@media (max-width: 767px) {
        .rui-landing-banner .content { text-align: center; }
        .rui-landing-banner .content > div { text-align: left; }
        .rui-landing-banner .content > div:first-child { overflow: hidden; width: 340px; display: inline-block; }
        .rui-landing-banner .content > div:first-child i { display: block; float: left; position: static; width: 110px; line-height: 1.2; }
        .rui-landing-banner .rui-cta-item i { display: block; float: right; padding: 2px 8px 2px 10px; background-color: #DDD3BA; color: #FFF; font-size: 1.2em; line-height: 1; }
}
@media (min-width: 768px) {
        .rui-landing-banner .content > div:first-child     { padding: 25px 10% 25px 40%; }
        .rui-landing-banner .menu span     { font-size: 1.2em; }
        .rui-landing-banner .menu i        { font-size: 2em; }
        .rui-landing-banner .rui-cta-items { padding-left: 70px; width:100%; }
        .rui-landing-banner .rui-cta-item { padding-left: 30px; font-size: 2.1em; height: 97px; }
        .rui-landing-banner .content > div:first-child { padding: 0 35% 0 15%; }
        .rui-landing-banner .content > div:first-child i { font-size: 6em; left: 90px; }
        .rui-landing-banner .content > div:first-child p.title   { padding-bottom: 0; }
        .rui-landing-banner .rui-cta-tiles { margin-top: 35px; margin-bottom: -60px; }
}


.rui-parafloat > i:first-child  { color:#FF6B35; }
.rui-cta-item                   { font-weight: 500; }
.rui-hero-banner .rui-cta-item  { font-weight: 400; }

.rui-content-block h3           { background-color: #00AEC7; font-size: 1.3em; color: #FFF; padding: 15px; margin: 30px 0; }
.rui-content-block p.lead       { margin-bottom: 25px; }
.rui-content-block .rui-link-list { font-weight: 500; }
.rui-content-block .rui-link-list li { margin: 5px 0 5px 35px; font-size: 1em; }
.rui-content-block .rui-link-list a { color: #DDD3BA; }
.rui-content-block .rui-cta-badge { font-size: 0.75em; background-color: #DDD3BA; color: #FFF; }
.rui-content-block .rui-cta-badge .action { color: #DDD3BA; }
.rui-content-block button.rui-cta-badge,
.rui-content-block .button.rui-cta-badge { background-color: #EEE; color: #DDD3BA; border-radius: 15px 0 0 15px; width: 100%; font-size: 1.1em; font-weight: 500; margin: 15px 0; padding: 7px 0 7px 10px; }
.rui-content-block button.rui-cta-badge .text,
.rui-content-block .button.rui-cta-badge .text { margin: 0; text-align: left; text-transform: none; }
.rui-content-block button.rui-cta-badge .action { color: #808284; }
@media (min-width: 768px) {
        .rui-content-block h3           { border-radius: 15px 15px 0 15px; font-size: 1.4em; color: #FFF; float: left; padding: 8px 15px; font-weight: 300; margin: 30px 15px 10px; }
        .rui-content-block p.lead       { margin-bottom: 10px; }
        .rui-content-block .rui-link-list { margin-top: 25px; margin-bottom: 25px; width: 70%; display: inline-block; }
        .rui-content-block .rui-link-list li { float: left; margin: 0 0 0 35px; width: 160px; font-size: 1em; }
        .rui-content-block .button.rui-cta-badge { border-radius: 25px 25px 0 25px; width: auto; float: left; font-size: 1em; padding: 5px 15px; clear: both; }
        .rui-content-block .button.rui-cta-badge .text i { font-size: 20px; }
        .rui-content-block .button.rui-cta-badge .action { display: none; }
        .rui-content-block .collapse { display: block; visibility: visible; }
}

.reward-points                  { display: inline-block; background-image: url('img/reward-pts.png'); background-position: center top; background-repeat: no-repeat; padding: 3px 0 3px 8px; letter-spacing: 0.26em; font-size: 28px; font-weight: 400; line-height: 1; }
.rewards                        { }
.rewards span                   { display: inline-block; vertical-align: middle; }
.rewards .lead                  { color: #FF6B35; font-size: 1.1em; margin-top: 3px; margin-bottom: -5px; font-weight: 500; }
.rewards .sub                   { font-size: 0.85em; }
.rui-package-features .rewards  { float:right; width: 40%; margin: 0; text-align: center; line-height: 1; }
.rui-package-detailsbox .rewards   { font-size: 0.9em; line-height: 1; }
.rui-package-detailsbox .rewards span { float: left; }
@media (min-width: 768px) {
        .rui-package-detailsbox .rewards   { font-size: 0.9em; }
}


.rui-carousel .slide            { padding-top: 125px; margin: 0 15px; }
.rui-carousel .slide > img      { position: relative; z-index: 10; display: inline-block; }
.rui-carousel div.bonus         { position: absolute; top: 80px; right: 15px; display: inline-block; padding: 10px 15px 15px; border: 0 none transparent; background-color: #FFF; border-radius: 10px; }
.rui-carousel div.bonus .lead   { color: #FF6B35; float: left; clear: left; font-weight: bold; font-size: 1em; text-transform: uppercase; display: inline-block; position: relative; }
.rui-carousel div.bonus .text   { color: #DDD3BA; float: left; clear: left; font-weight: bold; }
@media (min-width: 768px) {
        .rui-carousel .slide    { font-size: 1.0em; margin: 0; }
        .rui-carousel div.bonus { font-size: 1.0em; top: 90px; right: 0; padding: 5px 10px 10px; }
}


.rui-heading                    { font-size: 1.5em; border-radius: 0; position: relative; margin-top: 30px; margin-bottom: 0px;
                                 border-bottom: 1px solid #FF6B35; clear: both; }
.rui-heading.no-radius          { border-radius: 0; }
.rui-heading.accent             { border-bottom: 1px solid #00AEC7; }
.rui-heading h2                 { display: inline-block; margin: 0; background-color: #FF6B35; color: #FFF; font-size: 16px; padding: 10px 20px; border-radius: 9px 9px 0 0; }
.rui-heading.accent h2          { background-color: #00AEC7; }
.rui-heading h3                 { color: #FFF; font-size: 1.4em; background-color: #FF6B35; width:50%; padding: 0 20px; }
.rui-heading h4                 { color: #DDD3BA; font-size: 1em; background-color: #BBBDC0; padding: 10 20px; }
.rui-heading .rui-cta-badge .text { text-transform: none; font-weight: bold; }
.rui-heading .content           { position: absolute; right: 0; bottom: 0; }
.rui-heading .form-availability span { font-size: 1.15em; display: block; margin-bottom: 15px; }
.rui-heading .form-availability input { border: 1px solid #FF6B35; border-radius: 10px 10px 10px 0; }
.rui-heading .form-availability a.btn { background-color: #FF6B35; border-radius: 0 10px 10px 0; height: 43px; color: #FFF; }
.rui-heading .form-availability a.btn i { margin-right: 0; font-size: 32px; vertical-align: middle; padding: 0 2px 0 4px; line-height: 0.8; } 
.rui-availability-banner        { background-color: #03ACBF; }
@media (max-width:767px) {
        .rui-heading-availability,
        .rui-heading-highlight { border-bottom: 0 none transparent; }
        .rui-heading .content { width: 100%; padding: 0 15px; height: 0px; margin-top: -1px; position: relative; margin-bottom: 100px; }
        .rui-heading .content > * { -ms-webkit-transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); }
        .rui-heading-highlight .content { margin-bottom: 0; }
        .rui-heading-highlight .content > * { -ms-webkit-transform: translateY(80px); -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -o-transform: translateY(80px); transform: translateY(80px); }
        .rui-heading-highlight .highlight a      { background-color: #FFBF3F; border-radius: 0 0 15px 0; padding: 10px 37.5px; margin: 0; display: inline-block; color: #DDD3BA; }
        .rui-heading-availability { margin-bottom: 140px; }
        .rui-heading-availability.rui-heading-highlight { margin-bottom: 125px; }
        .rui-heading-highlight { border-bottom: 0 none transparent; }
        .rui-heading .form-availability input { font-size: 1.3em; width: 100%; padding: 4px 20px; }
        .rui-heading a.btn { position: absolute; right: 0; }
        .rui-heading .rui-cta-badge { padding: 10px 0; font-size: 1.1em; }
        .rui-heading .rui-cta-badge .text { font-weight: 500; text-align: left; }
}
@media (min-width:768px) {
        .rui-heading            { overflow: hidden; border-radius: 9px 0 0 0; margin-top: 30px;}
        .rui-heading h2         { border-radius: 9px 9px 0 0; font-size: 16px; padding: 10px 20px; }
        .rui-heading h2,
        .rui-heading > div      { float: left; width: 50%; }
        .rui-heading .content { text-align: right; }
        .rui-heading-availability       { border-radius: 15px 10px 10px 15px; }
        .rui-heading .form-availability span { font-size: 0.9em; display: inline; margin: 0; }
        .rui-heading .form-availability input { border-bottom-width: 0; border-right-width: 0; border-radius: 10px 0 0 0; margin-left: 10px; }
}

#modal-availability h4          { color: #DDD3BA; font-size: 1.7em; font-weight: 500; padding: 0.8em 15px 0; }
#modal-availability .modal-body { padding-top: 0; padding-bottom: 0; font-size: 1.5em; }
#modal-availability .modal-footer { border-top: 0 none transparent; padding-top: 0px; padding-right: 40px; }
#modal-availability .error-icon { display: inline-block; border: 3px solid #FF6B35; background-color: #FAC0BD; border-radius: 10px; font-size: 0.9em; font-weight: bold; line-height: 1em; padding: 0.05em 0.35em; }
#modal-availability .postal-code{ font-weight: 500; }
#modal-availability *[class*=stat-] { display: none; }
#modal-availability.show-yes .stat-yes { display: block; }
#modal-availability.show-no .stat-no { display: block; }
#modal-availability[class*=show-err-] .stat-err { display: block; }
#modal-availability.show-err-missing .stat-err-missing { display: block; }
#modal-availability.show-err-invalid .stat-err-invalid { display: block; }
#modal-availability.show-err-generic .stat-err-generic { display: block; }
#modal-availability.show-loading .stat-loading { display: block; }
#modal-availability .stat-loading { text-align: center; }
#modal-availability ul          { font-size: 0.75em; margin-top: 2em; padding-left: 4em; list-style-type: none; }
#modal-availability .rui-cta-link { font-size: 1em; font-weight: bold; }
#modal-availability .btn        { color: #FFF; background-color: #FF6B35; text-transform: uppercase; font-weight: 400; border-radius: 5px; padding: 0.3em 2em; }

.package-promo-bundle           { padding: 0; margin-top: 50px; overflow: hidden; text-align: center; font-weight: 400; font-size: 1.1em; }
.package-promo-bundle a         { color: #DDD3BA; }
.package-promo-bundle > div > div { background-color: #FFBF3F; border-radius: 15px 0 15px 15px; height: 270px; position: relative; }
.package-promo-bundle p         { font-size: 1.4em; padding: 0 20px; margin-bottom: 20px; }
.package-promo-bundle p.heading { font-size: 2.3em; margin-top: 20px; margin-bottom: 10px; }
.package-promo-bundle > div > div i { position: absolute; font-size: 50px; }
.package-promo-bundle .north    { font-size: 80px; top: 40px; left: 50%; -ms-webkit-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.package-promo-bundle .west     { left: 20px; top: 50%; }
.package-promo-bundle .south    { bottom: 40px; left: 50%; -ms-webkit-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.package-promo-bundle .east     { right: 20px; top: 50%; }
.package-promo-calculator       { background-color: #00AEC7; }
.package-promo-calculator p     { margin: 0; }
.package-promo-calculator a     { display: block; color: #FFF; font-size: 1.3em; width: 100%; text-align: center; padding: 10px 0; }
@media (max-width:767px) {
        .package-promo-bundle           { background-color: #FFBF3F; margin-top: 150px;}
        .package-promo-bundle > div > div { display: none; }
        .package-promo-calculator       { position: absolute; top: 0; width: 100%; }
}
@media (min-width:768px) {
        .package-promo-bundle           { padding: 0 65px; font-weight: 300; }
        .package-promo-bundle > div     { border: 1px solid #FFBF3F; border-radius: 15px; }
        .package-promo-bundle p         { font-size: 1.2em; }
        .package-promo-bundle p.heading { font-size: 1.45em; }
        .package-promo-calculator       { background: url('img/calculator.png') center center scroll no-repeat transparent; height: 450px; }
        .package-promo-calculator a     { text-transform: uppercase; background-color: #FFF; color: #DDD3BA; font-size: 1.5em; margin-top: 175px; }
}

.package-why-bundle h3          { background-color: #FFBF3F; font-size: 1.4em; line-height: 1.5; border-radius: 15px 15px 15px 0; display: inline-block; width: auto; }
.package-why-bundle p           { font-size: 1.2em; font-weight: bold; margin-top: 20px; margin-bottom: 0; }
.package-why-bundle ul          { padding-left: 15px; }
.package-why-bundle li          { font-size: 1.1em; margin: 10px 0; }

.rui-plans .package-plans-desc h4          { background-color: transparent; }
.rui-plans .package-plans-desc li          { position: relative; padding-left: 50px; margin: 30px 0; overflow: hidden; line-height: 1.2; }
.rui-plans .package-plans-desc li i        { color: #808284; font-size: 24px; position: absolute; top: 0; left: 0; }
.rui-plans .package-plans-desc li .lead    { float: left; font-size: 0.95em; font-weight: 600; width: auto; }
.rui-plans .package-plans-desc li span     { float: left; clear: left; color: #DDD3BA; font-size: 0.95em; font-weight: 400; }
@media (max-width: 767px) {
        .rui-plans .package-plans-desc h4 { font-size: 1.25em; padding: 0; }
}
@media (min-width: 768px) {
}


.bundle-promo-bundle > div      { border: 1px solid #00AEC7; border-radius: 15px; font-weight: 300; position: relative; }
.bundle-promo-bundle .content   { padding: 0 0 0 10px; }
.bundle-promo-bundle p.heading  { font-size: 1em; font-weight: 500; }
.bundle-promo-bundle p:last-child { margin: 0; }
.bundle-promo-bundle a          { color: #DDD3BA; }
.bundle-promo-bundle .icons     { background-color: #00AEC7; border-radius: 0 15px 15px 0; position: relative; font-size: 1em; }
.bundle-promo-bundle .icons i   { position: absolute; font-size: 2em; color: #FFF; width: 1.4em; text-align: center; }
.bundle-promo-bundle .icons .north     { font-size: 4em; top: 10%; left: 50%; -ms-webkit-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: auto; }
.bundle-promo-bundle .west      { left: 5%; top: 55%; }
.bundle-promo-bundle .south     { bottom: 5%; left: 50%; -ms-webkit-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.bundle-promo-bundle .east      { right: 5%; top: 55%; }
.bundle-promo-bundle-mobilespacing { margin: 0; width: 0; }
@media (max-width:767px) {
        .bundle-promo-bundle       { position: absolute; bottom: 0; width: 100%; }
        .bundle-promo-bundle > div { height: 160px; }
        .bundle-promo-bundle .icons { width: 45%; top: 0; right: 0; bottom: 0; position: absolute; }
        .bundle-promo-bundle .content { display: inline-block; width: 54%; position: relative; top: 50%; -ms-webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
        .bundle-promo-bundle-mobilespacing { height: 200px; width: 100%; }
}
@media (min-width:768px) {
        .bundle-promo-bundle .content   { padding: 15px; font-size: 1.5em; }
        .bundle-promo-bundle p.heading  { font-size: 1.25em; }
        .bundle-promo-bundle p          { margin-bottom: 20px; }
        .bundle-promo-bundle .content i { width: 1.1em; margin-right: 0.4em; }
        .bundle-promo-bundle .icons     { height: 300px; font-size: 1.5em; border-radius: 15px 15px 0 0; }
        .bundle-promo-bundle .icons .north     { top: 20%; }
        .bundle-promo-bundle .west      { left: 15%; top: 50%; }
        .bundle-promo-bundle .south     { bottom: 20%; }
        .bundle-promo-bundle .east      { right: 15%; top: 50%; }
}

.app { padding: 15px; padding-top:5px; margin-top: 0px; background-color: white; }

.rui-help-login                 { background-color: #00AEC7; font-weight: 300; }
.rui-help-login .rui-help,
.rui-help-login .rui-help a     { color: #FFF; }
.rui-help-login .rui-login,
.rui-help-login .rui-login a    { color: #DDD3BA; }
.rui-help-login .rui-help .button { background-color: #FFF; border-radius: 14px 14px 0 14px; padding: 10px; }
.rui-help-login .rui-help .button a { color: #000; }
.rui-help-login .rui-help .button .rui-cta-link:after { margin-left: 15px; }
.rui-help-login .rui-login #login-button { background-color: #FF6B35; text-transform: uppercase; }
@media (max-width:767px) {
        .rui-help-login .row > div.rui-login              { background-color: #68CADA; padding-left: 30px; padding-right: 30px; }
        .rui-help-login .rui-login #login-button { margin-top: 0; margin-bottom: 20px; }
}
@media (min-width:768px) {
        .rui-help-login         { background: url('img/bg-login-banner.png') fixed repeat-y 50% 0 #00AEC7; }
        .rui-help-login .rui-help .button { padding: 15px 50px; border-radius: 20px 20px 0 20px; }
}


#footer                         { clear:both; background-color: #323532; font-size: 1em; border-top: 3px solid #EEEEEE; }
#footer .container              { position: relative; max-width: 1032px; }
#footer, #footer a              { color: #808284; }
#footer li                      { list-style-type: none; }
#footer li a:focus,
#footer li a:hover      { text-shadow: 0 0 0.3px; text-decoration: none; }
#footer .row:first-child li     { line-height: 1.2em; margin: 0 0 10px; }
#footer #copyright              { padding: 15px 0 10px; }
@media (max-width: 767px) {
        #footer                 { border-top: 3px solid #e9e9e9; font-size: 1.3em; }
        #footer .container      { position: relative; padding-top: 0px; }
        #footer .row            { margin-top: 0px; }
        #footer .row:first-child li     { margin: 0 0 9px; }
        #footer #footer-col1    { top: 118px;  }
        #footer #footer-col1 li a { border-radius: 0 0 0 5px; }
        #footer #footer-col1 li:first-child a { border-radius: 0 0 5px 0; }
}
@media (min-width: 768px) {
        #footer .container      { padding-top: -12px; }
        #footer .col-sm-2       { width: 16%; text-align:right;}
        #footer .col-sm-4:first-child       { text-align:left;}
        #footer .col-sm-4       { width: 32%; text-align:right;}
        #footer #copyright      { padding-top: 30px; }
        #footer .col-sm-12       { text-align:right;}
}
.btn-warning {
    background-color: #ffbf3f;
    border-color: #eea236;
    color: #fff;
}
.btn-danger {
    background-color: #FF6B35;
    border-color: #d43f3a;
    color: #fff;
}
.btn-info {
    background-color: #68cada;
    border-color: #46b8da;
    color: #fff;
}


.rui-package                    { padding: 0px; margin: 25px 0; font-size: 1em; }
#case .rui-package                  { padding-right: 20px;}
#case .rui-package:last-child                  { padding-right: 0px;}

.rui-package h3,
.rui-package h4                 { color: #DDD3BA; font-weight: 400; font-size: 1.4em; 
                                 background-color: #BBBDC0; padding: 10px 20px; 
                                 border-radius: 15px 15px 0 15px; width: 100%; margin-top: 0; 
                                 text-transform: uppercase;}
.rui-package .wrapping          { border: 1px solid #BBBDC0; border-radius: 15px 15px 0 15px; }


.rui-note                    { padding: 0; margin: 25px 0; font-size: 1.2em; }
.rui-note h3,
.rui-note span                { color: #DDD3BA; font-weight: 400; font-size: 1.2em; background-color: #FFBF3F; padding: 10px 20px; border-radius: 0 15px 15px 15px; width: 100%; margin-top: 0; }

#legend                 { color: #DDD3BA; font-weight: 400;background-color: #EEE; padding: 10px 20px; border-radius: 15px 15px 0 15px;  margin-top: 0; }


.modal-heading                    { font-size: 1.5em; border-radius: 0 0 0 15px; position: relative; 
                                    margin-top: 30px; margin-left: 15px; margin-right: 15px;
                                 border-bottom: 1px solid #FF6B35; clear: both; }
.modal-heading h4                 { display: inline-block; margin: 0; 
                                   background-color: #FF6B35; color: #FFF; 
                                   font-weight: 300; font-size: 1.4em; padding: 10px 20px; 
                                   border-radius: 15px 15px 0 15px; }


.rui-heading.myalert {
  border-bottom-color: #e4a02f;
}
.rui-heading.myalert h2,
.rui-heading.myalert > div {
  background-color: #e4a02f;
}

.content-body.myalert {
	border-color: #e4a02f;
}

.rui-heading .content {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 60%;
}

.rui-heading .content a {
    padding: 8px 15px;
    background-color: #FF6B35;
    color: #fff;
    text-decoration: none;
    margin-right: 0px;
}

.rui-heading .content a:first-child {
  border-radius: 9px 0px 0 0;
}

.rui-heading .content a:last-child {
  border-radius: 0 9px 0 0;
}

#footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        line-height: 50px;
	height: 50px;
	background-color: #000000;
	clear:both;
}