@import url('bootstrap-reboot.min.css');
@import url('slick.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

@font-face {
    font-family: "iconfont";
    src: url("fonts/iconfont.woff");
    src: url("fonts/iconfont.woff") format("woff"),url("fonts/iconfont.woff2") format("woff2");
    font-style: normal;
    font-weight: normal
}

* {position:relative;}

html, body          {font-family: "Roboto", Helvetica Neue, Arial, sans-serif; font-weight:400; color: #000; background:#f7f8fc;}
body.overlay-open   {overflow:hidden;}

h1                  {font-size: min(2.5em,3.5vw);font-weight:700;margin: 0px 0px 0px 0px;/*text-transform:uppercase;*/line-height: 1.1em;letter-spacing:0.06em;padding: 0.4em 2em 0.3em;}
.drop h1            {padding:.25em 0px 2rem;}
h2                  {text-transform: uppercase;/* font-size: min(3.1vw,2.2em); */font-weight: 700;text-align: center;}
h3                  {font-size: 2em; font-weight:700; margin:0px;}
h4                  {font-size: 1.4em;font-weight:700;margin:0px;}

p                   {font-weight:400;margin: 0rem 0px;font-size: 1.4em;line-height:1.2em;}
a                   {color:inherit; text-decoration:none;}
a:hover,a:active {color:inherit;}

.outerwrapper               {width:100%; max-width:75rem; margin:0px auto;}
.nobr                       {white-space:nowrap;}
.phone                      {font-size:1em !important;}

.network-logo               {background: #f7f8fc;color: #334d9f;padding: 0.2em 0em 0.2em;text-align: center;font-weight:700;font-size:min(3em,5vw);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.network-logo img           {width: 50%;max-width: 20rem;margin:0 1rem;}
.main-title                 {
    background: #e8202f;
    color: #fff;
    text-align: center;
    padding: 0px 0px .5em;
}
.main-title strong      {font-weight:900;font-size: 1.4em;}
.drop .main-title           {}
.main-title .network-logo   {
    padding: 0px 0em 0px 0px;
    margin: 0px auto;
}
.main-title .network-logo img {
    height: min(3em, 6vw);
}
.main-title h1              {}
.main-title h1 img          {
    height: 2.4em;
    vertical-align: text-bottom;
    padding: 0.3em 0px 0px;
    margin: -.5em 0px -0.18em;
}

.counter                    {padding: 2rem 0px 1rem; font-size: 1.4rem; text-transform: uppercase; background: #fff; color: #000;}
.counter p                  {font-weight: 700;font-size:2em;line-height:0.8em;}
.counter span               {font-size:0.5em;}
.small-phone                {font-size:0.5em;}

.logo-chain                 {
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  padding: 1rem 0px;
}
/*.logo-chain img             {height: 7.5vw; max-height: 92px;}*/
.logo-chain img             {width: auto;min-width: 5%;max-height: 61px;min-height: 62px;/*padding: 0px .75em;*/}

.maincontent                {padding: 1rem 2rem 1rem;background: transparent;color: #2a3f54;}

.maincontent.main-copy      {
    display: grid;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    justify-items: stretch;
    grid-template-columns: 1fr;
    gap: 2em;
    padding-bottom: 2rem;
    background: #ffffff;
}
.maincontent.main-copy div       {text-align: center;}
.maincontent.main-copy div.video {}
.maincontent.main-copy p         {text-align:center;margin:0px auto;max-width: 50rem;font-size: 2.4em;}
.maincontent.main-copy a         {font-size: 1.6rem;font-weight:500;text-decoration:underline;}

.info p                     {margin: 1rem 0px;}
.more                       {text-align:right;margin-bottom: 0px;}
.info a                     {font-size: 1.2em;font-weight: 500;color: inherit;}

.cta-area                   {background: #e8202f;color:#fff;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;justify-content:space-between;padding-top: 2rem;}
.drop .cta-area             {padding-top: .8em;}
.cta-area .video            {flex: 1 1 60%;}
.cta-area .video img        {width:100%;}
.cta-box                    {flex: 1 1 40%;padding: 0px 1em 1em 1em;text-align: center;display: grid;gap: 1rem;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: auto 1fr;justify-items: center;justify-content: space-between;align-content: space-evenly;align-items: center;max-width: 100%;margin: 0px auto;font-size: 1em;}
.cta-box.links              {gap: 0rem 1rem;/*grid-template-rows: auto 1.5em 4em 1fr; display:block;*/}
.drop .cta-box              {max-width: 100%; grid-template-columns: 1fr 1fr 1fr;}
.drop .cta-box.links        {max-width: 41em;grid-template-columns:1fr 1fr;}
.cta-box h2                 {margin: 0px auto 0px;grid-column: span 3;font-size:min(2.5em, 3.5vw);}
.drop .cta-box h2           {grid-column: span 3;}
.cta-box a                  {
                                display: block;
                                margin: 0px auto;
                                padding: .7em 0px .8em 3.0em;
                                border: 3px solid #fff;
                                /* border-radius: 2rem; */
                                background: #1d5da7;
                                color: #fff;
                                font-size: min(1.8em,3vw);
                                line-height: 1.8em;
                                font-weight: 400;
                                text-align: left;
                                width: 100%;
                                height: 100%;
                                text-decoration: underline;
                                }
.cta-box a.lg               {line-height:1.6rem;}
.cta-box a span             {font-weight: 800; font-size: 1.4em; line-height: 1rem;}


.cta-buttons .bullet-button                             {/* background:url('../images/bullet-blue-orange.png') no-repeat; */background-size: 5em;padding: 1px;position:relative;width: 100%;min-height: 5em;}
.cta-buttons .bullet-button                             {}
.cta-box a::before                     {position: absolute;top: 0.05em;left: 0.4em;font-size: 1.8em;line-height: 1.6em;/* background: #FF2121; */color: #2b4769;height: 1.5em;width: 1.5em;/* border: 4px solid #fff; */box-sizing: border-box;z-index: 99;}
.cta-box a::before               {color:#fff;}
.cta-box a.btn-c2c                     {}
.cta-box a.btn-c2c::before             {content: '\e325';font-family:'Material Symbols Outlined';top: .1em;}
.cta-box a.btn-pet            {}
.cta-box a.btn-pet::before    {content:'\e85d';font-family:'Material Symbols Outlined';/* left: .5em; */top: .1em;}
.cta-box a.btn-altp            {}
.cta-box a.btn-altp::before    {content:'\e55c';font-family:'Material Symbols Outlined';/* left: .5em; */top: .1em;}
.cta-box a.btn-rep            {}
.cta-box a.btn-rep::before    {content:'\eb6f';font-family:'Material Symbols Outlined';/* left: .5em; */top: .1em;}
.cta-box a.btn-faq            {}
.cta-box a.btn-faq::before    {content:'\e887';font-family:'Material Symbols Outlined';/* left: .5em; */top: .1em;}

.cta-box a.btn-fb                   {}
.cta-box a.btn-fb::before           {content:'\ef1d';font-family:'iconfont';font-size: 0.9em;top: 0.5em;left: .7em;height: 2.78em;width: 2.78em;line-height: 3.1em;}
.cta-box a.btn-tweet                   {}
.cta-box a.btn-tweet::before           {content:'';font-size: 0.9em;top: 0.8em;left: .5em;height: 2.1em;width: 2.78em;line-height: 3.1em;background-image:url('../images/icon-twitterx.svg');background-repeat: no-repeat;}
.cta-box a.btn-truth                   {}
.cta-box a.btn-truth::before           {content:'';font-size: 0.8em;top: 0.9em;left: 0.9em;height: 2.1em;width: 2.78em;line-height: 3.1em;background-image:url('../images/icon-truth.svg');background-repeat: no-repeat;background-size:contain;}

.cta-box a.btn-link            {font-size: 1.7em;line-height: 1.2em;padding: 1em 1em 1em 3.2em;outline: 2px solid #fff;outline-offset: -.3em;display: inline-block;width: 100%;/* min-width: 37rem; */}
.cta-box a.btn-link.wide       {grid-column: span 2;}
.cta-box a.btn-link::before    {content:'\e157';font-family:'Material Symbols Outlined';/* left: .5em; */top: .08em;}
.cta-box a.btn-link span       {position:absolute;right: .6em;top: -1.3em;font-size: .9rem;color:red;font-style:italic;}

.cta-box.links h4              {color:#e8202f; text-align:center; display:block; font-size:1.6em; margin-top:1em;}
.cta-box.links h4:first-child  {margin-top:0px;}

.cta-box a.link                {
    grid-column: span 2;
    background: transparent;
    color: red;
    font-size: 1em;
    text-align: center;
    outline: none;
    border: none;
    padding: .3em;
    line-height: 1.2em;
}

.cta-box .arrow-down           {font-family: 'Material Symbols Outlined';padding: 0px;font-size: 3em;font-weight: 700;}

.cta-box.small              {max-width: 100%; grid-template-rows: 1fr; padding: 0px;}
.cta-box.small a            {font-size:1em; line-height: 1em;}



body.c2c                    {
    background: #fff;
}
.c2c .maincontent           {
    padding: 0px;
}
.c2c .intro                 {
    padding: 0px 0px 1rem;
    font-size: 1.4rem;
    line-height: 1.6rem;
}
.c2c .disclaimer            {
    font-size: .9rem;
}
.c2c .clicktocall           {}


.social-action              {background: #5128f2;color: #fff;display: flex;flex-wrap: wrap;align-content: space-around;justify-content: flex-start;align-items: center;padding: 1rem;}
.social-action h3           {flex: 1 1;white-space: nowrap;font-size: min(2rem,2.8vw);}
.social-buttons             {flex: 1 1;white-space: nowrap;font-size: 1rem;text-align: center;}
.social-buttons a           {
                                display: inline-block;
                                padding: .5em 2em .4em 0.3em;
                                border: 4px solid #337ab7;
                                /* border-radius: 2rem; */
                                background: #337ab7;
                                color: #fff;
                                font-size: 1.4em;
                                line-height: 1.4em;
                                font-weight: 400;
                                }
.social-buttons a img       {line-height: 1.2em; height: 1.2em; margin: -.1rem .5rem 0px;}

.affected                   {background: #fff;color: #000;padding-top:2rem;}
.affected.links             {background: #ffffff;color: #000;text-align:center;}
.affected h2                {font-size:1.6rem;margin-top:1rem;}
.affected h3                {text-align:center;font-size:1.5em;margin-bottom:1em;}
.affected h4                {color:#e8202f;text-align:center;font-size:2.5em;}
.affected p                 {margin:1em;font-size:1.2em;line-height:1.4em;}
.affected a                 {font-size: 1.6em;font-weight:500;text-decoration:underline;}

.video-container            {position:relative;padding-top:56.25%;width:60%;margin:0 auto -20%;}

.media                      {background:#e6ebf1;color:#000;}
.media h2                   {font-size:1.6rem;/*margin-top:1rem;*/}

.carousel                   {margin: 1rem 0px;}
.carousel img               {width: calc(25vw - 2rem - 22px);border: 2px solid #577690;margin-left: 3px;margin-right: 3px;}
.video-link                 {text-align: center;}
.video-link a               {font-size: 1.8em;font-weight:700;text-decoration:underline;}



.footer                     {padding:1rem 2rem;background: #1d1d1c;color: #fff;}
.footer .maincontent        {
    color: #fff;
    display: grid;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    justify-items: stretch;
    grid-template-columns: 1fr 5fr;
    padding: 0px;
}
.footer .logo               {flex: 20%;text-align: left;}
.footer .logo > img         {width: 100%;min-height: 2rem;}
.footer-links               {flex: 1 1;text-align: right;font-size: .9rem;}
.footer-links a             {white-space:nowrap;}
.footer-links a:last-child  {margin-left:1rem;}
.footer-copyright   {
    flex: 100%;
    text-align: center;
    font-size: .8rem;
    grid-column: span 2;
    padding: 2rem 0px 0rem;
}


div.error           {font-size: .7rem;font-weight:600;color: #ff0000;margin: .5rem 0px 1rem;text-align:center;flex: 100%;}
.error p            {margin:0px 0px .5rem;}
.error p:last-child {margin:0px;}

.error-box          {outline: 2px solid red; outline-offset: 10px;}

.overlay            {
    display: block;
    position: fixed;
    background: #0000004f;
    top: 0px;
    height: 100vh;
    width: 100vw;
    overflow: auto;
    z-index:99;
}
.dialog-content     {
    background: #fff;
    margin: 2rem auto;
    position: relative;
    width: 90%;
    max-width: 33rem;
    padding: 1rem;
    color: #04006c;
}
.dialog-content + .dialog-content {
    margin-top:0;
}
.dialog-content.dialog-head {margin-bottom:0;}
.dialog-content.wide        {max-width:61rem;}
.dialog-content.dialog-video        {max-width:37rem;}
.dialog-content > p         {margin-bottom: .5rem;}
.dialog-content > iframe    {width:100%;overflow: auto;}
.dialog-title       {
    color: #11304f;
    margin-bottom: .5rem;
}
.dialog-close       {
    position: absolute;
    top: .2rem;
    right: .6rem;
    border: 2px solid #11304f;
    /* border-radius: 2rem; */
    width: 1.6rem;
    cursor:pointer;
    line-height: 1.3rem;
}
.dialog-close span  {
    padding: 0px 0px 0px .33rem;
    font-weight: 700;
    vertical-align: middle;
}
#LearnMoreDialog p    {font-size:1.2em;}
#LearnMoreDialog h4   {margin-top:1em;}
#LearnMoreDialog .dialog-content    {max-width:70rem;}

.form-item          {
    display: flex;
    margin: 0px 0px 1rem;
}
.form-item label    {
    font-weight: 500;
    font-size: 1.2em;
    flex: 20%;
}
.form-item.stack            {flex-wrap:wrap;}
.form-item.stack label      {flex:100%;}
.form-item.stack textarea   {flex:100%;border: 2px solid #04006c;padding: .5em;color: #04006c;}

.form-options       {
    font-size: .8em;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
}


input[type=text]:focus,
input[type=number]:focus,
textarea:focus {
    outline-color: #015cfe;
    outline-offset: 2px;
    border-color: #fff;
    }
.form-item input[disabled]     {background: #f0f0f0;}
.form-item input   {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*-webkit-appearance: none;*/
    /*appearance: none;*/
    background-color: #fff;
    line-height: 1rem;
    border: none;
    border-bottom: 2px solid #04006c;
    width: 100%;
    max-width: 555px;
    /* border-radius: 0; */
    /* color: #000000db; */
    font-weight: 500;
    font-size: 1.25rem;
    padding: .1rem 1rem .1rem;
    /* height: 50px; */
    /* border-radius: 0; */
}
.form-entry input.error         {border-color:#ff0000;}

.form-chk-group     {max-width: 555px; margin:1rem auto;}

.form-chk {
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    margin:0px 0px .5rem 1rem;
    font-size: 1.2em;
}

.form-chk input[type=checkbox] {
    margin: .6em .5em 0px 0px;
    vertical-align: text-top;
    flex:none;
}

.form-chk label {
    cursor: pointer;
    font-size: 1.4em;
    vertical-align: top;
    line-height: 1.4em;
}

.form-checks .form-chk                      {margin: 0px auto .5rem;}
.form-checks .form-chk label                {font-size: 1em; line-height: 1em;}
.form-checks .form-chk input[type=checkbox] {
    margin-top: .2em;
}

.dialog-buttons             {text-align:center;}

p.disclaimer                {margin: 0px;font-size: .9rem;text-align: left;}
p.pasteText                 {border:1px solid #000; font-size:1em; padding:0.5em 1em; cursor:pointer;}

.button {
    background-color: #337ab7;
    text-align: center;
    padding: .5rem 2rem;
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
    display: inline-block;
    cursor: pointer;
    min-width: 150px;
    min-height: 46px;
    /* transition: background-color .3s ease-in-out; */
    border: 2px solid #337ab7;
    /* border-radius: 2rem; */
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .02em;
}
.button:hover       {color:#fff;}
.button.small       {font-size:1rem;padding: .3rem 1rem;line-height: 1rem;min-height: auto;min-width: auto;}

.shows-grid                 {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    gap: .5rem;
    margin: 1rem auto;
}
.shows-grid > div           {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    gap: .5rem;
}
.shows-grid h4              {
    flex: 100%;
    background-color: #015cfe;
    padding: .5rem 1rem;
}
.shows-grid h4 > img        {height: 1.4em;}
.shows-grid > div           {
}
.shows-grid > div > div     {
    flex: 0 0 24%;
    min-width: 10rem;
}
.shows-grid > div > div > img {
    width: 100%;
}


.providers-list             {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: .5rem;
}
.providers-list a           {
    flex: 0 0 calc(25% - .5rem);
    display: block;
    border: 2px solid #04006c;
    /* border-radius: 3rem; */
    padding: 0.5rem 2rem;
    text-align: center;
    height: 4rem;
    line-height: 2.5rem;
}
.providers-list img         {
    max-width: 100%;
    max-height: 3rem;
    vertical-align: middle;
}
.providers-more             {}
.providers-more h4          {
    font-size: 1rem;
    text-align: center;
    margin: 2rem auto 1rem;
}
.providers-more > div       {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    max-width: 480px;
    margin: .5rem auto;
    }
.providers-more a           {
    flex: 1;
    font-size: 1rem;
    text-decoration: underline;
}
.providers-more p           {
    flex: 1;
    font-size: 1rem;
    white-space: nowrap;
    margin: 0px;
    text-align: right;
}

.zip-form                    {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin: 2rem auto 0px;
}
.zip-form p                  {
    font-size: 1rem;
}
.zip-form input[type=number] {
    width: 8rem;
    font-size: 1rem;
    text-align: center;
}
.zip-form .button            {}

.rep-list                   {}
.rep-list h4                {
    text-align: center;
}
.rep-list .rep              {
    display: grid;
    align-content: center;
    justify-content: space-between;
    align-items: start;
    justify-items: stretch;
    grid-template-columns: 1fr 1fr;
    margin: .5rem auto 1rem;
    max-width: 30rem;
    gap: .5rem;
}
.rep-list .rep > div        {}
.rep-list .rep p            {}
.rep-list .rep p.phone      {}
.button.contact             {}


.terms {font-size: .8rem;text-align: justify;}
.terms strong {font-weight: 600;}

.copyright           {
    flex: 1 1 66%;
    padding-right: 16%;
    font-size: .8rem;
}
.get-help           {
    flex: 1 1 30%;
}
.get-help p {
    font-size: 1rem;
    margin: 0px;
}


@media (max-width:1199px) {
    .social-buttons         {font-size: min(1rem,1.5vw);}
    .cta-box                {font-size:1.3vw;}

}
@media (max-width:1050px) {
    .drop .cta-box h2             {/* margin-bottom:1rem; */}
}
@media (max-width:850px) {
    h1                      {/*font-size:min(3.5em,6.5vw);*/line-height:1.3em;}
    .counter                {font-size:1.2em;}
}
@media (max-width:759px) {
    .logo-chain             {flex-wrap:wrap; justify-content:center; gap:.5rem;}
    .logo-chain img         {min-height:35px; max-height:35px; flex:1 1 14%;}

    .social-action h3       {flex:100%;}
    .social-buttons         {margin-top:1rem; font-size:.8rem;}

    .maincontent.main-copy {font-size:2vw;}
    .affected.links         {font-size:2vw;}
}
@media (max-width:700px) {
    .cta-box                {font-size:1.6vw;grid-template-columns:1fr 1fr;}
    .cta-box h2             {grid-column:span 2;}
    .drop .cta-box          {max-width: 100%; grid-template-columns: 1fr 1fr;}
    .drop .cta-box h2       {grid-column: span 2;}
}
@media (max-width:679px) {
    .network-logo           {flex-direction:column;font-size:1.8em;}
    .counter                {font-size:1em;}
    .cta-area .video        {flex:100%;}
    h2                      {font-size: 4vw;}
    .social-action          {display:block;}
    .social-action h3       {text-align:center; font-size:1.4rem; white-space:normal;}
    .providers-list a       {flex: 0 0 calc(33% - .5rem);}
    .video-link a           {font-size:1em;}
}
@media (max-width:539px) {
    .counter p              {font-size:min(1.7em, 5.5vw);line-height:1.2em;}
    .drop .cta-box.links    {max-width:unset;}
    .cta-box                {display:inline-block;}
    .cta-box a              {width:100%;margin:0.3em auto;font-size:min(4em, 6vw);padding-right:2em;display:inline-block;}
    .providers-list a       {flex: 0 0 calc(50% - .5rem);}

    .dialog-content         {font-size:.8rem;}
}
@media (max-width:475px) {
    .video-container        {width:100%;margin-bottom:6%;}
    .video-container iframe {height:100% !important;}
    .cta-area               {padding-top:1rem;}
    .main-title h1          {font-size:1.2em;}
    .counter                {padding-top:1.5rem;line-height:1.1em;}
    .small-phone            {font-size:0.8em !important;}

    .affected h4            {font-size:1.8em;}
    .affected h2            {margin-top:0em;}

    .social-buttons         {white-space:normal;}
    .social-buttons a       {display:block; margin:0px auto; width:50%; min-width:250px;}

    .social-wall            {display:block;}
    .social-wall-icons      {text-align:left;}
    .social-wall-icons a    {margin: 0px 1rem 0px 0px;}

    .footer .logo           {flex: 100%;text-align: center;display:none;}
    .footer-links           {flex: 1 1;text-align: center;margin-top: 1rem;grid-column:span 2;}

}
@media (max-width:400px) {
    
    .drop .cta-box          {max-width: 100%; grid-template-columns: 1fr;}
    .cta-box h2             {grid-column: span 1;font-size:4em;padding-bottom:1rem;}
    .drop .cta-box h2       {grid-column: span 1;}
    h2                      {font-size: 5vw;}
    .button.contact         {min-width: 8rem; padding: 0;}
    .media h2               {font-size:1.4em;}

}
@media (max-width:379px) {
    /*
    .cta-box a              {font-size:1rem;}
    .social-buttons a       {font-size:1rem;}
    */
}