/*$color__oac-gray-1:
$color__oac-gray-2:
$color__oac-gray-3:*/
/* == these are from bootstrap propper == */
/* == we're not using them because they stipulate screen, which makes it harder to create a print.css == */
/* === these have been extracted from the existing styles === */
/* == use them like so == */
/*
@media (min-width: 768px) {
.foo {
}
.bar {
}
}
*/
/* Google Font Definitions */
.roboto-thin {
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-style: normal; }
.roboto-light {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal; }
.roboto-light-italic {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: italic; }
.roboto-normal {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-style: normal; }
.roboto-normal-italic {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-style: italic; }
.roboto-bold {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-style: normal; }
.roboto-bold-italic {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-style: italic; }
.roboto-ultra-bold {
font-family: 'Roboto', sans-serif;
font-weight: 900;
font-style: normal; }
.roboto-condensed-light {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-style: normal; }
.roboto-condensed-light-italic {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-style: italic; }
.roboto-condensed-normal {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-style: normal; }
.roboto-condensed-normal-italic {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-style: italic; }
.roboto-condensed-bold {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-style: normal; }
.roboto-slab-thin {
font-family: 'Roboto Slab', sans-serif;
font-weight: 100;
font-style: normal; }
.roboto-slab-light {
font-family: 'Roboto Slab', sans-serif;
font-weight: 300;
font-style: normal; }
.roboto-slab-normal {
font-family: 'Roboto Slab', sans-serif;
font-weight: 400;
font-style: normal; }
.roboto-slab-bold {
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
font-style: normal; }
h1 i.green-check {
display: none; }
i.green-check {
display: inline-block;
vertical-align: -7%;
background: url(../img/green-check.png) center center no-repeat;
background-size: contain;
width: 1em;
height: 1em;
margin-right: .5em; }
@media (min-width: 768px) {
h1 i.green-check,
h1 i.red-ex {
display: inline-block; }
h1.red-ex-indent {
text-indent: 52px;
margin-left: 57px; }
h1.red-ex-indent .inline-block {
margin-left: -50px; }
h1 i.red-ex {
display: inline-block;
vertical-align: -7%;
background: url(../img/ico-red-ex.png) center center no-repeat;
background-size: contain;
width: 30px;
height: 40px;
margin-right: .5em;
margin-left: -106px; } }
/* Basic Font styles */
.sxm-bootstrap h1 {
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-style: normal; }
.sxm-bootstrap p {
font-size: 16px;
line-height: 22px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal; }
.sxm-bootstrap p.subtle {
color: #707070; }
.sxm-bootstrap p.centered {
text-align: center; }
.sxm-bootstrap .centered {
text-align: center; }
.sxm-bootstrap .offer-details p {
font-size: 14px;
line-height: 1.42857143; }
.sxm-bootstrap .margin-bottom-none {
margin-bottom: 0px; }
.sxm-bootstrap .margin-bottom-40 {
margin-bottom: 40px; }
.sxm-bootstrap .margin-top-5 {
margin-top: 5px; }
.sxm-bootstrap .margin-top-20 {
margin-top: 20px !important; }
.sxm-bootstrap .padding-bottom-none {
padding-bottom: 0 !important; }
.sxm-bootstrap a {
font-weight: 700;
cursor: pointer; }
.sxm-bootstrap a.a-white {
color: #FFFFFF;
border-bottom: 1px dotted #FFF; }
.sxm-bootstrap a.a-white:hover {
text-decoration: none;
border-bottom: 1px solid #FFF; }
.sxm-bootstrap .headline--colorblock {
color: #FFF;
padding: 5px 15px;
font-weight: 900; }
.sxm-bootstrap .headline--colorblock.colorblock-purple {
background-color: #904098; }
.sxm-bootstrap .basic-list {
padding-left: 40px;
font-weight: 300; }
.sxm-bootstrap .basic-list li {
font-size: 16px;
line-height: 21px; }
.sxm-bootstrap ol.basic-list {
list-style-type: decimal; }
.sxm-bootstrap ul.basic-list li {
font-weight: 300;
list-style-position: inside;
text-indent: -15px; }
.sxm-bootstrap ul.basic-list li:before {
content: '\2022\a0';
font-size: 150%;
padding-right: 2px;
position: relative;
top: 3px; }
.sxm-bootstrap ul.list-features {
margin-top: 20px;
padding-left: 0; }
.sxm-bootstrap ul.list-features li {
position: relative;
padding-left: 90px;
margin-bottom: 45px; }
.sxm-bootstrap ul.list-features li p {
font-size: 18px; }
.sxm-bootstrap ul.list-features li p strong {
display: block; }
.sxm-bootstrap ul.list-features li a.btn-sm {
margin: 0; }
.sxm-bootstrap ul.list-features .sxm-icon {
position: absolute;
top: 0;
left: 0; }
@media (min-width: 576px) {
.sxm-bootstrap ul.list-features {
padding-left: 30px; } }
ul.list-table {
padding-left: 10px; }
ul.list-table li {
padding: 7px 0; }
ul.list-table .cell {
width: 99%;
display: block;
vertical-align: top;
font-size: 18px;
line-height: 1.33em; }
@media (min-width: 576px) {
ul.list-table {
padding-left: 30px; }
ul.list-table .cell {
width: 49.5%;
display: inline-block; } }
.feature-item .sprite-wrapper {
background-size: 100%;
height: 80px;
margin: 20px auto; }
.feature-item .platform_sxm.sprite-wrapper {
background: url(../img/sxm-bubbles-sprite-160.png) no-repeat;
/* CURRENT STYLE */
/* SXM package bubbles sprite*/
/* All Access */
/* All Access FF */
/* Premier (Legacy) */
/* Premier (Legacy) FF */
/* Select */
/* Select FF */
/* Mostly Music */
/* News Sports & Talk */
/* Basic Plus */
/* Basic */
/* Select + SXIR */
/* Select + SXIR Add-on */
/* Mostly Music NO Add-on */
/* News Sports & Talk NO Add-on */
/* All Access 360L */
/* All Access FF 360L */
/* Select Lite */ }
.feature-item .platform_sxm.SXM_SIR_AUD_ALLACCESS.sprite-wrapper {
background-position: 0 0%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_ALLACCESS_FF.sprite-wrapper {
background-position: 0 4%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_EVT_SXM.sprite-wrapper {
background-position: 0 8%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_FF_SXM.sprite-wrapper {
background-position: 0 12%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_EVT.sprite-wrapper {
background-position: 0 16%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_FF.sprite-wrapper {
background-position: 0 20%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_PKG_MM.sprite-wrapper {
background-position: 0 24%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_PKG_NS.sprite-wrapper {
background-position: 0 28%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_ALLACCESS_BASIC.sprite-wrapper {
background-position: 0 32%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_BASIC.sprite-wrapper {
background-position: 0 36%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_EVT_SXIR.sprite-wrapper {
background-position: 0 40%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_EVT_SXIR_ADD.sprite-wrapper {
background-position: 0 44%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_PKG_MM_NOADD.sprite-wrapper {
background-position: 0 48%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_PKG_NS_NOADD.sprite-wrapper {
background-position: 0 52%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_ALLACCESS_360L.sprite-wrapper {
background-position: 0 56%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_ALLACCESS_FF_360L.sprite-wrapper {
background-position: 0 60%;
background-size: 100%; }
.feature-item .platform_sxm.sxm-17-blank.sprite-wrapper {
background-position: 0 64%;
background-size: 100%; }
.feature-item .platform_sxm.SXM_SIR_AUD_EVT_LT.sprite-wrapper {
background-position: 0 68%;
background-size: 100%; }
.feature-item .platform_sxm.sxm-19-blank.sprite-wrapper {
background-position: 0 72%;
background-size: 100%; }
.feature-item .platform_sxm.sxm-20-blank.sprite-wrapper {
background-position: 0 76%;
background-size: 100%; }
.feature-item .platform_sxm.sxm-21-blank.sprite-wrapper {
background-position: 0 80%;
background-size: 100%; }
.feature-item .platform_sxm.sxm-22-blank.sprite-wrapper {
background-position: 0 84%;
background-size: 100%; }
.feature-item .platform_sxm.sxm-23-blank.sprite-wrapper {
background-position: 0 88%;
background-size: 100%; }
.feature-item .platform_sxm.sxm-24-blank.sprite-wrapper {
background-position: 0 92%;
background-size: 100%; }
.feature-item .platform_sxm.sxm-25-blank.sprite-wrapper {
background-position: 0 96%;
background-size: 100%; }
.feature-item .platform_sxm.sxm-26-blank.sprite-wrapper {
background-position: 0 100%;
background-size: 100%; }
.feature-item .platform_sxm_ma.sprite-wrapper {
background: url(../img/sxm-ma-sprite.png) no-repeat; }
.feature-item .platform_sxm_ma.sxm-aviation-foreflight.sprite-wrapper {
background-position: 0 0%;
background-size: 100%; }
.feature-item .platform_sxm_ma.sxm-aviation-pilotexpress.sprite-wrapper {
background-position: 0 16.566667%;
background-size: 100%; }
.feature-item .platform_sxm_ma.sxm-aviation-pilotpreferred.sprite-wrapper {
background-position: 0 33.333333%;
background-size: 100%; }
.feature-item .platform_sxm_ma.sxm-aviation-pilotpro.sprite-wrapper {
background-position: 0 50%;
background-size: 100%; }
.feature-item .platform_sxm_ma.sxm-marine-inland.sprite-wrapper {
background-position: 0 66.666667%;
background-size: 100%; }
.feature-item .platform_sxm_ma.sxm-marine-offshore.sprite-wrapper {
background-position: 0 83.333333%;
background-size: 100%; }
.feature-item .platform_sxm_ma.sxm-marine-coastal.sprite-wrapper {
background-position: 0 100%;
background-size: 100.198413%; }
.feature-item .platform_sirius.sprite-wrapper {
background: url(../img/sirius-bubbles-sprite-160.png) no-repeat;
/* All Access */
/* All Access FF */
/* Premier (Legacy) */
/* Premier (Legacy) FF */
/* Select */
/* Select FF */
/* Mostly Music */
/* News Sports & Talk */
/* A la Carte */
/* A la Carte Gold */
/* A la Carte Howard */
/* Basic Plus */
/* Basic */
/* Select + SXIR*/
/* Select + SXIR Add-on */
/* Mostly Music NO Add-on */
/* News Sports & Talk NO Add-on */
/* Select Lite */ }
.feature-item .platform_sirius.SIR_AUD_ALLACCESS.sprite-wrapper {
background-position: 0 0%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_ALLACCESS_FF.sprite-wrapper {
background-position: 0 5.882353%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_EVT_SXM.sprite-wrapper {
background-position: 0 11.764706%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_FF_SXM.sprite-wrapper {
background-position: 0 17.647059%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_EVT.sprite-wrapper {
background-position: 0 23.529412%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_FF.sprite-wrapper {
background-position: 0 29.411765%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_PKG_MM.sprite-wrapper {
background-position: 0 35.294118%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_PKG_NS.sprite-wrapper {
background-position: 0 41.176471%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_PKG_ALC.sprite-wrapper {
background-position: 0 47.058824%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_PKG_ALG.sprite-wrapper {
background-position: 0 52.941176%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_PKG_ALH.sprite-wrapper {
background-position: 0 58.823529%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_ALLACCESS_BASIC.sprite-wrapper {
background-position: 0 64.705882%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_BASIC.sprite-wrapper {
background-position: 0 70.588235%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_EVT_SXIR.sprite-wrapper {
background-position: 0 76.470588%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_EVT_SXIR_ADD.sprite-wrapper {
background-position: 0 82.352941%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_PKG_MM_NOADD.sprite-wrapper {
background-position: 0 88.235294%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_SIR_AUD_PKG_NS_NOADD.sprite-wrapper {
background-position: 0 94.117647%;
background-size: 100%; }
.feature-item .platform_sirius.SIR_AUD_EVT_LT.sprite-wrapper {
background-position: 0 100%;
background-size: 100%; }
.feature-item .platform_sirius_ma.sprite-wrapper {
background: url(../img/sirius-ma-sprite.png) no-repeat; }
.feature-item .platform_sirius_ma.sir-marine-charter.sprite-wrapper {
background-position: 0 0%;
background-size: 100%; }
.feature-item .platform_sirius_ma.sir-marine-inland.sprite-wrapper {
background-position: 0 33.333333%;
background-size: 100%; }
.feature-item .platform_sirius_ma.sir-marine-mariner.sprite-wrapper {
background-position: 0 66.666667%;
background-size: 100%; }
.feature-item .platform_sirius_ma.sir-marine-voyager.sprite-wrapper {
background-position: 0 100%;
background-size: 100%; }
.feature-item .platform_xm.sprite-wrapper {
background: url(../img/xm-bubbles-sprite-160.png) no-repeat;
/* All Access */
/* All Access FF */
/* Premier (Legacy) */
/* Premier (Legacy) FF */
/* Select */
/* Select FF */
/* Mostly Music */
/* News Sports & Talk */
/* Basic Plus */
/* Basic */
/* Select + SXIR*/
/* Select + SXIR Add-on */
/* Mostly Music NO Add-on */
/* News Sports & Talk NO Add-on */
/* Select Lite */ }
.feature-item .platform_xm.XM_SIR_AUD_ALLACCESS.sprite-wrapper {
background-position: 0 0%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_ALLACCESS_FF.sprite-wrapper {
background-position: 0 7.142857%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_EVT_SXM.sprite-wrapper {
background-position: 0 14.285714%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_FF_SXM.sprite-wrapper {
background-position: 0 21.428571%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_EVT.sprite-wrapper {
background-position: 0 28.571429%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_FF.sprite-wrapper {
background-position: 0 35.714286%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_PKG_MM.sprite-wrapper {
background-position: 0 42.857143%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_PKG_NS.sprite-wrapper {
background-position: 0 50%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_ALLACCESS_BASIC.sprite-wrapper {
background-position: 0 57.142857%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_BASIC.sprite-wrapper {
background-position: 0 64.285714%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_EVT_SXIR.sprite-wrapper {
background-position: 0 71.428571%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_EVT_SXIR_ADD.sprite-wrapper {
background-position: 0 78.571429%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_PKG_MM_NOADD.sprite-wrapper {
background-position: 0 85.714286%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_PKG_NS_NOADD.sprite-wrapper {
background-position: 0 92.857143%;
background-size: 100%; }
.feature-item .platform_xm.XM_SIR_AUD_EVT_LT.sprite-wrapper {
background-position: 0 100%;
background-size: 100%; }
.feature-item .platform_xm_ma.sprite-wrapper {
background: url(../img/xm-ma-sprite.png) no-repeat; }
.feature-item .platform_xm_ma.xm-aviation-aviator.sprite-wrapper {
background-position: 0 0%;
background-size: 100%; }
.feature-item .platform_xm_ma.xm-aviation-aviatorlt.sprite-wrapper {
background-position: 0 20%;
background-size: 100%; }
.feature-item .platform_xm_ma.xm-aviation-aviatorpro.sprite-wrapper {
background-position: 0 40%;
background-size: 100%; }
.feature-item .platform_xm_ma.xm-marine-mastermariner.sprite-wrapper {
background-position: 0 60%;
background-size: 100%; }
.feature-item .platform_xm_ma.xm-marine-sailor.sprite-wrapper {
background-position: 0 80%;
background-size: 100%; }
.feature-item .platform_xm_ma.xm-marine-skywatch.sprite-wrapper {
background-position: 0 100%;
background-size: 100%; }
/**
*
* CANADA PACKAGE BUBBLES
*
*/
.sxmcan-sirius-allaccess-en,
.sxmcan-sirius-allaccess-ff-en,
.sxmcan-sirius-mostlymusic-en,
.sxmcan-sirius-premier-en,
.sxmcan-sirius-select-en,
.sxmcan-sirius-select-ff-en,
.sxmcan-sirius-selectplus-en,
.sxmcan-sirius-streaming-en,
.sxmcan-sirius-allaccess-ff-fr,
.sxmcan-sirius-allaccess-fr,
.sxmcan-sirius-mostlymusic-fr,
.sxmcan-sirius-premier-fr,
.sxmcan-sirius-select-ff-fr,
.sxmcan-sirius-select-fr,
.sxmcan-sirius-selectplus-fr,
.sxmcan-sirius-streaming-fr,
.sxmcan-sxm-allaccess-en,
.sxmcan-sxm-allaccess-ff-en,
.sxmcan-sxm-mostlymusic-en,
.sxmcan-sxm-premier-en,
.sxmcan-sxm-select-en,
.sxmcan-sxm-select-ff-en,
.sxmcan-sxm-selectplus-en,
.sxmcan-sxm-streaming-en,
.sxmcan-sxm-allaccess-en_360L,
.sxmcan-sxm-allaccess-ff-en_360L,
.sxmcan-sxm-allaccess-ff-fr,
.sxmcan-sxm-allaccess-fr,
.sxmcan-sxm-mostlymusic-fr,
.sxmcan-sxm-premier-fr,
.sxmcan-sxm-select-ff-fr,
.sxmcan-sxm-select-fr,
.sxmcan-sxm-selectplus-fr,
.sxmcan-sxm-streaming-fr,
.sxmcan-sxm-allaccess-ff-fr_360L,
.sxmcan-sxm-allaccess-fr_360L,
.sxmcan-xm-allaccess-en,
.sxmcan-xm-allaccess-ff-en,
.sxmcan-xm-mostlymusic-en,
.sxmcan-xm-premier-en,
.sxmcan-xm-select-en,
.sxmcan-xm-select-ff-en,
.sxmcan-xm-selectplus-en,
.sxmcan-xm-streaming-en,
.sxmcan-xm-allaccess-ff-fr,
.sxmcan-xm-allaccess-fr,
.sxmcan-xm-mostlymusic-fr,
.sxmcan-xm-premier-fr,
.sxmcan-xm-select-ff-fr,
.sxmcan-xm-select-fr,
.sxmcan-xm-selectplus-fr,
.sxmcan-xm-streaming-fr {
width: 261px;
height: 65px;
display: block; }
.sxmcan-sirius-allaccess-en,
.sxmcan-sirius-allaccess-ff-en,
.sxmcan-sirius-mostlymusic-en,
.sxmcan-sirius-premier-en,
.sxmcan-sirius-select-en,
.sxmcan-sirius-select-ff-en,
.sxmcan-sirius-selectplus-en,
.sxmcan-sirius-streaming-en {
max-width: 100%;
background-size: 100%;
background-image: url("../img/sxmcan-sirius-audio-en.png"); }
.sxmcan-sirius-allaccess-en {
background-position: 0 0%;
background-size: 100%; }
.sxmcan-sirius-allaccess-ff-en {
background-position: 0 11.111111%;
background-size: 100%; }
.sxmcan-sirius-mostlymusic-en {
background-position: 0 22.222222%;
background-size: 100%; }
.sxmcan-sirius-premier-en {
background-position: 0 33.333333%;
background-size: 100%; }
.sxmcan-sirius-select-en {
background-position: 0 44.444444%;
background-size: 100%; }
.sxmcan-sirius-select-ff-en {
background-position: 0 55.555556%;
background-size: 100%; }
.sxmcan-sirius-selectplus-en {
background-position: 0 66.666667%;
background-size: 100%; }
.sxmcan-sirius-streaming-en {
background-position: 0 77.777778%;
background-size: 100%; }
.sxmcan-sirius-allaccess-ff-fr,
.sxmcan-sirius-allaccess-fr,
.sxmcan-sirius-mostlymusic-fr,
.sxmcan-sirius-premier-fr,
.sxmcan-sirius-select-ff-fr,
.sxmcan-sirius-select-fr,
.sxmcan-sirius-selectplus-fr,
.sxmcan-sirius-streaming-fr {
max-width: 100%;
background-size: 100%;
background-image: url("../img/sxmcan-sirius-audio-fr.png"); }
.sxmcan-sirius-allaccess-ff-fr {
background-position: 0 0%;
background-size: 100%; }
.sxmcan-sirius-allaccess-fr {
background-position: 0 11.111111%;
background-size: 100%; }
.sxmcan-sirius-mostlymusic-fr {
background-position: 0 22.222222%;
background-size: 100%; }
.sxmcan-sirius-premier-fr {
background-position: 0 33.333333%;
background-size: 100%; }
.sxmcan-sirius-select-ff-fr {
background-position: 0 44.444444%;
background-size: 100%; }
.sxmcan-sirius-select-fr {
background-position: 0 55.555556%;
background-size: 100%; }
.sxmcan-sirius-selectplus-fr {
background-position: 0 66.666667%;
background-size: 100%; }
.sxmcan-sirius-streaming-fr {
background-position: 0 77.777778%;
background-size: 100%; }
.sxmcan-sxm-allaccess-en,
.sxmcan-sxm-allaccess-ff-en,
.sxmcan-sxm-mostlymusic-en,
.sxmcan-sxm-premier-en,
.sxmcan-sxm-select-en,
.sxmcan-sxm-select-ff-en,
.sxmcan-sxm-selectplus-en,
.sxmcan-sxm-streaming-en,
.sxmcan-sxm-allaccess-en_360L,
.sxmcan-sxm-allaccess-ff-en_360L {
max-width: 100%;
background-size: 100%;
background-image: url("../img/sxmcan-sxm-audio-en.png"); }
.sxmcan-sxm-allaccess-en {
background-position: 0 0%;
background-size: 100%; }
.sxmcan-sxm-allaccess-ff-en {
background-position: 0 11.111111%;
background-size: 100%; }
.sxmcan-sxm-mostlymusic-en {
background-position: 0 22.222222%;
background-size: 100%; }
.sxmcan-sxm-premier-en {
background-position: 0 33.333333%;
background-size: 100%; }
.sxmcan-sxm-select-en {
background-position: 0 44.444444%;
background-size: 100%; }
.sxmcan-sxm-select-ff-en {
background-position: 0 55.555556%;
background-size: 100%; }
.sxmcan-sxm-selectplus-en {
background-position: 0 66.666667%;
background-size: 100%; }
.sxmcan-sxm-streaming-en {
background-position: 0 77.777778%;
background-size: 100%; }
.sxmcan-sxm-allaccess-en_360L {
background-position: 0 88.888889%;
background-size: 100%; }
.sxmcan-sxm-allaccess-ff-en_360L {
background-position: 0 100%;
background-size: 100%; }
.sxmcan-sxm-allaccess-ff-fr,
.sxmcan-sxm-allaccess-fr,
.sxmcan-sxm-mostlymusic-fr,
.sxmcan-sxm-premier-fr,
.sxmcan-sxm-select-ff-fr,
.sxmcan-sxm-select-fr,
.sxmcan-sxm-selectplus-fr,
.sxmcan-sxm-streaming-fr,
.sxmcan-sxm-allaccess-ff-fr_360L,
.sxmcan-sxm-allaccess-fr_360L {
max-width: 100%;
background-size: 100%;
background-image: url("../img/sxmcan-sxm-audio-fr.png"); }
.sxmcan-sxm-allaccess-ff-fr {
background-position: 0 0%;
background-size: 100%; }
.sxmcan-sxm-allaccess-fr {
background-position: 0 11.111111%;
background-size: 100%; }
.sxmcan-sxm-mostlymusic-fr {
background-position: 0 22.222222%;
background-size: 100%; }
.sxmcan-sxm-premier-fr {
background-position: 0 33.333333%;
background-size: 100%; }
.sxmcan-sxm-select-ff-fr {
background-position: 0 44.444444%;
background-size: 100%; }
.sxmcan-sxm-select-fr {
background-position: 0 55.555556%;
background-size: 100%; }
.sxmcan-sxm-selectplus-fr {
background-position: 0 66.666667%;
background-size: 100%; }
.sxmcan-sxm-streaming-fr {
background-position: 0 77.777778%;
background-size: 100%; }
.sxmcan-sxm-allaccess-ff-fr_360L {
background-position: 0 88.888889%;
background-size: 100%; }
.sxmcan-sxm-allaccess-fr_360L {
background-position: 0 100%;
background-size: 100%; }
.sxmcan-xm-allaccess-en,
.sxmcan-xm-allaccess-ff-en,
.sxmcan-xm-mostlymusic-en,
.sxmcan-xm-premier-en,
.sxmcan-xm-select-en,
.sxmcan-xm-select-ff-en,
.sxmcan-xm-selectplus-en,
.sxmcan-xm-streaming-en {
max-width: 100%;
background-size: 100%;
background-image: url("../img/sxmcan-xm-audio-en.png"); }
.sxmcan-xm-allaccess-en {
background-position: 0 0%;
background-size: 100%; }
.sxmcan-xm-allaccess-ff-en {
background-position: 0 11.111111%;
background-size: 100%; }
.sxmcan-xm-mostlymusic-en {
background-position: 0 22.222222%;
background-size: 100%; }
.sxmcan-xm-premier-en {
background-position: 0 33.333333%;
background-size: 100%; }
.sxmcan-xm-select-en {
background-position: 0 44.444444%;
background-size: 100%; }
.sxmcan-xm-select-ff-en {
background-position: 0 55.555556%;
background-size: 100%; }
.sxmcan-xm-selectplus-en {
background-position: 0 66.666667%;
background-size: 100%; }
.sxmcan-xm-streaming-en {
background-position: 0 77.777778%;
background-size: 100%; }
.sxmcan-xm-allaccess-ff-fr,
.sxmcan-xm-allaccess-fr,
.sxmcan-xm-mostlymusic-fr,
.sxmcan-xm-premier-fr,
.sxmcan-xm-select-ff-fr,
.sxmcan-xm-select-fr,
.sxmcan-xm-selectplus-fr,
.sxmcan-xm-streaming-fr {
max-width: 100%;
background-size: 100%;
background-image: url("../img/sxmcan-xm-audio-fr.png"); }
.sxmcan-xm-allaccess-ff-fr {
background-position: 0 0%;
background-size: 100%; }
.sxmcan-xm-allaccess-fr {
background-position: 0 11.111111%;
background-size: 100%; }
.sxmcan-xm-mostlymusic-fr {
background-position: 0 22.222222%;
background-size: 100%; }
.sxmcan-xm-premier-fr {
background-position: 0 33.333333%;
background-size: 100%; }
.sxmcan-xm-select-ff-fr {
background-position: 0 44.444444%;
background-size: 100%; }
.sxmcan-xm-select-fr {
background-position: 0 55.555556%;
background-size: 100%; }
.sxmcan-xm-selectplus-fr {
background-position: 0 66.666667%;
background-size: 100%; }
.sxmcan-xm-streaming-fr {
background-position: 0 77.777778%;
background-size: 100%; }
/*----------- End Canada package bubbles -----------*/
.sxm-bootstrap ul.list-features li, ul.list-table, .sxm-bootstrap ul.packages, ul.charge-summary {
list-style-type: none !important; }
.print-only {
display: none !important; }
@media print {
.no-print, .template-library, button.tooltip-icon, #debugbar, #sxmcorporatefooter p.copyright, #sxmBasicFooter, #sxmBasicFooter p.copyright {
display: none !important; }
.print-only, .print-expand {
display: block !important; }
a.hidden-print-url[href]:after, .hidden-print-url:after {
content: none !important; } }
br.clear {
width: 100%;
clear: both; }
.oac-flow {
background: #fff url(../img/oac-bg.jpg) center 70% no-repeat fixed;
background-size: cover; }
.oac-flow h1 {
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-style: normal;
margin-bottom: .4em; }
.oac-flow h1:last-child {
margin-bottom: .6em; }
.oac-flow .row__hero .sxm-col__main h1 .im-not {
font-size: 16px;
letter-spacing: 0px;
display: block;
margin-top: 10px; }
.oac-flow h2,
.oac-flow h3,
.oac-flow h4,
.oac-flow h5,
.oac-flow h6 {
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-style: normal; }
.oac-flow h1.reversed,
.oac-flow h2.reversed,
.oac-flow h3.reversed,
.oac-flow h4.reversed,
.oac-flow h5.reversed,
.oac-flow h6.reversed {
color: white; }
.oac-flow h1 strong,
.oac-flow h2 strong,
.oac-flow h3 strong,
.oac-flow h4 strong,
.oac-flow h5 strong,
.oac-flow h6 strong,
.oac-flow li strong,
.oac-flow p strong,
.oac-flow table strong {
font-weight: 700; }
.oac-flow h4 {
font-weight: 300; }
.oac-flow p,
.oac-flow li,
.oac-flow a,
.oac-flow blockquote,
.oac-flow table {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: normal;
line-height: 1.3em; }
.oac-flow a {
font-weight: 700; }
.oac-flow .legal {
font-size: 14px;
line-height: 20px; }
.oac-flow .legal.legal-sm {
font-size: 12px; }
.oac-flow p.privacy-policy {
margin-bottom: 0px; }
.oac-flow .sxm-col__main {
width: 100%; }
.oac-flow .sxm-col__main .confirmation-details h2 {
font-weight: 700;
font-size: 22px; }
.oac-flow .sxm-col__main .confirmation-details p {
font-size: 16px; }
.oac-flow.sxm-bootstrap.non-responsive .sxm-col__main {
min-width: 980px; }
.oac-flow.sxm-bootstrap.non-responsive .device-block,
.oac-flow.sxm-bootstrap.non-responsive ul.packages li.package__block {
min-width: 980px; }
.oac-flow .row__hero .sxm-col__main h1 {
margin-top: 30px; }
.oac-flow .row__hero .sxm-col__main .personal-lead-in {
margin-top: 30px; }
.oac-flow.page__bummer {
padding: 50px 0px 70px; }
.oac-flow.page__bummer .sxm-col__main {
max-width: 980px; }
.oac-flow.page__bummer .sxm-col__main i.bummer-ico {
background: url(../img/sxm-bummer-blue.png) center no-repeat;
background-size: contain;
height: 75px; }
.oac-flow.page__bummer .sxm-col__main i.maintenance-ico {
background: url(../img/icon-maintenance.png) center no-repeat;
background-size: contain;
display: block;
margin: 0 auto;
width: 80px;
height: 76px; }
.oac-flow.page__bummer .sxm-col__main .bummer-ico {
margin: 0 auto;
display: block;
width: 70px; }
.oac-flow.page__bummer .sxm-col__main h4 {
margin-top: 30px;
font-size: 16px;
text-align: center; }
@media (min-width: 768px) {
.sxm-bootstrap.oac-flow {
/*
.sxm-bootstrap h1 {
margin-top: 30px;
font-size: 36px;
}
.sxm-bootstrap h2 {
font-size: 28px;
}
*/ }
.sxm-bootstrap.oac-flow.layout--centered .row__hero h1 {
text-align: center; }
.sxm-bootstrap.oac-flow.layout--centered .row__content .sxm-col__main {
max-width: 540px;
margin: 0 auto; }
.sxm-bootstrap.oac-flow.layout--centered .row__content .sxm-col__main .form-group {
margin: 0 auto; }
.sxm-bootstrap.oac-flow.page__bummer {
padding: 150px 0px 210px; }
.sxm-bootstrap.oac-flow.page__bummer .sxm-col__main {
max-width: 980px; }
.sxm-bootstrap.oac-flow.page__bummer .sxm-col__main .bummer-ico {
width: 110px; }
.sxm-bootstrap.oac-flow.page__bummer .sxm-col__main i.bummer-ico {
background: url(../img/sxm-bummer-blue.png) center no-repeat;
background-size: contain;
height: 110px; }
.sxm-bootstrap.oac-flow.page__bummer .sxm-col__main i.maintenance-ico {
width: 119px;
height: 106px; }
.sxm-bootstrap.oac-flow.page__bummer .sxm-col__main h4 {
margin: 30px 45px 0;
font-size: 18px; }
.sxm-bootstrap.oac-flow .sxm-col__main .confirmation-details h2 {
font-size: 28px; }
.sxm-bootstrap.oac-flow .sxm-col__main .confirmation-details p {
font-size: 18px; }
.sxm-bootstrap.oac-flow .sxm-col__main h1 .im-not {
margin-left: 20px;
display: inline-block;
margin-top: 0px; }
.sxm-bootstrap.oac-flow .mobile-only {
display: none !important; }
.sxm-bootstrap.oac-flow .sxm-bootstrap h1 {
margin-top: 30px;
font-size: 36px; }
.sxm-bootstrap.oac-flow .sxm-bootstrap h2 {
font-size: 28px; }
.sxm-bootstrap.oac-flow .row__hero .sxm-col__main h1 {
margin-top: 50px; } }
@media (min-width: 992px) {
.sxm-bootstrap h1 {
font-size: 48px;
line-height: 1.2em; }
.oac-flow.sxm-bootstrap.non-responsive .container {
min-width: 0px;
width: 990px; } }
@media (min-width: 1200px) {
.oac-flow.sxm-bootstrap.non-responsive .container {
min-width: 0px;
width: 1170px; } }
.white-tr-box, .sxm-bootstrap ul.packages li.package__block, .sxm-bootstrap .row.panel-row .panel, .device-block {
position: relative;
border: 1px solid #b3b3b3;
background-color: rgba(255, 255, 255, 0.8);
min-width: 290px;
margin: 0 auto 20px;
padding: 20px 15px; }
.white-tr-box.radio-container {
margin-top: 40px;
padding: 40px 30px 35px;
margin-bottom: 55px;
position: relative; }
.white-tr-box.payment-options {
padding: 30px 45px 4px;
background-color: rgba(255, 255, 255, 0.6); }
.white-tr-box .radio-swap-wrapper {
display: table;
width: 100%;
height: 60px; }
.white-tr-box .radio-swap-wrapper h2 {
margin-top: 0;
padding-left: 50px;
display: table-cell;
vertical-align: middle;
width: 39%; }
.white-tr-box .radio-swap-wrapper #left {
text-align: right;
padding-left: 0;
padding-right: 50px; }
.white-tr-box .radio-swap-wrapper {
height: 80px; }
@media (min-width: 768px) {
.white-tr-box, .sxm-bootstrap ul.packages li.package__block, .sxm-bootstrap .row.panel-row .panel, .device-block {
max-width: inherit;
padding: 0 20px 15px; } }
@media (min-width: 992px) {
.white-tr-box, .sxm-bootstrap ul.packages li.package__block, .sxm-bootstrap .row.panel-row .panel, .device-block {
padding: 0 25px 20px; } }
@media (min-width: 1200px) {
.white-tr-box .radio-swap-wrapper {
height: 80px; }
.white-tr-box, .sxm-bootstrap ul.packages li.package__block, .sxm-bootstrap .row.panel-row .panel, .device-block {
padding: 0 35px 35px; } }
.radio-btn-group {
padding-left: 0px;
list-style-type: none; }
.radio-btn-group li {
margin-bottom: 0px; }
.fancy-input .chk-bx-label {
position: relative;
margin: 0 auto; }
.formSprite input {
float: left;
display: inline-block; }
body.ie8 .formSprite input {
width: 30px;
height: 30px; }
.fancy-input:not(.default) > input {
padding: 0;
margin: 0;
float: left;
position: absolute;
left: 0;
opacity: 0; }
.fancy-input:not(.default) > input + label {
background: url(../img/form-sprite.png) 0 0px no-repeat;
height: 30px;
margin: 0; }
.fancy-input:not(.default) > input[type=radio] + label {
background-position: -2px 0px; }
.fancy-input:not(.default) > input[type=checkbox] + label {
background-position: -43px -0px; }
.fancy-input:not(.default) > input[type=radio]:hover:checked + label,
.fancy-input:not(.default) > input[type=radio]:focus:checked + label,
.fancy-input:not(.default) > input[type=radio]:checked + label:hover,
.fancy-input:not(.default) > input[type=radio]:focus:checked + label {
background-position: -2px -64px; }
.fancy-input:not(.default) > input[type=checkbox]:checked + label {
background-position: -43px -64px; }
.fancy-input:not(.default) > input[type=checkbox]:hover:checked + label,
.fancy-input:not(.default) > input[type=checkbox]:focus:checked + label,
.fancy-input:not(.default) > input[type=checkbox]:checked + label:hover,
.fancy-input:not(.default) > input[type=checkbox]:focus:checked + label {
background-position: -43px -64px; }
.fancy-input:not(.default) > input[type=checkbox]:hover + label,
.fancy-input:not(.default) > input[type=checkbox] + label:hover {
background-position: -43px -32px; }
.fancy-input:not(.default) > input[type=checkbox]:focus + label {
background-position: -43px 0; }
.fancy-input:not(.default) > input[type=radio]:hover + label,
.fancy-input:not(.default) > input[type=radio]:focus + label,
.fancy-input:not(.default) > input[type=radio] + label:hover {
background-position: -2px -32px; }
.fancy-input:not(.default) > input[type=radio]:active + label,
.fancy-input:not(.default) > input[type=radio] + label:hover:active {
background-position: -2px -64px; }
.fancy-input:not(.default) > input[type=checkbox]:active + label,
.fancy-input:not(.default) > input[type=checkbox] + label:hover:active {
background-position: -43px -64px; }
.fancy-input:not(.default) > input[type=checkbox]:active:checked + label,
.fancy-input:not(.default) > input[type=checkbox]:checked + label:hover:active {
background-position: -43px -64px; }
.fancy-input:not(.default) > input[type=radio]:active:checked + label,
.fancy-input:not(.default) > input[type=radio]:checked + label:hover:active,
.fancy-input:not(.default) > input[type=radio]:checked + label {
background-position: -2px -64px; }
.fancy-input.option-toggle:not(.default) > input[type=checkbox] + label {
background-position: -43px -131px; }
.fancy-input.option-toggle:not(.default) > input[type=checkbox]:checked + label {
background-position: -43px -164px; }
.fancy-input.option-toggle:not(.default) > input[type=checkbox]:hover:checked + label,
.fancy-input.option-toggle:not(.default) > input[type=checkbox]:focus:checked + label,
.fancy-input.option-toggle:not(.default) > input[type=checkbox]:checked + label:hover,
.fancy-input.option-toggle:not(.default) > input[type=checkbox]:focus:checked + label {
background-position: -43px -164px; }
.fancy-input.option-toggle:not(.default) > input[type=checkbox]:hover + label,
.fancy-input.option-toggle:not(.default) > input[type=checkbox] + label:hover {
background-position: -43px -131px; }
.fancy-input.option-toggle:not(.default) > input[type=checkbox]:active + label,
.fancy-input.option-toggle:not(.default) > input[type=checkbox] + label:hover:active {
background-position: -43px -164px; }
.fancy-input.option-toggle:not(.default) > input[type=checkbox]:active:checked + label,
.fancy-input.option-toggle:not(.default) > input[type=checkbox]:checked + label:hover:active {
background-position: -43px -164px; }
.fancy-input.option-toggle:not(.default) > input[type=checkbox]:focus + label {
background-position: -43px -131px; }
.fancy-input label,
.fancy-input label {
float: left;
width: auto;
font-family: 'Roboto', sans-serif;
font-weight: 400;
padding-left: 30px; }
.fancy-input .chk-bx-label {
margin-left: 10px; }
.fancy-input:not(.default) > input[type=checkbox] + label.chkBx-error {
background-position: -43px -97px; }
.fancy-input .chk-bx-label label, .fancy-input .chk-bx-label label {
float: left;
width: auto;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-style: normal;
padding-left: 30px; }
.fancy-input .chk-bx-label .radio-container {
margin-bottom: 20px; }
.fancy-input .chk-bx-label, .fancy-input .chk-bx-label {
position: relative;
display: inline-block;
padding-left: 10px;
padding: 5px 0px 5px 7px; }
.fancy-input .chk-bx-label h4 {
margin-top: 0; }
#prepaid .fancy-input .chk-bx-label label.field {
padding-left: 0px;
min-width: 250px;
float: left;
margin-right: 15px; }
#prepaid .fancy-input .chk-bx-label label.field input {
max-width: 250px; }
#prepaid .fancy-input .chk-bx-label a#prepaid-update-total {
width: 142px;
margin-top: 18px;
cursor: pointer; }
#prepaid .fancy-input .chk-bx-label a#prepaid-update-total:hover {
text-decoration: none; }
#prepaid .fancy-input .chk-bx-label a#prepaid-update-total[disabled] {
opacity: 0.5; }
#prepaid .fancy-input .chk-bx-label img.loading-spinner {
margin-top: 15px;
margin-left: 15px; }
#legal-chkBx {
margin-top: 40px; }
#legal-chkBx h4 {
font-weight: 300;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px; }
#legal-chkBx p.error-msg {
padding-left: 0; }
#legal-chkBx .chk-bx-label {
width: 92%; }
@media (min-width: 768px) {
.radio-btn-group li {
margin-bottom: 10px; } }
.mc__table-adjust td {
vertical-align: bottom !important; }
#review-and-submit .quote-section {
margin-bottom: 55px; }
.quote-section table {
position: relative; }
.sxm-bootstrap .quote-section .table.balance-due {
margin-bottom: 0px;
margin-top: 20px; }
.sxm-bootstrap .quote-section .table.balance-due ~ .table.balance-due {
margin-top: 0; }
.sxm-bootstrap .quote-section .table > tbody > tr td,
.sxm-bootstrap .table > tbody > tr th {
border-color: #b3b3b3; }
.sxm-bootstrap .quote-section .table > tbody > tr:first-child td {
border-top: 0; }
.sxm-bootstrap .quote-section .table.balance-due > tbody > tr:first-child td {
border-top: 1px solid #b3b3b3; }
.sxm-bootstrap .quote-section .table > tbody > tr.middle td {
border-top: 0;
padding-top: 0px; }
.sxm-bootstrap .quote-section .table > tbody > tr.extra-details td {
font-size: 18px; }
.sxm-bootstrap .quote-section .table > tbody > tr.extra-details td .recurring {
font-weight: 700; }
.sxm-bootstrap .quote-section .table > tbody > tr > td {
width: 75%;
font-size: 16px;
font-weight: 300;
padding-top: 15px;
padding-bottom: 15px; }
.sxm-bootstrap .quote-section .table > tbody > tr.condensed > td {
padding-bottom: 4px; }
.sxm-bootstrap .quote-section .table > tbody > tr td strong {
font-size: 20px; }
.sxm-bootstrap .quote-section .table > tbody > tr td.price {
width: 25%;
padding-right: 35px;
text-align: right; }
.sxm-bootstrap .quote-section .table > tbody > tr.final-total td.price strong {
color: #02a612; }
.sxm-bootstrap .quote-section .table > tbody > tr td.price .charge-summary__action a.view-details {
margin-right: 0px !important; }
.sxm-bootstrap .quote-section .table.balance-due > tbody > tr td strong span.mob-for-account {
display: block;
font-size: 14px; }
.sxm-bootstrap .quote-section .table > tbody > tr.final-total td {
padding-bottom: 0; }
.quote-section .table .tt-next {
display: inline;
vertical-align: middle; }
.sxm-bootstrap .quote-section .table .tooltip-icon {
display: inline;
vertical-align: middle;
font-size: 11px; }
.sxm-bootstrap .quote-section .table .tooltip-icon abbr {
margin: 1px auto; }
.sxm-bootstrap .quote-section .table .tooltip-icon abbr p {
text-align: left; }
.sxm-bootstrap .quote-section .table tr.extra-details td {
font-size: 14px !important; }
.sxm-bootstrap .quote-section table tr small {
display: block;
font-size: 16px;
padding-left: 1em; }
.sxm-bootstrap .quote-section table tr small.pad-left-0 {
padding-left: 0; }
@media (min-width: 768px) {
.quote-section .table .tt-next {
display: inline-block; }
.sxm-bootstrap .quote-section .table .tooltip-icon {
display: inline-block; }
.sxm-bootstrap .quote-section .table.balance-due > tbody > tr td strong span.mob-for-account {
display: inline;
font-size: inherit; } }
@media (min-width: 992px) {
.sxm-bootstrap .quote-section .table tr.extra-details td {
font-size: 18px !important; }
.sxm-bootstrap .quote-section .table > tbody > tr > td {
padding-left: 35px; }
.sxm-bootstrap .quote-section .table .tooltip-icon {
font-size: 18px; }
.sxm-bootstrap .quote-section .table small .tooltip-icon {
font-size: 12px;
margin-top: 0; }
.sxm-bootstrap .quote-section .table > tbody > tr > td {
font-size: 24px; }
.sxm-bootstrap .quote-section .table > tbody > tr td strong {
font-size: 32px; } }
@media print {
.sxm-bootstrap .quote-section .table > tbody > tr > td {
font-size: 16px;
padding: 5px 0 5px 45px; } }
.form-layout__indent {
padding-left: 0px; }
@media (min-width: 768px) {
.form-layout__indent {
padding: 0 30px 30px 30px; } }
.sxm-bootstrap .form-layout__two-columns.confirmation-details .col-md-6.first, .sxm-bootstrap .form-layout__two-columns.confirmation-details .col-md-6.last {
padding-left: 0px; }
.sxm-bootstrap .form-layout__two-columns.confirmation-details .col-md-6.last {
padding-right: 0px; }
@media (min-width: 768px) {
.sxm-bootstrap .form-layout__two-columns .form-group, .sxm-bootstrap .form-layout__two-columns .select-wrap, .sxm-bootstrap .form-layout__two-columns textarea, .sxm-bootstrap .form-layout__two-columns .form-group__content {
max-width: 100%; } }
@media (min-width: 992px) {
.sxm-bootstrap .form-layout__two-columns.confirmation-details .col-md-6.last {
padding-left: 15px; } }
@media (min-width: 768px) {
.sxm-bootstrap .form-layout__single-column--full-width .form-group, .sxm-bootstrap .form-layout__single-column--full-width .select-wrap, .sxm-bootstrap .form-layout__single-column--full-width textarea, .sxm-bootstrap .form-layout__single-column--full-width .form-group__content {
max-width: 100%; } }
.sxm-bootstrap.oac-flow.layout__centered h1,
.oac-flow.layout--centered h1 {
text-align: center; }
.sxm-bootstrap.oac-flow.layout__centered .row__hero .sxm-col__main,
.oac-flow.layout--centered .row__hero .sxm-col__main {
max-width: 900px;
margin: 0 auto; }
.sxm-bootstrap.oac-flow.layout__centered .row__hero .sxm-col__main h1,
.oac-flow.layout--centered .row__hero .sxm-col__main h1 {
text-align: center; }
.sxm-bootstrap.oac-flow.layout__centered .row__content .sxm-col__main,
.oac-flow.layout--centered .row__content .sxm-col__main {
max-width: 400px;
width: 100%;
margin: 0 auto; }
.sxm-bootstrap.oac-flow.layout__centered .row__content .sxm-col__main .form-group,
.sxm-bootstrap.oac-flow.layout__centered .row__content .sxm-col__main textarea,
.sxm-bootstrap.oac-flow.layout__centered .row__content .sxm-col__main .form-group__content,
.oac-flow.layout--centered .row__content .sxm-col__main .form-group,
.oac-flow.layout--centered .row__content .sxm-col__main textarea,
.oac-flow.layout--centered .row__content .sxm-col__main .form-group__content {
max-width: 400px;
margin: 0 auto; }
.sxm-bootstrap.oac-flow.layout__centered .row__content .sxm-col__main .form-row,
.oac-flow.layout--centered .row__content .sxm-col__main .form-row {
max-width: 400px;
margin-left: auto;
margin-right: auto;
/* DE-1765 - adding new css */ }
.sxm-bootstrap.oac-flow.layout__centered .row__content .sxm-col__main .form-row div[class^="col-"]:first-child,
.oac-flow.layout--centered .row__content .sxm-col__main .form-row div[class^="col-"]:first-child {
padding-left: 0;
padding-right: 10px; }
.sxm-bootstrap.oac-flow.layout__centered .row__content .sxm-col__main .form-row div[class^="col-"] + div[class^="col-"],
.oac-flow.layout--centered .row__content .sxm-col__main .form-row div[class^="col-"] + div[class^="col-"] {
padding-left: 10px;
padding-right: 10px; }
.sxm-bootstrap.oac-flow.layout__centered .row__content .sxm-col__main .form-row div[class^="col-"]:last-child,
.oac-flow.layout--centered .row__content .sxm-col__main .form-row div[class^="col-"]:last-child {
padding-right: 0 !important; }
.sxm-bootstrap.oac-flow.layout__centered .form-layout__intro-panel .alt-action h5,
.oac-flow.layout--centered .form-layout__intro-panel .alt-action h5 {
margin: 0 0 20px 0;
font-weight: 700;
overflow: hidden;
text-align: center;
font-size: 16px;
text-transform: uppercase; }
.sxm-bootstrap.oac-flow.layout__centered .form-layout__intro-panel .alt-action h5:before,
.sxm-bootstrap.oac-flow.layout__centered .form-layout__intro-panel .alt-action h5:after,
.oac-flow.layout--centered .form-layout__intro-panel .alt-action h5:before,
.oac-flow.layout--centered .form-layout__intro-panel .alt-action h5:after {
background-color: #ccc;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%; }
.sxm-bootstrap.oac-flow.layout__centered .form-layout__intro-panel .alt-action h5:before,
.oac-flow.layout--centered .form-layout__intro-panel .alt-action h5:before {
right: 20px;
margin-left: -50%; }
.sxm-bootstrap.oac-flow.layout__centered .form-layout__intro-panel .alt-action h5:after,
.oac-flow.layout--centered .form-layout__intro-panel .alt-action h5:after {
left: 20px;
margin-right: -50%; }
.sxm-bootstrap.oac-flow.layout__centered .form-layout__intro-panel .alt-action h6,
.oac-flow.layout--centered .form-layout__intro-panel .alt-action h6 {
font-size: 12px;
font-weight: 700; }
.sxm-bootstrap.oac-flow.layout__centered #flow-navigation,
.oac-flow.layout--centered #flow-navigation {
margin-top: 20px; }
.sxm-bootstrap.oac-flow.layout__centered #flow-navigation a.btn,
.oac-flow.layout--centered #flow-navigation a.btn {
margin-left: auto;
margin-right: auto;
float: none;
max-width: 400px; }
.sxm-bootstrap.oac-flow.layout__centered #flow-navigation a.btn.btn-back,
.oac-flow.layout--centered #flow-navigation a.btn.btn-back {
background: none;
border: 0;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #0072ba; }
@media (max-width: 767px) {
.btn.btn-continue ~ .btn.btn-back {
margin-top: 5px !important; } }
a.view-details, a.sxm__ui-drawer__trigger {
display: inline-block;
vertical-align: middle; }
a.view-details:hover, a.sxm__ui-drawer__trigger:hover {
text-decoration: none;
cursor: pointer; }
a.view-details:before, a.sxm__ui-drawer__trigger:before {
content: "\f067";
font-family: "fontawesome";
display: inline-block;
margin-right: 10px;
font-size: .7em;
vertical-align: middle; }
a.view-details.open:before, a.sxm__ui-drawer__trigger.open:before {
content: "\f068"; }
a.view-details {
margin-right: 40px;
float: right;
text-align: right; }
.sxm__ui-drawer {
overflow: hidden; }
.sxm__ui-drawer h1 {
margin-top: 15px; }
.sxm__ui-drawer .quote-section {
margin-top: 15px; }
@media (min-width: 768px) {
.sxm__ui-drawer .quote-section {
margin-top: 35px; } }
i.sxm-icon {
font-size: 70px;
height: 1em;
width: 1em;
display: inline-block;
background-size: .75em;
background-position: center .05em;
background-repeat: no-repeat; }
i.sxm-icon.sxm-icon__monitor {
background-image: url(../svg/icon__monitor.svg); }
i.sxm-icon.sxm-icon__account {
background-image: url(../svg/icon__account.svg); }
i.sxm-icon.sxm-icon__credit-card {
background-image: url(../svg/icon__credit-card.svg); }
i.sxm-icon.sxm-icon__refresh {
background-image: url(../svg/icon__refresh.svg); }
i.sxm-icon.sxm-icon__preferences {
background-image: url(../svg/icon__preferences.svg); }
/*----------------------------------------------*/
/* 2.0 Chat button
/*----------------------------------------------*/
#chat-tab {
position: fixed;
top: 290px;
right: -52px;
z-index: 9997;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
display: none; }
.ie9 #chat-tab {
right: -107px; }
#chat-tab a {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAApCAYAAACsldDLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRjRGMDQ2Mjg1REMxMUU1ODBGQ0Y3Q0RFQkVCMDMwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMzM1QzM4QTg1REMxMUU1ODBGQ0Y3Q0RFQkVCMDMwNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJGNEYwNDYwODVEQzExRTU4MEZDRjdDREVCRUIwMzA0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJGNEYwNDYxODVEQzExRTU4MEZDRjdDREVCRUIwMzA0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ukA9SAAAAy9JREFUeNrUmU1IVFEUx306ETVF0yIqQsxQxhoyKnJhQZARCBUI7SoK2gXpoghda2BEi4I2LYIIYhYRJISLzJjEFpot0jYxSNCMIhN90Cel8/yfOG84Xd7T917vzbtz4fe+7r3n/Od93HvPGcM0zapKKdVVFVRitDEMw3NHPJFt2B0Ee0AK1ILNIC6afQez4D14A16BDPxN+/DHG/cdkuAKyJr/V7JsJxm4WLRpBYNmOIXstroRa/zdOLwGqKPHehOcsKn+A8bAKJgEWZAHX0GRv4e1YAtoADvBftACVtjYewA6oWXW853F9Q7w2eZODIPTYJ2fj4T6cf9hG9vkr8OTWFzrsTH0COwO8usme2xXLT2uxOK8V+k4A9rDHJLIPvuRpXdJsfx4ZBkFG8oxhpIf9ifLSVux2NeDb6JhBqwu56BP/tivVUhPvZ3YtGj0DiSimKXIL/u3SvofsaARFEWDw1FOq+RfaCmyvtLa4BTNunw8grFuKEqx7H/EOmV9JbFtou1dTdYtUkebFJsSFS80ESt1pKRY+THlNRE7I44TUuyCqFipidi40+JbLh6SmohtFMc5KXZMVLRrIva4OJ6QYgdExTmMaasiHmfpHT0jLg2U5lywBnwQA3FfxGKvCy0fQVydbi+JBgtRzWLwe1SZTS/arQ1i4KVo9AUciGCa/SE0kJ6Y0xKxDsyJxtTxbBlEUnjVCX4L3wVrxbXU4nsXN5TlIagNSShFzE8Uf/Se7nMb1mwHbxUDP8EN0BCQyGZwB8wrfqbBDq8BI60r7zmEz8/5sTX5EHkejDvYvQ/W+wrFudER7K6BZocmn8BrDsXn+Hyesz1p2M4JWzUcwqsOpzgMfxZEkqOaQ/OMxwTGlIzhcLxJqX8KjpH9wNNH3GkruAyGwC8XgictwRx6WyXnNde17GuwjAHKrDTxerMObOQsTELJ4tBjPgT2gkG+Ng6/LaEl5jz+kG7lDk+ALnH+ONQsYgCC5aB/26vYUJPJeMz92MlUkEzIFbTLfLPgfpuqvHZiWTDd3avK5YKWYllwtyI4r61YIfiW3zsbi2B9fQHUKKG2ux9bSf+DLQowAGKrE43n04SBAAAAAElFTkSuQmCC) no-repeat 11px 6px #005480;
background-size: 26px;
padding: 7px 16px 7px 44px;
color: #fff;
font-family: Roboto, Arial, sans-serif;
font-size: 16px;
text-decoration: none;
font-weight: 700;
display: inline-block; }
#chat-tab a:hover {
background-color: #0072ba; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#chat-tab {
right: -40px; }
#chat-tab a {
padding-bottom: 20px; } }
@media (min-width: 768px) {
#chat-tab {
display: block; }
#chat-tab a {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAApCAYAAACsldDLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRjRGMDQ2Mjg1REMxMUU1ODBGQ0Y3Q0RFQkVCMDMwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMzM1QzM4QTg1REMxMUU1ODBGQ0Y3Q0RFQkVCMDMwNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJGNEYwNDYwODVEQzExRTU4MEZDRjdDREVCRUIwMzA0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJGNEYwNDYxODVEQzExRTU4MEZDRjdDREVCRUIwMzA0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ukA9SAAAAy9JREFUeNrUmU1IVFEUx306ETVF0yIqQsxQxhoyKnJhQZARCBUI7SoK2gXpoghda2BEi4I2LYIIYhYRJISLzJjEFpot0jYxSNCMIhN90Cel8/yfOG84Xd7T917vzbtz4fe+7r3n/Od93HvPGcM0zapKKdVVFVRitDEMw3NHPJFt2B0Ee0AK1ILNIC6afQez4D14A16BDPxN+/DHG/cdkuAKyJr/V7JsJxm4WLRpBYNmOIXstroRa/zdOLwGqKPHehOcsKn+A8bAKJgEWZAHX0GRv4e1YAtoADvBftACVtjYewA6oWXW853F9Q7w2eZODIPTYJ2fj4T6cf9hG9vkr8OTWFzrsTH0COwO8usme2xXLT2uxOK8V+k4A9rDHJLIPvuRpXdJsfx4ZBkFG8oxhpIf9ifLSVux2NeDb6JhBqwu56BP/tivVUhPvZ3YtGj0DiSimKXIL/u3SvofsaARFEWDw1FOq+RfaCmyvtLa4BTNunw8grFuKEqx7H/EOmV9JbFtou1dTdYtUkebFJsSFS80ESt1pKRY+THlNRE7I44TUuyCqFipidi40+JbLh6SmohtFMc5KXZMVLRrIva4OJ6QYgdExTmMaasiHmfpHT0jLg2U5lywBnwQA3FfxGKvCy0fQVydbi+JBgtRzWLwe1SZTS/arQ1i4KVo9AUciGCa/SE0kJ6Y0xKxDsyJxtTxbBlEUnjVCX4L3wVrxbXU4nsXN5TlIagNSShFzE8Uf/Se7nMb1mwHbxUDP8EN0BCQyGZwB8wrfqbBDq8BI60r7zmEz8/5sTX5EHkejDvYvQ/W+wrFudER7K6BZocmn8BrDsXn+Hyesz1p2M4JWzUcwqsOpzgMfxZEkqOaQ/OMxwTGlIzhcLxJqX8KjpH9wNNH3GkruAyGwC8XgictwRx6WyXnNde17GuwjAHKrDTxerMObOQsTELJ4tBjPgT2gkG+Ng6/LaEl5jz+kG7lDk+ALnH+ONQsYgCC5aB/26vYUJPJeMz92MlUkEzIFbTLfLPgfpuqvHZiWTDd3avK5YKWYllwtyI4r61YIfiW3zsbi2B9fQHUKKG2ux9bSf+DLQowAGKrE43n04SBAAAAAElFTkSuQmCC) no-repeat 11px 6px #005480;
background-size: 26px; } }
#progress-bar-wrapper {
background-color: rgba(255, 255, 255, 0.5); }
.oac-progress-bar {
width: 670px;
margin: 0 auto;
padding-top: 30px;
position: relative; }
.oac-progress-bar .dot-section {
width: 150px;
float: left;
margin-right: 52px; }
.oac-progress-bar hr.dot-line {
position: absolute;
height: 14px;
/* specify a height for this hr */
overflow: hidden;
margin: 0;
border-top: 0; }
.oac-progress-bar hr.dot-line:after {
content: ".......................................................................";
letter-spacing: -.75px;
/* Use letter-spacing to increase space between dots*/ }
.oac-progress-bar .dot-line {
top: 32px; }
.oac-progress-bar .dot-line.first {
left: 70px;
width: 153px; }
.oac-progress-bar .dot-line.second {
left: 266px;
width: 158px; }
.oac-progress-bar .dot-line.third {
left: 468px;
width: 145px; }
.oac-progress-bar .dot-section:first-child {
width: 95px;
margin-right: 74px; }
.oac-progress-bar .dot-section:last-child {
width: 73px;
float: right;
margin-right: 0; }
.oac-progress-bar .dot-section .dot-in-progress {
margin: 0 auto;
width: 30px;
height: 30px;
background-color: #0e5581;
border-radius: 15px; }
.oac-progress-bar .dot-section .dot-next {
margin: 0 auto;
width: 30px;
height: 30px;
border-radius: 15px;
border: 5px solid #0e5581; }
.oac-progress-bar .dot-section .dot-label {
margin: 0 auto;
display: block; }
.oac-progress-bar .dot-section .dot-label p {
text-transform: uppercase;
color: #0e5581;
font-size: 11px;
letter-spacing: 1px;
text-align: center;
font-weight: 700;
margin-top: 10px; }
#progress-bar-wrapper, .progress-bar-wrapper {
background-color: rgba(255, 255, 255, 0.5); }
ul.oac-progress-bar--2 {
width: 670px;
margin: 0 auto;
padding: 0px 0 0px 0;
/*background-color: violet;*/
text-align: center; }
ul.oac-progress-bar--2 li {
margin: 0 -2px;
padding: 0;
display: inline-block;
white-space: nowrap;
overflow: hidden;
position: relative;
vertical-align: top; }
ul.oac-progress-bar--2 li:last-of-type:after, ul.oac-progress-bar--2 li:first-of-type:before {
display: none; }
ul.oac-progress-bar--2 li:after, ul.oac-progress-bar--2 li:before {
position: absolute;
display: inline-block;
vertical-align: top;
content: "";
border-bottom: 1px dotted #666;
width: 33%;
height: 5px;
top: 33px;
right: -4px;
white-space: nowrap; }
ul.oac-progress-bar--2 li:before {
right: auto;
left: -5px; }
ul.oac-progress-bar--2 li a {
vertical-align: center;
display: inline-block;
padding: 20px 7px;
white-space: normal;
cursor: initial; }
ul.oac-progress-bar--2 li a:hover {
text-decoration: none; }
ul.oac-progress-bar--2 li i.dot {
display: inline-block;
height: 30px;
width: 30px;
border: 4px solid #0e5581;
border-radius: 50%; }
ul.oac-progress-bar--2 li.step--in-progress i.dot {
background-color: #0e5581; }
ul.oac-progress-bar--2 li .dot-label {
width: 100%;
text-transform: uppercase;
color: #0e5581;
font-size: 11px;
letter-spacing: 1px;
text-align: center;
font-weight: 700;
margin-top: 10px; }
ul.oac-progress-bar--2.three-steps li {
width: 33%; }
ul.oac-progress-bar--2.four-steps li {
width: 25%; }
ul.oac-progress-bar--2.five-steps {
width: 770px; }
ul.oac-progress-bar--2.five-steps li {
width: 20%; }
ul.oac-progress-bar--2.six-steps {
width: 770px; }
ul.oac-progress-bar--2.six-steps li {
width: 16.6666666667%; }
/*
.sxm-bootstrap {
.bottom-btns {
margin-top: 20px;
}
.bottom-btns .btn-lg {
max-width: 400px;
width: 100%;
font-size: 16px;
margin-bottom: 15px;
}
.try-new-search {
display: block;
text-align: center;
font-size: 16px;
}
.bottom-btns .continue-btn {
font-size: 16px;
margin: 0 auto 20px;
display: block;
}
.bottom-btns .back-btn {
width: 155px;
font-size: 16px;
&.go-back-and-try {
width: auto;
}
&.mobile-only {
margin: 0 auto;
text-align: center;
display: block;
}
&.desktop-only {
display:none;
}
}
}
.page__special-offer.sxm-bootstrap .bottom-btns .continue-btn {
display:none;
}
@media (min-width: 768px) {
.sxm-bootstrap .bottom-btns {
margin-top: 60px;
margin-bottom: 80px;
}
.sxm-bootstrap .bottom-btns .btn-lg {
max-width: 330px;
}
.sxm-bootstrap .bottom-btns .back-btn {
float: left;
&.mobile-only {
display:none;
}
}
.sxm-bootstrap .continue-btn {
float: none;
width: 300px;
}
.sxm-bootstrap .bottom-btns {
margin-top: 60px;
margin-bottom: 80px;
background: red!important;
&.no-desktop-styles {
margin-top:20px;
.continue-btn {
max-width:400px;
margin:0 auto;
}
.back-btn.mobile-only {
display: block;
max-width: 400px;
width: 100%;
margin: 20px auto;
float:none;
}
}
.btn.desktop-only {
display:block;
}
}
.page__special-offer.sxm-bootstrap .bottom-btns .continue-btn {
display:block;
}
}
*/
.sxm-bootstrap .bottom-btns a.continue-btn, .sxm-bootstrap .bottom-btns a.back-btn {
float: none;
display: block;
margin: 10px auto;
text-align: center; }
.sxm-bootstrap .bottom-btns.complete a {
float: none;
display: block;
margin: 0 auto;
width: 400px;
max-width: 400px; }
@media (min-width: 768px) {
.sxm-bootstrap .bottom-btns a.continue-btn {
float: right; }
.sxm-bootstrap .bottom-btns a.back-btn {
text-align: left; } }
.sxm-bootstrap #flow-navigation {
margin-top: 30px;
margin-bottom: 30px;
height: 100px; }
.sxm-bootstrap #flow-navigation.empty {
margin: 0px;
height: 50px; }
.sxm-bootstrap #flow-navigation a.btn {
margin: 0 auto;
display: block; }
.sxm-bootstrap #flow-navigation .btn.btn-back {
width: 180px; }
.sxm-bootstrap #flow-navigation .btn.btn-back.btn-nothanks {
width: 270px; }
.sxm-bootstrap #flow-navigation.complete a.account-home {
float: none;
display: block;
margin: 0 auto;
width: 100%;
max-width: 400px; }
@media (max-width: 767px) {
main:not(.page__package-selection) #flow-navigation a.btn.btn-back {
background: none;
border: 0;
box-shadow: none;
color: #0072ba;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } }
.oac-flow .page__package-selection #flow-navigation a.btn-continue {
display: none;
max-width: 400px; }
@media (min-width: 768px) {
.sxm-bootstrap #flow-navigation {
margin-top: 40px;
margin-bottom: 50px; }
.sxm-bootstrap #flow-navigation.empty {
margin: 0px;
height: 80px; }
.sxm-bootstrap #flow-navigation .btn.btn-back {
float: left; }
.sxm-bootstrap #flow-navigation .btn.btn-back.btn-nothanks {
width: 210px; }
.sxm-bootstrap #flow-navigation a.btn {
margin: 0; }
.sxm-bootstrap #flow-navigation .btn.btn-continue {
float: right;
display: block;
max-width: 300px; }
main.page__package-selection #flow-navigation a.btn.btn-continue {
display: block; } }
/* mc */
.plan-term-toggle__bar {
width: 100%;
text-align: center;
background: rgba(255, 255, 255, 0);
top: 0;
left: 0;
transition: all .4s ease-in-out; }
/*.plan-term-toggle__bar.affix-top {
width:100%;
position:relative;
}*/
.plan-term-toggle__bar.affix {
top: 0;
left: 0;
z-index: 9999;
background: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid #ddd;
padding: 0px 0 10px 0;
-webkit-transform: translateZ(0) !important;
position: fixed;
-webkit-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.26);
-moz-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.26);
box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.26); }
.plan-term-toggle__bar.affix label {
margin: 0; }
.plan-term-toggle__bar.affix #plan-term-toggle {
margin: 0; }
/* mc */
#plan-term-toggle {
display: inline-block;
margin: 20px auto;
width: 100%;
top: 0;
left: 0;
max-width: 400px; }
#plan-term-toggle .rd-wrapper {
float: left;
width: 50%;
padding: 0; }
#plan-term-toggle .rd-wrapper:not(.default) > input {
padding: 0;
margin: 0;
height: 0px;
width: 0px;
opacity: 0; }
#plan-term-toggle .rd-wrapper:not(.default) > input + label {
width: 100%;
height: 40px;
padding-top: 10px;
background-color: #FFF;
border: 1px solid #b3b3b3; }
#plan-term-toggle .rd-wrapper:not(.default) > input#monthly-term + label {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-right: 0px; }
#plan-term-toggle .rd-wrapper:not(.default) > input#annual-term + label {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px; }
#plan-term-toggle .rd-wrapper:not(.default) > input:hover + label,
#plan-term-toggle .rd-wrapper:not(.default) > input:focus + label,
#plan-term-toggle .rd-wrapper:not(.default) > input + label:hover {
/* background: -webkit-linear-gradient(rgba(255, 255, 255, 1.0) 16px, #D7D7D7 66px);
background: -o-linear-gradient(rgba(255, 255, 255, 1.0) 16px, #D7D7D7 66px);
background: -moz-linear-gradient(rgba(255, 255, 255, 1.0) 16px, #D7D7D7 66px);
background: linear-gradient(rgba(255, 255, 255, 1.0) 16px, #D7D7D7 66px);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D7D7D7', GradientType=0);
filter: progid: DXImageTransform.Microsoft.gradient(enabled false);*/
background-color: #FFFFFF;
/* Fallback Color */
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#d7d7d7));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #FFFFFF, #d7d7d7);
/* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #FFFFFF, #d7d7d7);
/* FF3.6 */
background-image: -ms-linear-gradient(top, #FFFFFF, #d7d7d7);
/* IE10 */
background-image: -o-linear-gradient(top, #FFFFFF, #d7d7d7);
/* Opera 11.10+ */
background-image: linear-gradient(top, #FFFFFF, #d7d7d7);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FFFFFFFF', EndColorStr='#FFD7D7D7');
background-position: left top; }
#plan-term-toggle .rd-wrapper:not(.default) > input:checked + label {
/*background-image: -webkit-linear-gradient(top, #0072ba 0%, #0065b0 100%);
background-image: -o-linear-gradient(top, #0072ba 0%, #0065b0 100%);
background-image: linear-gradient(to bottom, #0072ba 0%, #0065b0 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0072ba', endColorstr='#ff0065b0', GradientType=0);
filter: progid: DXImageTransform.Microsoft.gradient(enabled false);*/
background-color: #0072ba;
/* Fallback Color */
background-image: -webkit-gradient(linear, left top, left bottom, from(#0072ba), to(#0065b0));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #0072ba, #0065b0);
/* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #0072ba, #0065b0);
/* FF3.6 */
background-image: -ms-linear-gradient(top, #0072ba, #0065b0);
/* IE10 */
background-image: -o-linear-gradient(top, #0072ba, #0065b0);
/* Opera 11.10+ */
background-image: linear-gradient(top, #0072ba, #0065b0);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FF0072BA', EndColorStr='#FF0065B0');
background-position: left top; }
#plan-term-toggle .rd-wrapper:not(.default) > input:active:checked + label,
#plan-term-toggle .rd-wrapper:not(.default) > input:checked + label:hover:active,
#plan-term-toggle .rd-wrapper:not(.default) > input:checked + label {
/*
background-image: -webkit-linear-gradient(top, #0072ba 0%, #0065b0 100%);
background-image: -o-linear-gradient(top, #0072ba 0%, #0065b0 100%);
background-image: linear-gradient(to bottom, #0072ba 0%, #0065b0 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0072ba', endColorstr='#ff0065b0', GradientType=0);
filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
*/
background-color: #0072ba;
/* Fallback Color */
background-image: -webkit-gradient(linear, left top, left bottom, from(#0072ba), to(#0065b0));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #0072ba, #0065b0);
/* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #0072ba, #0065b0);
/* FF3.6 */
background-image: -ms-linear-gradient(top, #0072ba, #0065b0);
/* IE10 */
background-image: -o-linear-gradient(top, #0072ba, #0065b0);
/* Opera 11.10+ */
background-image: linear-gradient(top, #0072ba, #0065b0);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FF0072BA', EndColorStr='#FF0065B0');
background-position: left top; }
#plan-term-toggle .rd-wrapper:not(.default) > input:checked + label p {
color: #FFF;
font-weight: 400;
line-height: 22px; }
#plan-term-toggle label {
padding-left: 0; }
#plan-term-toggle label p {
font-size: 14px;
text-align: center;
margin-bottom: 0;
line-height: 1.3em; }
#plan-term-toggle label p.term-detail {
text-transform: uppercase;
font-size: 10px;
display: none; }
@media (min-width: 768px) {
#plan-term-toggle label p {
font-size: 16px; }
#plan-term-toggle label p.term-detail {
display: block;
line-height: 20px;
margin-top: 2px; }
#plan-term-toggle .rd-wrapper:not(.default) > input + label {
height: 64px; }
#plan-term-toggle.plan-term-toggle-french .rd-wrapper:not(.default) > input + label {
height: 83px; }
#plan-term-toggle.plan-term-toggle-french .rd-wrapper:not(.default) > input#monthly-term + label {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-right: 0px;
padding-top: 18px; }
.plan-term-toggle__bar.affix #plan-term-toggle .rd-wrapper:not(.default) > input + label {
height: 40px; }
.plan-term-toggle__bar.affix #plan-term-toggle label p.term-detail {
display: none; }
#plan-term-toggle label p.term-detail {
font-size: 12px; } }
@media (min-width: 992px) {
#plan-term-toggle {
margin: -20px auto 20px; } }
.sxm-bootstrap ul.packages {
padding: 0; }
.sxm-bootstrap ul.packages li.package__block {
padding-top: 0; }
.sxm-bootstrap ul.packages li.package__block.show-more {
padding: 20px 15px; }
.sxm-bootstrap .row.panel-row .col-sm-6 {
padding: 0px; }
.sxm-bootstrap .row.panel-row .panel {
border-radius: 0px; }
.sxm-bootstrap .row.panel-row .panel .block-wrapper {
position: absolute;
top: 0;
left: 0px;
width: 100%; }
.sxm-bootstrap .row.panel-row .panel .inner-wrapper {
text-align: center; }
.sxm-bootstrap .row.panel-row .panel .inner-wrapper.top-right {
top: 0px;
right: -1px;
position: absolute; }
.sxm-bootstrap .row.panel-row .panel .color-block {
background-color: #009900;
font-size: 12px;
padding: 6px 12px;
color: #FFF;
font-weight: 700;
margin: 0;
max-width: 410px;
float: none;
display: inline-block; }
.sxm-bootstrap .row.panel-row .panel .color-block + .color-block {
margin-left: -3px; }
.sxm-bootstrap .row.panel-row .panel .intro-price {
background-color: #707070; }
.sxm-bootstrap .row.panel-row .panel .panel-body {
border-top: 1px solid #ccc;
margin-top: 20px; }
.sxm-bootstrap .row.panel-row .panel .panel-heading {
padding: 0px; }
.sxm-bootstrap .row.panel-row .panel .panel-heading .panel-option-row .panel-option-action {
display: inline-block;
width: 15%;
vertical-align: middle; }
.sxm-bootstrap .row.panel-row .panel .panel-heading .panel-option-row .panel-option-label {
display: inline-block;
width: 83%;
vertical-align: middle; }
.sxm-bootstrap .row.panel-row .panel .panel-heading .panel-option-row .panel-option-label .panel-option-title {
font-size: 20px;
font-weight: 300;
margin-top: 5px; }
.sxm-bootstrap li.package__block .package__add-on hr {
border-color: #c0c0c0;
margin-top: 30px;
margin-bottom: 0px; }
.sxm-bootstrap li.package__block .package__add-on .password-coach__wrap hr {
margin: 0 0 20px; }
.sxm-bootstrap li.package__block p#show-more {
margin-bottom: 0;
position: relative;
font-size: 14px; }
.sxm-bootstrap li.package__block p#show-more i {
font-size: 12px;
color: #0072ba;
margin-right: 10px;
top: -1px;
display: inline-block; }
.sxm-bootstrap li.package__block a.show-pckg-deets {
text-align: center;
display: inline-block; }
.sxm-bootstrap li.package__block .package-name {
font-weight: 700;
font-size: 24px;
margin-bottom: 2px; }
.sxm-bootstrap li.package__block h3.price {
font-size: 20px;
font-weight: 300;
margin-top: 0; }
.sxm-bootstrap li.package__block p.see-details {
font-size: 12px;
margin-bottom: 0px; }
.more-than-three {
display: none; }
.package__feature-row {
padding: 27px 0; }
.package__feature-row h2 {
font-size: 24px;
margin: 0;
font-weight: 300;
line-height: 28px; }
.package__feature-row .feature-item {
white-space: normal;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
vertical-align: middle; }
.package__feature-row.package__add-on {
border-bottom: none;
padding-bottom: 0;
display: none; }
.package__feature-row.package__add-on .form-group {
margin: 0;
max-width: 400px; }
.package__feature-row.mobile-only {
border-top: 1px solid silver;
margin-top: 20px; }
.device-block .package__feature-row .feature-item {
vertical-align: top; }
.package-row {
width: 100%; }
.package-row.package__login-creation {
padding-top: 0;
border-top: 1px solid silver;
display: block;
margin-bottom: 0; }
.package-row.package__login-creation hr {
display: none; }
.feature-item {
width: 100%; }
.feature-item.feature-item__action {
display: none; }
.feature-item.feature-item__name {
text-align: center; }
.feature-item.feature-item__bubbles {
display: none; }
.feature-item.feature-item__price {
text-align: center;
margin-top: 10px; }
.feature-item.feature-item__price h2 {
display: inline-block;
vertical-align: middle; }
.feature-item.feature-item__price h2 .intro-price,
.feature-item.feature-item__price h2 .MRD-savings-block {
text-transform: uppercase;
font-size: 12px;
display: block;
color: #FFF;
padding: 0 10px;
font-weight: 700;
line-height: 2em;
width: 160px;
margin: 3px auto 5px;
cursor: pointer; }
.feature-item.feature-item__price h2 .intro-price {
background-color: #707070; }
.feature-item.feature-item__price h2 .MRD-savings-block {
background-color: #009900;
width: 190px; }
.feature-item.feature-item__price h2 .per-term {
font-size: 0.65em;
text-transform: uppercase; }
.feature-item.feature-item__price .popover-content p {
text-align: left;
font-size: 14px;
margin-bottom: 5px; }
.feature-item.feature-item__price .popover-content p:last-child {
margin-bottom: 0px; }
.feature-item.feature-item__price p {
text-align: center;
font-weight: 300; }
.feature-item.feature-item__price .color-block {
display: block;
max-width: 100px; }
.feature-item.feature-item__price .color-block.savings {
background-color: #009900;
max-width: 210px;
margin: 5px auto 0; }
.feature-item.feature-item__price .color-block p {
font-weight: 700;
color: #FFF;
padding: 5px 10px; }
.feature-item.feature-item__price .MRD {
text-transform: uppercase;
font-size: 14px;
display: block;
margin-bottom: 1px; }
.feature-item.feature-item__price .MRD-savings {
text-decoration: line-through;
margin: 0px; }
.feature-item.feature-item__price .upgrade-today {
text-transform: uppercase;
font-weight: 700;
margin-bottom: 0px; }
.feature-item.feature-item__price .bubbles {
padding-top: 30px;
text-align: center; }
.feature-item.feature-item__price .bubbles img {
width: 100%;
max-width: 300px; }
.feature-item.feature-item__price .annual-wrapper {
display: none; }
.feature-item.feature-item__cta .btn-continue {
max-width: 200px;
float: right; }
.feature-item .sprite-wrapper.mobile-only {
margin-bottom: 0px;
max-width: 250px; }
.package__info {
margin: 0 auto; }
.package__info .desktop-only {
display: none; }
.package__info p.mobile-only {
text-align: center; }
.package__info p.channel-count {
font-size: 14px;
font-weight: 700;
margin-bottom: 8px; }
.package__info ul.feature-item__list li {
display: inline-block;
/*width: 32%;*/
vertical-align: top;
min-width: 240px;
background: url("//www.siriusxm.com/wo/i/servicecontinuity/img/single-check-icon.png") no-repeat 0px 5px;
background-size: 16px;
padding-left: 25px;
margin-bottom: 4px; }
.package__info ul.feature-item__list li p {
font-size: 14px;
font-weight: 300;
margin-bottom: 0px; }
.package__info ul.feature-item__bullet {
list-style-position: outside;
list-style-type: disc;
padding-left: 32px; }
.package__info ul.feature-item__bullet li {
vertical-align: top;
background-size: 16px;
padding-left: 0;
margin-bottom: 4px;
font-size: 11px; }
.package__info ul.feature-item__bullet li p {
font-size: 14px;
font-weight: 300;
margin-bottom: 0px;
display: inline-block;
vertical-align: middle; }
.package__info ul.feature-item__bullet li.bullet-heading {
padding-left: 0;
list-style: none;
margin-left: -15px;
margin-bottom: 6px; }
.package__info .package__info ul.feature-item__list:last-child {
margin-bottom: 30px; }
.package__info a.btn-lg {
margin: 20px auto 5px;
display: block;
max-width: 400px;
width: 100%; }
.package__info i.fa-sort-desc,
.package__info i.fa-sort-up {
position: relative;
top: -5px;
color: #0072ba;
margin-right: 3px; }
.package__info i.fa-sort-up {
top: 4px; }
.package__add-on a.btn-lg {
max-width: 350px;
width: 100%;
margin: 15px auto;
display: block; }
.device-block .package__add-on h4 {
font-weight: 400;
margin: 0; }
.sxm-bootstrap .package__block-footer {
margin-top: -20px;
border: none;
background-color: #c2c6c9;
padding: 20px 35px; }
.sxm-bootstrap .package__block-footer .btn {
width: 300px;
max-width: initial;
float: right; }
.stacked-offer-row.visible-xs ul.form-layout.form-layout__textual {
margin-top: 15px; }
.stacked-offer-row ul.form-layout.form-layout__textual li {
padding-right: 0;
padding-left: 0;
padding-bottom: 10px; }
.stacked-offer-row ul.form-layout.form-layout__textual li div {
vertical-align: middle;
display: inline-block; }
.stacked-offer-row ul.form-layout.form-layout__textual li h2 {
font-size: 24px; }
.stacked-offer-row ul.form-layout.form-layout__textual li .form-layout__action {
position: relative;
display: inline-block;
width: 35px; }
.stacked-offer-row ul.form-layout.form-layout__textual li:last-child {
padding-bottom: 0px; }
.stacked-offer-row .savings-block {
background-color: #009900;
color: #fff;
font-weight: 700;
padding: 5px 10px;
margin-left: 10px; }
.stacked-offer-row .stacked-addon {
margin-left: 38px; }
.stacked-offer-row .stacked-addon h4 {
margin-top: 5px; }
.white-tr-box, .sxm-bootstrap ul.packages li.package__block.template-layout {
margin-top: 20px;
padding: 20px 5px; }
.sxm-bootstrap .template-layout {
margin-top: 20px; }
.sxm-bootstrap .template-layout .package__feature-row {
padding-top: 0px;
border: none;
margin-bottom: 0px; }
.sxm-bootstrap .template-layout .package__feature-row .feature-item {
display: block;
width: 100%;
padding: 0px !important;
text-align: left; }
.sxm-bootstrap .template-layout .package__feature-row .feature-item h2 {
font-weight: 700;
letter-spacing: -0.3px;
margin-bottom: 15px;
font-size: 24px; }
.sxm-bootstrap .template-layout .package__feature-row .feature-item.feature-item__name {
margin-bottom: 15px; }
.sxm-bootstrap .template-layout ul.form-layout.form-layout__textual {
margin-top: 25px; }
.sxm-bootstrap .template-layout ul.form-layout.form-layout__textual li .form-layout__description {
padding-top: 0px; }
.sxm-bootstrap .template-layout .img-container {
float: right; }
.sxm-bootstrap .template-layout .img-container img.template-img {
width: 100%; }
@media (min-width: 768px) {
.mobile-only {
display: none; }
.desktop-only {
display: block; }
.package__info ul.feature-item__list:last-child {
margin-bottom: 0px; }
.package__info .desktop-only {
display: block; }
.package__info.echodot {
background: url(../img/device-echodot.png) no-repeat 0px 0px;
background-size: 145px;
background-position: 520px 289px;
padding: 0 0 20px 0;
margin-bottom: -20px; }
.package__info.echodot.gen-three {
background-image: url(../img/device-echodot-gen3.png);
background-size: 110px;
background-position: 550px 289px; }
.package__info.echospot {
background: url(../img/device-echospot.png) no-repeat 0px 0px;
background-size: 100px;
background-position: 720px 270px;
padding: 0 0 20px 0;
margin-bottom: -20px; }
.package__info.google-nest-hub {
background: url(../img/device-google-hub-white.png) no-repeat 0px 0px;
background-size: 120px;
background-position: 560px 329px;
padding: 0 0 20px 0;
margin-bottom: -20px; }
li.package__block.show-more {
padding: 20px 15px; }
li.package__block.show-more p#show-more {
padding: 15px 5px;
font-size: 16px; }
.feature-item.feature-item__price p {
text-align: right;
font-size: 14px;
margin: 0; }
.feature-item.feature-item__price h2 .MRD-savings-block,
.feature-item.feature-item__price h2 .intro-price {
width: 182px;
margin: 3px 0 6px 3px;
text-align: center;
letter-spacing: -0.25px; }
.package-row {
margin-bottom: 20px; }
.package__feature-row {
white-space: nowrap;
border-bottom: 1px solid silver;
padding: 10px 0; }
.package__feature-row.package__add-on {
border-bottom: none;
border-top: 1px solid silver;
padding: 30px 0 15px;
margin-bottom: 0;
white-space: normal; }
.package__feature-row.package__add-on h4 {
margin: 15px 0;
white-space: normal; }
.package__feature-row.no-bubbles {
padding: 25px 0 10px;
border: 0;
margin-bottom: 0px; }
.package__feature-row.no-bubbles.infotainment {
margin-bottom: 20px;
border-bottom: 1px solid silver; }
.device-block .package__add-on h4 {
font-weight: 400;
margin: 0; }
.feature-item {
width: 24%; }
.feature-item.feature-item__action {
width: 5%;
display: inline-block; }
.feature-item.feature-item__name {
width: 37%;
text-align: left;
padding: 0 5px; }
.feature-item.feature-item__bubbles {
display: inline-block;
width: 30.5%; }
.feature-item.feature-item__bubbles .sprite-wrapper {
height: 70px; }
.feature-item.feature-item__price {
text-align: right;
width: 26.5%;
margin-top: initial; }
.package__feature-row.no-bubbles.infotainment {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid silver; }
.package__feature-row.no-bubbles.infotainment.feature-item__name {
width: 67.5%; }
.package__feature-row.no-bubbles .feature-item.feature-item__name {
width: 69.5%; }
.package__feature-row.no-bubbles .feature-item.feature-item__price {
width: 25%; }
.package__feature-row.no-bubbles.no-price .feature-item.feature-item__name {
width: 95%; }
.package__feature-row.winback .feature-item.feature-item__name {
width: 31%; }
.package__feature-row.winback .feature-item.feature-item__price {
width: 32.5%; }
.package__feature-row.no-radio-btn .feature-item.feature-item__name {
width: 34.5%;
padding: 0; }
.package__feature-row.no-radio-btn .feature-item.feature-item__price, .package__feature-row.no-radio-btn .feature-item.feature-item__cta {
width: 34.5%; }
.package__feature-row.no-radio-btn .feature-item.feature-item__action {
display: none; }
.package__feature-row.no-bubbles.no-radio-btn.info.feature-item.feature-item__name {
width: 67.5%; }
.color-block {
float: right;
margin-top: 5px;
max-width: 100px; }
.color-block.savings {
max-width: 105px;
margin-left: 35px; }
.package__info {
max-width: initial; }
.package__info p {
margin-bottom: 18px; }
.package__info ul.col-sm-5 {
padding-right: 5px; }
.package__info ul li {
margin-bottom: 8px; }
.package__info ul.feature-item__list li {
min-width: inherit; }
.package__info p.view-lineup {
margin-bottom: 0px; }
.package__info ul li {
margin-bottom: 8px; }
.package__info ul.feature-item__list li {
min-width: 100%; }
.package__info p.view-lineup {
margin-bottom: 0px; }
.sxm-bootstrap a.choose-pkg {
display: none; }
.package__add-on .feature-item__name {
width: 65%; }
.package__add-on .feature-item__price {
width: 29%; }
.row.panel-row .col-sm-6.left {
padding-right: 15px; }
.row.panel-row .col-sm-6.right {
padding-left: 15px; }
.stacked-offer-row {
margin-top: 25px; }
.stacked-offer-row ul.form-layout.form-layout__textual {
margin-top: 20px; }
.stacked-offer-row.package__feature-row {
border-bottom: none;
border-top: 1px solid silver; }
.stacked-offer-row ul.form-layout.form-layout__textual li {
padding-bottom: 20px; }
.stacked-offer-row ul.form-layout.form-layout__textual li:last-child {
padding-bottom: 20px; }
.white-tr-box, .sxm-bootstrap ul.packages li.package__block.template-layout {
margin-top: 0px; } }
@media (min-width: 992px) {
.package__block h2,
.stacked-offer-row h2 {
font-size: 26px;
margin-top: 1px; }
.sxm-bootstrap li.package__block h3.price {
font-size: 26px; }
.sxm-bootstrap li.package__block .package-name {
font-size: 32px; }
li.package__block.show-more p#show-more {
padding: 15px 10px; }
.package__login-creation .form-group {
margin-left: 0; }
.feature-item.feature-item__name {
width: 32.5%; }
.package__add-on {
padding-bottom: 0px; }
.package__add-on .feature-item.feature-item__name {
width: 62%; }
.package__feature-row h2 {
font-size: 26px; }
.feature-item.feature-item__bubbles {
width: 29.5%; }
.feature-item.feature-item__bubbles .sprite-wrapper {
height: 88px; }
.feature-item.feature-item__price {
width: 32%; }
.feature-item.feature-item__price h2 .MRD-savings-block,
.feature-item.feature-item__price h2 .intro-price {
margin: 5px 0 5px 20px;
font-size: 14px;
width: 210px; }
.feature-item.feature-item__cta {
width: 32%; }
.feature-item.feature-item__cta .btn-continue {
max-width: 260px; }
.package__feature-row.no-radio-btn .feature-item.feature-item__name {
width: 37%; }
.package__feature-row.no-radio-btn .feature-item.feature-item__price, .package__feature-row.no-radio-btn .feature-item.feature-item__cta {
width: 33%; }
.package__feature-row.no-bubbles {
padding: 35px 0 20px; }
.package__feature-row.no-bubbles.infotainment {
margin-bottom: 20px;
border-bottom: 1px solid silver; }
li.package__block h2.price.annual-price {
top: 11px; }
.package__info p {
font-size: 16px;
line-height: 22px; }
.package__info p.channel-count {
font-size: 18px; }
.package__info ul {
margin-bottom: 30px; }
.package__info ul li p {
font-size: 16px; }
.package__info.echodot {
background-size: 170px;
background-position: 650px 286px; }
.package__info.echodot.gen-three {
background-size: 130px;
background-position: 770px 289px; }
.package__info.echodot.gen-three.intrial-single {
background-position: 770px 190px; }
.package__info.google-nest-hub {
background-size: 170px;
background-position: 725px 248px; }
.sxm-bootstrap .row.panel-row .panel .color-block {
font-size: 14px; }
.sxm-bootstrap .row.panel-row .panel .panel-heading .panel-option-row .panel-option-action {
width: 10%; }
.sxm-bootstrap .row.panel-row .panel .panel-heading .panel-option-row .panel-option-label {
width: 89%; } }
@media (min-width: 1200px) {
.package__block h2,
.stacked-offer-row h2 {
font-size: 32px;
line-height: 38px; }
.sxm-bootstrap li.package__block h3.price {
font-size: 28px; }
li.package__block.show-more p#show-more {
padding: 15px 20px; }
.feature-item.feature-item__action {
width: 4%; }
.feature-item.feature-item__name {
width: 33.5%; }
.feature-item.feature-item__bubbles {
width: 23.75%; }
.feature-item.feature-item__bubbles .sprite-wrapper {
height: 84px; }
.feature-item.feature-item__price {
width: 38%; }
.feature-item.feature-item__price h2 {
display: inline-block;
vertical-align: middle; }
.feature-item.feature-item__price h2 .intro-price {
margin-left: 60px; }
.feature-item.feature-item__price h2 .MRD-savings-block {
margin-left: 60px; }
.feature-item.feature-item__cta {
width: 38%; }
.package__feature-row.winback .feature-item.feature-item__name {
width: 34%; }
.package__feature-row.winback .feature-item.feature-item__price, .package__feature-row.winback .feature-item.feature-item__cta {
width: 36.5%; }
.package__feature-row.no-radio-btn .feature-item.feature-item__name {
width: 38%; }
.package__feature-row.no-radio-btn .feature-item.feature-item__bubbles {
width: 23.5%; }
.package__feature-row.no-radio-btn .feature-item.feature-item__price, .package__feature-row.no-radio-btn .feature-item.feature-item__cta {
width: 38%; }
.package__feature-row.winback .feature-item .color-block.savings {
margin-left: 10px; }
.package__add-on {
margin-top: 30px; }
.package__add-on .feature-item__price {
width: 33.5%; }
.package__feature-row.no-bubbles {
padding: 35px 0 5px; }
.package__feature-row.no-bubbles.infotainment {
margin-bottom: 20px;
border-bottom: 1px solid silver;
padding-bottom: 25px; }
.package__feature-row.no-bubbles .feature-item.feature-item__price, .package__feature-row.no-bubbles .feature-item.feature-item__cta {
width: 26%; }
.package__info {
margin-bottom: 0px; }
.package__info.echodot {
background-position: 730px 286px; }
.package__info.echospot {
background-position: 800px 270px; }
.package__info.echospot.intrial-single {
background-position: 770px 190px; }
.package__info.google-nest-hub {
background-position: 815px 248px; }
.stacked-offer-row ul.form-layout.form-layout__textual li .form-layout__action {
width: 4%; }
.stacked-offer-row ul.form-layout.form-layout__textual li h2 {
font-size: 32px;
line-height: 38px; }
.stacked-offer-row ul.form-layout.form-layout__textual li .stacked-addon {
margin-left: 4.25%; }
.sxm-bootstrap ul.packages li.package__block.template-layout {
padding: 35px 20px; }
.sxm-bootstrap .template-layout .package__feature-row .feature-item h2 {
font-size: 32px; } }
.magic-button {
color: #ffffff;
background: -webkit-linear-gradient(#0099d0, #004698);
background: -o-linear-gradient(#0099d0, #004698);
background: -moz-linear-gradient(#0099d0, #004698);
background: linear-gradient(#0099d0, #004698);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099d0', endColorstr='#004698', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
-moz-box-shadow: 1px 1px 0px 0px #66c2e3 inset;
-webkit-box-shadow: 1px 1px 0px 0px #66c2e3 inset;
box-shadow: 1px 1px 0px 0px #66c2e3 inset;
border: none; }
.magic-button:hover, .magic-button:focus {
color: #ffffff;
background: -webkit-linear-gradient(#00a9d9, #003489);
background: -o-linear-gradient(#00a9d9, #003489);
background: -moz-linear-gradient(#00a9d9, #003489);
background: linear-gradient(#00a9d9, #003489);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a9d9', endColorstr='#003489', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-position: 0 0px;
border: none !important; }
.magic-button {
display: block;
margin: 1em auto;
max-width: 370px;
height: auto;
border-radius: 3px;
overflow: hidden; }
.magic-button .magic-button__title {
text-align: center;
font-size: 16px;
font-weight: 600;
padding: 0;
line-height: 0;
cursor: pointer;
padding: 5px 15px 15px 15px; }
.magic-button .magic-button__drawer {
max-height: 0;
overflow: hidden;
transform: translateZ(0);
transition: all .5s ease-in-out;
border-top: 1px solid rgba(255, 255, 255, 0);
margin: 0 auto;
max-width: 90%; }
.magic-button .magic-button__drawer p.choose-add-on {
margin-top: 10px; }
.magic-button .magic-button__drawer.open {
border-top: 1px solid rgba(255, 255, 255, 0.2);
max-height: 350px; }
.magic-button .magic-button__drawer a.magic-button__continue {
display: block;
margin: 0 auto;
background: white;
color: #00519f;
max-width: 75%;
padding: 10px 20px;
border-radius: 2px;
margin: 25px auto 25px auto;
cursor: pointer;
position: relative;
/*&:after {
content:"\f061";
display: inline-block;
font-family: "fontawesome";
font-size: 1em;
position: absolute;
right: 20px;
top:.55em;
}*/ }
.magic-button a {
color: white; }
.magic-button ul.magic-button__add-on-list {
margin: 0;
padding: 0 5px; }
.magic-button ul.magic-button__add-on-list li {
display: inline-block;
width: 100%;
padding: 0 0 0 30px;
margin: 7px 0;
cursor: pointer;
position: relative; }
.magic-button ul.magic-button__add-on-list li:before {
content: "\f096";
font-family: "fontawesome";
display: inline-block;
vertical-align: middle;
font-size: 1.8em;
width: 28px;
position: absolute;
left: 0;
top: 7px; }
.magic-button ul.magic-button__add-on-list li.checked:before {
content: "\f046"; }
.magic-button ul.magic-button__add-on-list p {
display: inline-block;
margin: 0;
padding: 3px 0; }
.magic-button ul.magic-button__add-on-list li p.magic-button__add-on__description {
width: 100%;
font-weight: 400;
font-size: 12px;
line-height: 1.3em; }
.magic-button ul.magic-button__add-on-list li p.magic-button__add-on__price {
width: 40%;
text-align: right;
float: right; }
.magic-button ul.magic-button__add-on-list li p.magic-button__add-on__price .yearly {
display: none; }
.magic-button ul.magic-button__add-on-list li p.magic-button__add-on__title {
width: 60%;
font-weight: 500; }
@media (min-width: 768px) {
.magic-button {
display: none; } }
.device-block {
min-width: 290px;
margin: 0 auto 20px;
padding: 20px 15px; }
.device-block .green-check-adjacent {
float: left; }
.device-block h2.check-wrapper {
display: none; }
.device-block i.green-check {
display: none; }
.device-block h2 {
font-size: 20px;
font-weight: 700;
margin: 0 0 10px 0; }
.device-block p.radio-details, .device-block p.re-enter {
display: none; }
.device-block span.ymm,
.device-block span.package {
font-weight: 700; }
.device-block span.RID {
font-weight: 100;
display: inline-block; }
.device-block a.btn {
display: block;
margin: 0 auto;
width: 100%;
max-width: 400px; }
.device-block.nonpay {
margin: 20px 0px; }
.device-block.nonpay a.btn {
margin: 10px 0; }
.found-radio {
margin-bottom: 45px; }
.found-radio p.re-enter {
font-size: 14px;
font-weight: 300; }
.found-radio p.re-enter.desktop-only {
display: none; }
.found-radio p.re-enter.mobile-only {
margin: 10px 0 0 0; }
#review-and-submit .white-tr-box h4 {
margin-top: 30px; }
.device-block {
margin-top: 15px;
padding: 20px 20px 10px;
margin-bottom: 0px;
position: relative; }
.device-block hr {
margin-top: 0px;
border-top: 1px solid silver;
margin-bottom: 25px; }
.white-tr-box .radio-swap-wrapper {
display: table;
width: 100%;
height: 60px; }
.white-tr-box .radio-swap-wrapper h2 {
margin-top: 0;
padding-left: 50px;
display: table-cell;
vertical-align: middle;
width: 39%; }
.white-tr-box .radio-swap-wrapper #left {
text-align: right;
padding-left: 0;
padding-right: 50px; }
.white-tr-box .radio-swap-wrapper {
height: 80px; }
@media (min-width: 768px) {
.device-block {
margin-bottom: 15px;
max-width: 100%;
/* == mc ==*/
padding: 20px; }
.device-block h2 {
float: left;
margin-bottom: 0px; }
.device-block h2 {
font-size: 22px; }
.device-block hr {
margin-top: 10px; }
h2 span.RID {
display: initial; }
.device-block p.re-enter.mobile-only {
display: block; }
.device-block p.re-enter.desktop-only {
display: none; }
.device-block p.radio-details, .device-block .activation-details {
font-size: 18px;
font-weight: 300;
margin-bottom: 0;
display: block; }
.device-block p.radio-details {
margin-top: 10px; } }
@media (min-width: 992px) {
.sxm-bootstrap .device-block {
margin-top: 30px;
margin-bottom: 35px;
padding: 30px 25px 30px; }
.sxm-bootstrap .device-block a.btn {
margin: initial; }
.device-block h2.check-wrapper {
display: block; }
.device-block i.green-check {
font-size: 1.2em;
width: 1.25em;
margin-top: 0.08em;
display: block; }
.device-block p.re-enter.mobile-only {
display: none; }
.device-block p.re-enter.desktop-only {
display: block;
font-size: 16px;
margin-left: 15px;
float: left;
margin-top: 7px; }
.device-block h2 {
margin-top: 0; }
.device-block h2 span {
margin-top: 0;
font-size: 30px !important; }
.device-block p.re-enter.mobile-only {
display: none; }
.device-block p.re-enter.desktop-only {
display: block;
float: left;
margin-left: 20px; }
.device-block h2 {
float: left; }
.device-block h2 {
font-size: 22px; }
.formSprite h2 span.RID {
display: initial; }
.device-block p.radio-details {
font-size: 18px;
/* mc?? */ } }
@media (min-width: 1200px) {
.sxm-bootstrap .device-block {
padding: 35px; }
.sxm-bootstrap .device-block h2 {
font-size: 32px; }
.sxm-bootstrap .device-block i.green-check {
margin-top: 0.25em;
font-size: 0.8em; }
.sxm-bootstrap .device-block p.re-enter.desktop-only {
margin-top: 10px; } }
.benefits-of-registering {
margin-top: 13px;
width: 100%;
background-color: white;
border: 1px solid #ccc;
display: block;
padding: 0 20px 30px 20px;
text-align: center; }
.benefits-of-registering ul, .benefits-of-registering p {
text-align: left; }
.benefits-of-registering h3 {
margin-bottom: 10px;
display: block; }
.benefits-of-registering img.registration-graphic {
display: inline-block;
margin: 30px 0 5px;
width: 120px; }
.oac-flow ul.nice-checklist {
padding: 20px 0 0 0;
width: 100%;
max-width: 400px;
margin: 0 auto;
list-style-type: none !important; }
.oac-flow ul.nice-checklist li {
font-size: 17px;
margin-bottom: 1.5em;
padding-left: 1.7em;
background: url(../img/green-check.png) left 5px no-repeat;
background-size: 1.1em; }
.oac-flow ul.nice-checklist.yellow-check li {
background: url(../img/yellow-check.png) left 5px no-repeat;
background-size: 1.1em; }
/*
*/
ul.charge-summary {
border-top: 1px solid #b3b3b3;
padding: 20px 0 1px;
list-style-type: none; }
ul.charge-summary li {
padding: 0 10px; }
ul.charge-summary li p {
display: inline-block;
vertical-align: top; }
ul.charge-summary p.charge-summary__description {
width: 100%; }
ul.charge-summary p.charge-summary__action {
width: 100%;
text-align: center; }
ul.charge-summary p.charge-summary__action a {
margin-right: 0;
float: none; }
@media (min-width: 768px) {
ul.charge-summary li {
padding: 0 25px 0 0px; }
ul.charge-summary li p {
display: inline-block;
font-size: 18px; }
ul.charge-summary p.charge-summary__description {
width: 74%; }
ul.charge-summary p.charge-summary__action {
width: 25%;
text-align: right; }
ul.charge-summary p.charge-summary__action a {
margin-right: 0; } }
.banner.banner__freeradio {
border: 1px solid silver;
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(top, #ffffff 10%, #afafaf 130%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 10%, #afafaf 130%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 10%, #afafaf 130%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#afafaf',GradientType=0 );
/* IE6-9 */ }
.banner.banner__freeradio .banner--img-wrapper {
padding: 20px 0px; }
.banner.banner__freeradio .headline--colorblock {
padding: 1px 10px 10px;
margin-bottom: 15px; }
.banner.banner__freeradio .headline--colorblock h4 {
font-size: 16px;
font-weight: 700; }
.banner.banner__freeradio h1 {
font-size: 28px;
margin-bottom: 20px;
letter-spacing: 0.2px; }
.banner.banner__freeradio .content--inner {
padding: 0px;
color: #000; }
.banner.echodot {
border: 1px solid #b3b3b3;
background-color: rgba(255, 255, 255, 0.8);
padding: 40px 40px 25px; }
.banner.echodot .btn {
margin: 0px 0px 20px; }
@media (min-width: 768px) {
.banner.banner__freeradio .col-sm-6 {
padding-left: 0px; }
.banner.banner__freeradio .banner--img-wrapper {
height: 260px;
background-size: 146%;
background-position: 40% 50%;
padding: 30px 0px; }
.banner.banner__freeradio .banner--img-wrapper.xm-radio {
background: url(../img/banner-img__free-radio-2.png) 40% 50% no-repeat;
background-size: 146%; }
.banner.banner__freeradio .banner--img-wrapper.sirius-radio {
background: url(../img/banner-img__free-radio-sirius.png) 40% 50% no-repeat;
background-size: 146%; }
.banner.banner__freeradio .headline--colorblock h1 {
font-size: 36px;
margin-bottom: 0px; }
.banner.banner__freeradio .headline--colorblock h4 {
font-size: 24px;
color: #FFF;
font-weight: 400;
margin-top: 5px; }
.banner.banner__freeradio .headline--colorblock p {
color: #FFF;
margin-top: 5px;
font-size: 16px; }
.banner.banner__freeradio p {
font-size: 14px;
font-weight: 400;
color: #000; }
.banner.banner__freeradio .content--inner {
padding: 0 30px; }
.banner.echodot-success {
background-image: url(../img/device-echodot.png);
background-repeat: no-repeat;
background-position: 370px 30px;
background-size: 350px;
margin-bottom: 50px; }
.banner.echodot-fail {
margin-bottom: 50px; }
.banner.echodot-redeem {
background-image: url(../img/device-echodot.png);
background-repeat: no-repeat;
background-position: 510px 50%;
background-size: 170px;
margin-bottom: 50px; }
.banner.echodot-redeem.gen-three {
background-image: url(../img/device-echodot-gen3.png);
background-size: 140px; }
.banner.echospot-redeem {
background-image: url(../img/device-echospot.png);
background-repeat: no-repeat;
background-position: 510px 50%;
background-size: 110px;
margin-bottom: 50px; }
.banner.google-hub-redeem {
background-image: url(../img/device-google-hub-white.png);
background-size: 170px;
background-repeat: no-repeat;
background-position: 510px 50%;
margin-bottom: 50px;
background-color: #FFF; } }
@media (min-width: 992px) {
.banner.banner__freeradio .headline--colorblock {
margin-right: 15px; }
.banner.banner__freeradio .headline--colorblock h1 {
font-size: 48px; }
.banner.banner__freeradio .banner--img-wrapper {
background-size: 130%;
height: 320px; }
.banner.banner__freeradio .banner--img-wrapper.xm-radio {
background-size: 130%;
background-position: 50% 50%; }
.banner.banner__freeradio .banner--img-wrapper.sirius-radio {
background-size: 140%;
background-position: 44% 50%; }
.banner.banner__freeradio h4 {
font-size: 24px; }
.banner.banner__freeradio p {
font-size: 16px;
font-weight: 400;
margin-top: 30px; }
.banner.echodot-success {
padding: 60px 40px 45px;
background-position: 530px 50%; }
.banner.echodot-redeem {
background-position: 710px 50%;
background-size: 170px; }
.banner.echospot-redeem {
background-position: 720px 50%;
background-size: 100px; }
.banner.google-hub-redeem {
background-position: 710px 50%; } }
@media (min-width: 1200px) {
.banner.banner__freeradio .headline--colorblock {
margin-top: 20px; }
.banner.banner__freeradio .headline--colorblock h1 {
font-size: 60px; }
.banner.banner__freeradio .banner--img-wrapper {
background-size: 135%;
height: 370px;
background-position: 50% 50%;
width: 1168px; }
.banner.banner__freeradio .banner--img-wrapper.xm-radio {
background-size: 140%;
background-position: 45% 50%; }
.banner.echodot-success {
background-position: 640px 50px; }
.banner.echodot-redeem {
background-position: 850px 50%;
background-size: 170px; }
.banner.echospot-redeem {
background-position: 870px 50%; }
.banner.google-hub-redeem {
background-position: 850px 50%; } }
/*---------- V2 Refresh at End of Flows ----------*/
.refresh-panel {
padding: 20px;
border: 1px solid #b3b3b3;
background-color: rgba(255, 255, 255, 0.8);
margin-top: 10px;
margin-bottom: 35px; }
.refresh-panel p, .refresh-panel ol {
font-size: 14px; }
.refresh-panel h3.block-heading {
font-size: 18px;
margin-top: 0;
font-weight: 700; }
.refresh-panel h4.instructions-header {
font-size: 14px;
font-weight: 700;
margin-top: 0;
margin-bottom: 4px; }
.refresh-panel .refresh-icon {
background: url("../img/sat-icon.png") no-repeat 50% 50%/contain;
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH"; }
.refresh-panel .step-section ol {
margin-bottom: 0;
padding: 0 0 0 20px;
list-style-type: decimal; }
.refresh-panel .step-section li {
margin-bottom: 8px;
font-size: 14px; }
.refresh-panel .step-section li:last-child {
margin-bottom: 0; }
.refresh-panel .vertical-divider, .refresh-panel .horizontal-divider {
font-size: 12px;
font-weight: bold;
color: #707070; }
.refresh-panel .refresh-inner-indent {
margin-top: 20px; }
.refresh-panel .horizontal-divider {
padding-top: 5px;
overflow: hidden;
text-align: center; }
.refresh-panel .horizontal-divider:before,
.refresh-panel .horizontal-divider:after {
background-color: #dddddd;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%; }
.refresh-panel .horizontal-divider:before {
right: 15px;
margin-left: -50%; }
.refresh-panel .horizontal-divider:after {
left: 15px;
margin-right: -50%; }
@media (min-width: 768px) {
.refresh-panel {
padding: 20px; }
.refresh-panel p, .refresh-panel ol {
font-size: 16px; }
.refresh-panel h3.block-heading {
font-size: 22px; }
.refresh-panel .step-section li {
margin-bottom: 12px;
font-size: 16px; }
.refresh-panel h4.instructions-header {
font-size: 18px;
margin-bottom: 10px; }
.refresh-panel .vertical-divider {
position: absolute;
z-index: 10;
top: 50%;
left: 45.5%;
margin: 0;
padding: 0;
width: auto;
height: 50%;
line-height: 0;
text-align: center;
text-transform: uppercase;
transform: translateX(-50%); }
.refresh-panel .vertical-divider:before,
.refresh-panel .vertical-divider:after {
position: absolute;
left: 50%;
content: '';
z-index: 9;
border-left: 1px solid #dddddd;
border-right: 1px solid rgba(255, 255, 255, 0.1);
width: 0;
height: 80%; }
.refresh-panel .vertical-divider:before {
top: -100%; }
.refresh-panel .vertical-divider:after {
top: auto;
bottom: 0; }
.refresh-panel .row-divided {
position: relative; }
.refresh-panel .refresh-inner-indent {
margin-top: 25px; } }
@media (min-width: 992px) {
.refresh-panel {
padding: 30px;
margin-top: 20px; }
.refresh-panel h3.block-heading {
font-size: 24px; }
.refresh-panel h4.instructions-header {
font-size: 20px;
margin-bottom: 15px; }
.refresh-panel .refresh-inner-indent {
margin-left: 55px; }
.refresh-panel .vertical-divider {
left: 41%; }
.device-block ~ .refresh-panel {
margin-top: -15px; } }
/*---------- V1 Refresh at End of Flows ----------*/
.refresh-radio-block .refresh-radio-content.media:first-child,
.refresh-radio-block .refresh-radio-content {
margin-top: 30px; }
.refresh-radio-block hr {
margin-top: 0; }
.refresh-radio-block h4 {
font-weight: 400;
line-height: 1.1; }
.refresh-radio-block h4.refresh-toggle-title {
font-weight: 700; }
.refresh-radio-block h4.instructions-header {
font-size: 20px;
margin: 0 0 15px 0; }
.refresh-radio-block i.glyphicon {
margin-right: 12px;
top: -1px;
font-size: 10px;
vertical-align: middle; }
.refresh-radio-block .step-section ol {
padding: 0 0 0 20px;
list-style: decimal; }
.refresh-radio-block .step-section li {
margin-bottom: 11px;
font-size: 14px; }
.refresh-radio-block .form-layout.form-layout__intro-panel .btn-lg {
margin-top: 0; }
.refresh-radio-block p.error-msg {
margin-bottom: 10px; }
.refresh-radio-block .media-object {
padding-top: 67.5%; }
.refresh-radio-block .refresh-radio-far .pull-left {
margin-right: 2px; }
.refresh-radio-block .media-object.icon-refresh-success {
background: url("../img/green-check.png") no-repeat top right/contain;
width: 30px; }
.refresh-radio-block .media-object.icon-refresh-signal {
background: url("../img/sat-icon.png") no-repeat 50% 50%/contain;
width: 60px; }
.refresh-radio-block .media-object.icon-refresh-mobile {
background: url("../img/mobile_icon.png") no-repeat 50% 50%/contain;
width: 35px; }
@media (min-width: 768px) {
.refresh-radio-block h4.instructions-header {
font-size: 22px; }
.refresh-radio-block i.glyphicon {
margin-right: 15px; }
.refresh-radio-block .step-section ol {
padding: 0 0 0 20px; }
.refresh-radio-block .step-section li {
margin-bottom: 12px;
font-size: 16px; }
.refresh-radio-block .form-layout.form-layout__intro-panel .btn-lg {
margin-top: 0; } }
.hh-offer-module {
background-color: #FFF;
border: 1px solid #CCC;
padding: 25px; }
.hh-offer-module h3 {
font-size: 26px;
margin-top: 0px; }
.hh-offer-module .radio-match {
background-color: #f3f3f3;
padding: 25px 20px 15px;
text-align: center;
margin-bottom: 20px; }
.hh-offer-module .radio-match h4 {
margin-top: 0px;
font-size: 18px; }
.hh-offer-module .radio-match a.btn {
margin: 10px 0px 15px; }
.hh-offer-module .media-left {
display: table-cell;
vertical-align: middle;
padding-right: 30px; }
.hh-offer-module .media-left .icon-bg {
width: 35px;
display: block; }
.hh-offer-module .media-left .icon-bg.car {
background-image: url(../img/icon-car-gray.png);
height: 22px;
background-size: 100%; }
.hh-offer-module .media-left .icon-bg.aftermarket {
background-image: url(../img/icon-aftermarket-radio.png);
height: 22px;
background-size: 100%; }
.hh-offer-module .media-body {
display: table-cell;
vertical-align: middle; }
.hh-offer-module.no-thanks {
padding: 30px;
margin-bottom: 30px; }
.hh-offer-module.no-thanks h5 {
font-size: 20px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 300; }
.device-block .hh-container {
border-top: 1px solid #CCC;
margin: 30px 0 0 0;
padding-top: 20px; }
.device-block .hh-offer-module {
padding: 0px;
border: 0;
display: none; }
.device-block .hh-show-more {
padding: 0; }
.device-block .hh-show-more .view-details {
float: none; }
@media (min-width: 768px) {
.hh-offer-module h3 {
font-size: 32px; }
.hh-offer-module .radio-match-group {
margin-bottom: 20px; }
.hh-offer-module .radio-match {
text-align: left;
padding-top: 20px;
margin-bottom: 10px; }
.hh-offer-module .radio-match h5 {
margin-top: 10px;
margin-bottom: 0px;
font-size: 18px; }
.hh-offer-module .radio-match a.btn {
max-width: 300px;
float: right;
margin: 0px 0px 5px; }
.hh-offer-module .no-thanks {
display: block;
margin-top: 20px;
margin-bottom: 0px;
text-align: right; }
.hh-offer-module a.view-details {
float: none; }
.sxm-bootstrap .hh-offer-module h4 {
font-size: 24px; } }
@media (min-width: 992px) {
.hh-offer-module {
padding: 40px 50px; }
.hh-offer-module h3 {
font-size: 46px;
line-height: 60px;
margin-bottom: 15px; }
.device-block .hh-offer-module {
padding: 0px; } }
.custom-overlay--aa-upsell {
/*---------- Term Upsell ----------*/
/*---------- ./ Term Upsell ----------*/ }
.custom-overlay--aa-upsell .row {
margin-left: 0;
margin-right: 0; }
.custom-overlay--aa-upsell .modal-content {
background: white url(../img/custom-overlay--aa-upsell-bg.jpg);
background-size: cover; }
.custom-overlay--aa-upsell * {
box-sizing: border-box; }
.custom-overlay--aa-upsell .btn-secondary-pnk.flat {
background: #904098;
border: 2px solid transparent; }
.custom-overlay--aa-upsell .btn-secondary-pnk.flat:hover, .custom-overlay--aa-upsell .btn-secondary-pnk.flat:active {
box-shadow: 0px 0px 0px transparent !important;
background: transparent;
color: #904098;
border: 2px solid #904098; }
.custom-overlay--aa-upsell .btn-text:hover, .custom-overlay--aa-upsell .btn-text:active {
box-shadow: 0px 0px 0px transparent !important; }
.custom-overlay--aa-upsell .primer-text {
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
letter-spacing: .1em;
color: black;
width: 100%; }
.custom-overlay--aa-upsell .primer-text.alt-1 {
color: #904098;
margin-bottom: 0;
line-height: 1; }
.custom-overlay--aa-upsell .offer-text {
padding: 0 10px; }
.custom-overlay--aa-upsell h3 {
font-size: 24px; }
.custom-overlay--aa-upsell .col {
display: inline-block;
margin: 0 -1.5px;
width: 100%;
float: none;
vertical-align: top; }
.custom-overlay--aa-upsell .offer-box {
margin: 25px 0;
border: 1px solid silver;
padding: 15px 20px; }
.custom-overlay--aa-upsell .offer-box__feature-list {
list-style-type: disc;
padding-left: 17px;
margin: 0px; }
.custom-overlay--aa-upsell .offer-box__feature-list li {
display: list-item;
width: 100%; }
.custom-overlay--aa-upsell .offer-box__feature-list span.list-label {
padding-left: 15px; }
.custom-overlay--aa-upsell .offer-box__feature-list span.icon {
width: 85px;
text-align: center; }
.custom-overlay--aa-upsell .offer-box__feature-list span.icon:before {
content: "";
display: inline-block; }
.custom-overlay--aa-upsell .offer-box__feature-list li span.icon:before {
background-image: url(../img/custom-overlay--aa-upsell-sprite-2.png); }
.custom-overlay--aa-upsell .offer-box__feature-list span.howard:before {
width: 48px;
height: 21px;
background-position: -30px -30px; }
.custom-overlay--aa-upsell .offer-box__feature-list span.mlb:before {
width: 36px;
height: 22px;
background-position: -30px -111px; }
.custom-overlay--aa-upsell .offer-box__feature-list span.nascar:before {
width: 76px;
height: 16px;
background-position: -30px -193px; }
.custom-overlay--aa-upsell .offer-box__feature-list span.nba:before {
width: 15px;
height: 33px;
background-position: -30px -269px; }
.custom-overlay--aa-upsell .offer-box__feature-list span.nfl:before {
width: 30px;
height: 41px;
background-position: -30px -362px; }
.custom-overlay--aa-upsell .offer-box__feature-list span.nhl:before {
width: 31px;
height: 34px;
background-position: -30px -463px; }
.custom-overlay--aa-upsell .offer-box__feature-list span.on-demand:before {
width: 60px;
height: 12px;
background-position: -30px -557px; }
.custom-overlay--aa-upsell .offer-box__feature-list span.pga:before {
width: 25px;
height: 31px;
background-position: -30px -629px; }
.custom-overlay--aa-upsell .offer-box__feature-list span.streaming:before {
width: 68px;
height: 22px;
background-position: -30px -720px; }
.custom-overlay--aa-upsell .typeset-grouping {
font-size: 7.5px; }
.custom-overlay--aa-upsell .typeset {
display: block;
width: 100%;
line-height: 1;
color: black; }
.custom-overlay--aa-upsell .typeset sup {
line-height: 1;
font-size: 50%;
display: inline-block; }
.custom-overlay--aa-upsell .typeset.typeset--1 {
font-size: 3.0em; }
.custom-overlay--aa-upsell .typeset.typeset--2 {
font-size: 4.0em;
text-transform: uppercase;
font-weight: 600;
color: #904098; }
.custom-overlay--aa-upsell .typeset.typeset--3 {
font-size: 2.6em;
padding: .15em 0 0em 0; }
.custom-overlay--aa-upsell .typeset.typeset--4 {
font-size: 15.5em;
font-weight: 700;
line-height: .8;
padding: .03em 0 .07em 0; }
.custom-overlay--aa-upsell .typeset sup.months {
margin-left: 10px; }
.custom-overlay--aa-upsell .typeset.typeset--legal {
font-size: 14px; }
.custom-overlay--aa-upsell .typeset-grouping.ca-enfr .typeset.typeset--2 {
line-height: 1.2em; }
.custom-overlay--aa-upsell .typeset-grouping.ca-enfr .typeset.typeset--3 {
padding-top: 0px;
padding-bottom: 10px; }
.custom-overlay--aa-upsell .typeset-grouping.ca-enfr .typeset.typeset--4 {
letter-spacing: -15px;
font-size: 12.5em; }
.custom-overlay--aa-upsell .typeset-grouping.ca-enfr .typeset.typeset--4 sup {
letter-spacing: -1px;
font-size: 30%;
vertical-align: 40px; }
.custom-overlay--aa-upsell .typeset-grouping.ca-enfr .typeset.typeset--4 sup.dollar {
margin-left: 20px; }
.custom-overlay--aa-upsell .typeset-grouping.ca-enfr .typeset.typeset--4 sup.cents {
margin-left: 10px; }
.custom-overlay--aa-upsell .typeset-grouping.ca-enfr .typeset.typeset--4 sup.months {
margin-left: 10pxx0px; }
.custom-overlay--aa-upsell.term-upsell h1.offer-text {
font-weight: 300; }
.custom-overlay--aa-upsell.term-upsell .typeset--1 {
font-size: 4.0em;
font-weight: 700; }
.custom-overlay--aa-upsell.term-upsell .typeset--3 {
font-weight: 400;
font-size: 3em;
color: #7AC143; }
.custom-overlay--aa-upsell.term-upsell .typeset--4 {
font-size: 7.5em;
color: #7AC143; }
.custom-overlay--aa-upsell.term-upsell .typeset--legal {
font-size: 12px;
line-height: 17px;
margin-bottom: 25px; }
.custom-overlay--aa-upsell.term-upsell .offer-box {
margin-bottom: 10px; }
.custom-overlay--aa-upsell.term-upsell .typeset-grouping {
margin-right: 0; }
@media (min-width: 768px) {
.custom-overlay--aa-upsell {
/*---------- MCP Upsell ----------*/
/*---------- Term Upsell ----------*/
/*---------- ./ Term Upsell ----------*/
/*---------- Updates for Device Promo ----------*/
/*---------- ./Updates for Device Promo ----------*/ }
.custom-overlay--aa-upsell .typeset-grouping {
font-size: 10px;
margin-right: 25px; }
.custom-overlay--aa-upsell .col.col-a {
width: 49%; }
.custom-overlay--aa-upsell .col.col-b {
width: 51%; }
.custom-overlay--aa-upsell .col.col-b .small {
margin-top: 5px;
font-size: 12px; }
.custom-overlay--aa-upsell .modal-content {
max-width: 850px;
width: 100%; }
.custom-overlay--aa-upsell .modal-body {
max-width: 100%;
margin: 0;
width: 100%;
padding: 35px 60px; }
.custom-overlay--aa-upsell .btn-text.btn-lg {
padding-left: 0px !important;
padding-right: 0px !important;
margin-right: 25px;
width: auto; }
.custom-overlay--aa-upsell .typeset.typeset--4.mcp {
font-size: 9em;
letter-spacing: -2px;
padding-top: 10px;
padding-bottom: 17px; }
.custom-overlay--aa-upsell .typeset.typeset--4.mcp sup {
top: -0.7em; }
.custom-overlay--aa-upsell .typeset.typeset--4.mcp sub {
bottom: 0;
top: 0;
font-size: 60%; }
.custom-overlay--aa-upsell.term-upsell h1.offer-text {
font-size: 36px; }
.custom-overlay--aa-upsell.term-upsell .primer-text {
font-size: 16px; }
.custom-overlay--aa-upsell.promo-update {
overflow-x: hidden;
overflow-y: auto; }
.custom-overlay--aa-upsell.promo-update .modal-content {
width: 800px;
padding: 0px; }
.custom-overlay--aa-upsell.promo-update .device-promo {
background: url(../img/device-echodot-gen3.png) no-repeat 220px 62px;
background-size: 125px;
height: 122px;
padding: 0px 0 0px 0;
margin: 20px 0 -10px 0; }
.custom-overlay--aa-upsell.promo-update .device-promo.nesthub {
background: url(../img/device-google-hub-white.png) no-repeat 220px 42px;
background-size: 125px; }
.custom-overlay--aa-upsell.promo-update .device-promo .primer-text {
margin-bottom: 0px; }
.custom-overlay--aa-upsell.promo-update .device-promo .small {
margin-bottom: 0px; }
.custom-overlay--aa-upsell.promo-update .device-promo .half-width {
width: 55%;
display: inline-block;
font-size: 16px;
line-height: 1.5em;
margin-left: 4px;
vertical-align: top; }
.custom-overlay--aa-upsell.promo-update .offer-box {
border: none;
padding: 0px; }
.custom-overlay--aa-upsell.promo-update .typeset-grouping {
margin-top: 0px; }
.custom-overlay--aa-upsell.promo-update .offer-box__feature-list span.list-label {
padding-left: 0px;
height: 30px; }
.custom-overlay--aa-upsell.promo-update ul.list-unordered li {
font-size: 16px;
font-weight: 300;
line-height: 1.5;
margin-bottom: 8px; }
.custom-overlay--aa-upsell.promo-update .legal {
font-size: 12px;
line-height: 1.42em;
margin-top: 40px; } }
.custom-overlay-abandonment .modal-content {
background: #cccccc;
/* Old browsers */
background: -moz-linear-gradient(top, #cccccc 1%, #ffffff 99%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #cccccc 1%, #ffffff 99%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cccccc 1%, #ffffff 99%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0);
/* IE6-9 */ }
.custom-overlay-abandonment.modal * {
box-sizing: border-box !important; }
@media screen and (min-width: 768px) {
.custom-overlay-abandonment h1.aban-main-headline {
font-size: 48px !important;
margin: 0 0 0px 0; }
.custom-overlay-abandonment .sxm-bootstrap h2.aban-sub-headline {
font-weight: 900;
font-size: 52px;
margin: 0; }
.custom-overlay-abandonment .modal-content {
max-width: 810px; }
.custom-overlay-abandonment .modal-body {
max-width: 100%;
width: 100%;
padding: 45px; }
.custom-overlay-abandonment div.btn-row {
margin-top: 20px; }
.custom-overlay-abandonment div.btn-row .col {
display: inline-block;
margin: 0; }
.custom-overlay-abandonment div.btn-row .col.col-a,
.custom-overlay-abandonment div.btn-row .col.col-b {
width: 49%; }
.custom-overlay-abandonment img#aban-icon {
width: 202px;
margin: 17px 0 14px 0; }
.custom-overlay-abandonment p.aban-legal {
font-size: 14px !important;
margin: 5px 0; }
.custom-overlay-abandonment p.aban-legal-btm {
font-size: 14px !important;
margin: 20px 0 0 0 !important; } }
.custom-overlay--abandonment-499 .bg-road-and-mountains {
background: url(../img/bg-road-and-mountains.jpg) center 70% no-repeat;
background-size: cover; }
.custom-overlay--abandonment-499 .modal-body.sxm-overlay-content {
padding: 0; }
.custom-overlay--abandonment-499 .modal-dialog {
max-width: 700px;
width: 100%; }
.custom-overlay--abandonment-499 .modal-body {
max-width: initial;
margin: 0;
width: 100%; }
.custom-overlay--abandonment-499 .row {
margin-top: -1px; }
.custom-overlay--abandonment-499 .col-a {
padding-top: 200px; }
.custom-overlay--abandonment-499 .col-b {
padding: 25px 45px; }
.custom-overlay--abandonment-499 h1.offer-prompt {
font-size: 36px;
text-align: left;
line-height: 1.2em; }
.custom-overlay--abandonment-499 .offer-description {
padding-bottom: 10px;
line-height: 26px; }
.custom-overlay--abandonment-499 .offer-actions {
margin-top: 40px; }
.custom-overlay--abandonment-499 p.offer-legal {
font-size: 12px;
font-weight: 400; }
.custom-overlay--abandonment-499 .css-table {
display: table;
min-height: 1px;
width: 100%; }
.custom-overlay--abandonment-499 .css-table.no-gutter > [class^="col-"],
.custom-overlay--abandonment-499 .css-table.no-gutter > [class*=" col-"] {
padding-left: 0;
padding-right: 0; }
@media (min-width: 768px) {
.custom-overlay--abandonment-499 .css-table > [class^="col-sm-"],
.custom-overlay--abandonment-499 .css-table > [class*=" col-sm-"] {
display: table-cell;
float: none;
vertical-align: top;
min-height: 1px;
position: relative; } }
@media (min-width: 992px) {
.custom-overlay--abandonment-499 .css-table > [class^="col-md-"],
.custom-overlay--abandonment-499 .css-table > [class*=" col-md-"] {
display: table-cell;
float: none;
vertical-align: top;
min-height: 1px;
position: relative; } }
@media (min-width: 1200px) {
.custom-overlay--abandonment-499 .css-table > [class^="col-lg-"],
.custom-overlay--abandonment-499 .css-table > [class*=" col-lg-"] {
display: table-cell;
float: none;
vertical-align: top;
min-height: 1px;
position: relative; } }
@media (max-width: 768px) {
.custom-overlay--abandonment-499 button.close {
filter: brightness(100); } }
@media (min-width: 1024px) {
.custom-overlay--abandonment-499 .modal-content {
max-width: 750px; } }
@media (min-width: 768px) {
.custom-overlay--abandonment-499 h1.offer-prompt {
font-size: 48px; }
.custom-overlay--abandonment-499 .col-b {
padding: 45px 60px; }
.custom-overlay--abandonment-499 .bg-road-and-mountains {
background-position: center; } }
#term-upsell-v2 .modal-content {
border: none !important; }
#term-upsell-v2 .modal-content .close {
background-image: url(../img/close-btn-new-white.png) !important; }
#term-upsell-v2 .modal-header {
background-color: #2275D3;
color: #fff;
padding: 25px 15px; }
#term-upsell-v2 .modal-header p {
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 20px;
margin-bottom: 0; }
#term-upsell-v2 h1 {
font-size: 30px;
margin: 0; }
#term-upsell-v2 h1 span {
font-weight: 700; }
#term-upsell-v2 .package-savings {
color: #009900;
font-weight: 700;
font-size: 22px;
margin: 10px 0; }
#term-upsell-v2 .package-disclaimer {
font-size: 12px;
line-height: 1.4;
text-align: center; }
#term-upsell-v2 .btn-brightblue {
background-color: #2275D3;
color: #ffffff;
border: 2px solid transparent; }
#term-upsell-v2 .btn-brightblue:hover {
background-color: transparent;
border: 2px solid #2275D3;
color: #2275D3; }
@media (min-width: 768px) {
#term-upsell-v2 .modal-header p {
font-size: 22px;
margin-bottom: 0; }
#term-upsell-v2 .modal-body {
padding: 35px; }
#term-upsell-v2 h1 {
font-size: 46px; }
#term-upsell-v2 .package-savings {
font-size: 28px; }
#term-upsell-v2 .package-disclaimer {
font-size: 12px;
text-align: center;
margin: 0 auto;
width: 80%;
padding-bottom: 10px; } }
.input-group__password-validate {
background: white; }
#password-field {
transition: all .3s; }
#password-field.has-sxm-pw-validator.error-border:focus {
border-bottom: 1px solid transparent !important; }
#password-field.has-sxm-pw-validator.error-border:focus + div .password-coach__wrap {
border: 2px solid red;
border-top: none; }
#password-field:focus {
outline: none;
border-color: yellow; }
#password-field.inAction {
font: 20px Verdana, sans-serif;
letter-spacing: 5px; }
#password-field:focus,
#password-field:active {
border-color: 1px solid #ccc;
outline-color: #ccc; }
#password-field:focus {
border-color: #ccc;
padding-top: 15px;
border-bottom: none; }
#password-field:focus ~ #mini-meter {
display: block;
transform: translateZ(0);
opacity: 1; }
#password-field:focus ~ #mini-meter .mini-meter__indicator {
transition: all .3s ease-in-out .1s; }
.password-coach__wrap {
position: absolute;
padding: 8px 14px 20px 14px;
background: white;
top: 40px;
z-index: 10;
border: 1px solid silver;
border-top: 0px;
width: 100%;
transition: top .5s ease-in-out .5s; }
.password-coach__wrap hr {
margin: 0;
height: 0;
border-top: 1px solid silver;
margin-bottom: 20px; }
.password-coach__wrap p {
padding: 0 15px; }
ul.password-coach {
padding-left: 13px; }
ul.password-coach li {
font-size: 16px;
padding-left: 20px;
line-height: 200%;
position: relative;
display: block; }
ul.password-coach li:before {
content: "\f10c";
font-family: "fontawesome";
color: #aaa;
display: inline-block;
position: absolute;
left: 0;
top: 0; }
ul.password-coach li.valid {
color: green;
font-weight: 400; }
ul.password-coach li.valid:before {
content: "\f00c";
color: #4CC417; }
ul.password-coach li.pw-is-good {
background: #f2f9f2; }
.pw-input-is-good {
color: green; }
#mini-meter {
height: 22px;
position: absolute;
border: 1px solid silver;
top: 14px;
right: 15px;
transition: all .5s ease-in-out;
width: 33%;
background: #fff; }
#mini-meter:after {
content: "";
position: absolute;
left: 68%;
top: 0;
height: 20px;
width: 1px;
border-left: 1px dashed silver; }
#mini-meter .mini-meter__indicator {
height: 20px;
width: 0;
background: red;
position: absolute;
top: 0;
left: 0;
transition: all .3s ease-in-out; }
#mini-meter .mini-meter__label {
height: 22px;
width: 100%;
position: absolute;
top: 0;
left: 0;
top: 5px;
color: #666;
font-size: 10px;
font-weight: bold;
left: 3px;
text-transform: uppercase;
color: silver;
font-family: "Roboto";
font-weight: 400;
letter-spacing: 1px; }
#mini-meter[class^="strength--"] .mini-meter__label {
color: white; }
#mini-meter.strength--veryweak .mini-meter__indicator {
background: #ff9999;
width: 35%; }
#mini-meter.strength--veryweak .mini-meter__label {
color: #c20000; }
#mini-meter.strength--weak .mini-meter__indicator {
background: #FF6A32;
background: #ffc3ad;
width: 45%; }
#mini-meter.strength--weak .mini-meter__label {
color: #f44300; }
#mini-meter.strength--medium .mini-meter__indicator {
background: #FFA500;
background: #ffdb99;
width: 65%; }
#mini-meter.strength--medium .mini-meter__label {
color: #b37400; }
#mini-meter.strength--strong .mini-meter__indicator {
background: #00cc00;
width: 100%; }
.cc-flag {
position: absolute;
width: 51px;
height: 35px;
top: 4px;
right: 5px; }
.cc-flag:before {
content: "";
display: block;
width: 100%;
height: 100%;
color: #444;
background: url(../svg/cc-sprite-2019.svg) center 9999px no-repeat;
background-size: 100% auto; }
.cc-flag.cc-flag__amex:before {
background-position: -0px -5px; }
.cc-flag.cc-flag__discover:before {
background-position: 0px 16.7666666667%; }
.cc-flag.cc-flag__mastercard:before {
background-position: 0px 33.9833333333%; }
.cc-flag.cc-flag__visa:before {
background-position: 0px 51.5%; }
.cc-flag.cc-flag__jcb:before {
background-position: 0px 68.6666666667%; }
.cc-flag.cc-flag__diners:before {
background-position: 0px 85.5333333333%; }
.cc-flag.cc-flag__unionpay:before {
background-position: 0px 102%; }
.cc-flag.cc-flag__blank:before, .cc-flag.cc-flag__:before {
background-position: -2px 9999px !important; }
/*
@import "global-styles/_flow-specific__oem.scss";
@import "global-styles/_flow-specific__winback.scss";
@import "global-styles/_flow-specific__registration.scss";
*/
#enter-RID {
padding-top: 70px;
padding-bottom: 130px; }
#enter-RID #lets-get-started {
width: 400px;
margin: 30px auto 0; }
#enter-RID #lets-get-started form {
margin-top: 35px; }
#enter-RID img#transfer-ico {
margin: 0 auto;
max-width: 230px;
width: 100%;
display: block; }
#enter-RID .main-headline h1 {
font-size: 48px;
margin-top: 50px;
text-align: center; }
.sxm-bootstrap #enter-RID #lets-get-started .form-group {
width: 400px; }
.sxm-bootstrap #enter-RID label.field input {
height: 48px; }
#enter-RID #lets-get-started .continue-btn {
margin-top: 20px;
margin-bottom: 20px;
width: 400px;
font-size: 16px; }
#enter-RID #lets-get-started #howFind {
text-align: left; }
#enter-RID #lets-get-started #howFind p.RID-help {
font-size: 16px;
text-align: center; }
#enter-RID #lets-get-started #howFind p.chat-now {
font-size: 16px;
float: right;
font-weight: 300; }
.oac-flow.page__OAC-signin h2 {
font-weight: 300; }
.sxm-bootstrap.page__OAC-signin ul.list-features {
padding-right: 20px;
padding-left: 20px; }
.sxm-bootstrap.page__OAC-signin ul.list-features li {
margin-bottom: 35px; }
.sxm-bootstrap.page__OAC-signin ul.list-features li p {
font-size: 16px; }
.sxm-bootstrap.page__OAC-signin ul.form-layout.form-layout__textual {
margin-top: 15px;
max-width: 400px; }
.page__OAC-signin .row__content {
padding-top: 100px; }
.page__OAC-signin .white-tr-box {
border: none;
background-color: rgba(255, 255, 255, 0.7);
padding-left: 15px;
padding-right: 15px; }
@media (min-width: 1200px) {
.sxm-bootstrap.page__OAC-signin ul.list-features {
padding-right: 50px;
padding-left: 50px; } }
.stacked-offer-row .savings-block--helper-text {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
font-size: 14px;
margin-bottom: 0; }
#flatloader {
z-index: 1000;
background: url(https://www.siriusxm.com/sxm/bootstrap/img/sxm-loading-waves.gif);
width: 253px;
height: 600px;
margin: -20px auto 0;
background-repeat: no-repeat;
background-position: center; }
#flatloader-fr {
z-index: 1000;
background: url(https://www.siriusxm.com/sxm/bootstrap/img/sxm-loading-waves-french.gif);
width: 253px;
height: 600px;
margin: -20px auto 0;
background-repeat: no-repeat;
background-position: center; }
strong span.check {
display: inline-block;
width: 1.5em;
height: .9em;
vertical-align: baseline-bottom;
background: url(../img/green-check.png) center bottom no-repeat;
background-size: 1em; }
.oac-flow__payment.page__complete {
background-image: url(../img/hands-in-the-air.jpg); }
@-ms-viewport {
width: device-width; }
@-ms-viewport {
width: device-width;
zoom: 1.0; }
.login-creation .form-group {
margin-left: 0; }
#prepaid-update-total {
width: 100px; }
#prepaid-update-total, #loading-spinner, #prepaid-PIN--input {
display: inline-block;
vertical-align: middle;
float: none; }
.form-group__apply .input-group {
min-width: 300px;
display: inline-block; }
.sxm-bootstrap .form-group input[type='text'], .sxm-bootstrap .form-group input[type='tel'], .sxm-bootstrap .form-group input[type='password'] {
-webkit-appearance: none; }
body {
margin: 0; }
.sxm-bootstrap .bottom-padding {
display: block;
width: 100%;
margin-bottom: 80px; }
@media print {
#sxmcorporateheader, #sxmcorporatefooter, #progress-bar-wrapper, #chat-tab, .template-library {
display: none !important; }
#expanded-quote, .ng-hide {
display: block !important; } }
html, body {
overflow: auto; }