html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-family: sans-serif;
line-height: 1.15;
}
article, aside, footer, header, nav, section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption, figure {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
overflow: visible;
}
main {
display: block;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
-webkit-text-decoration-skip: objects;
background-color: transparent;
}
a:active, a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b, strong {
font-weight: inherit;
font-weight: bolder;
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button, input, optgroup, select, textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: 1px dotted ButtonText;
}
input {
overflow: visible;
}
[type=checkbox], [type=radio] {
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
details {
display: block;
}
summary {
display: list-item;
}
menu {
display: block;
}
canvas {
display: inline-block;
}
[hidden], template {
display: none;
}
.foundation-mq {
font-family: "small=0em&medium=40em&topbar=49.375em&large=64em&xlarge=75em&xxlarge=90em";
}
html {
box-sizing: border-box;
font-size: 100%;
}
*, :after, :before {
box-sizing: inherit;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #fefefe;
color: #151515;
line-height: 1.5;
margin: 0;
padding: 0;
}
img {
-ms-interpolation-mode: bicubic;
display: inline-block;
height: auto;
max-width: 100%;
vertical-align: middle;
}
textarea {
border-radius: 0.3125rem;
height: auto;
min-height: 50px;
}
select {
box-sizing: border-box;
width: 100%;
}
.map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
max-width: none !important;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0;
border-radius: 0.3125rem;
cursor: auto;
line-height: 1;
padding: 0;
}
[data-whatinput=mouse] button {
outline: 0;
}
pre {
overflow: auto;
}
button, input, optgroup, select, textarea {
font-family: inherit;
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
.row {
display: flex;
flex-flow: row wrap;
margin-left: auto;
margin-right: auto;
/*max-width: 75rem;*/
}
.row .row {
margin-left: -0.625rem;
margin-right: -0.625rem;
}
.row .row.collapse {
margin-left: 0;
margin-right: 0;
}
.row.expanded {
max-width: none;
}
.row.expanded .row {
margin-left: auto;
margin-right: auto;
}
.row:not(.expanded) .row {
max-width: none;
}
.row.collapse > .column, .row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.collapse > .column > .row, .row.collapse > .columns > .row, .row.is-collapse-child {
margin-left: 0;
margin-right: 0;
}
.column, .columns {
flex: 1 1 0px;
min-width: 0;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.column.row.row, .row.row.columns {
display: block;
float: none;
}
.row .column.row.row, .row .row.row.columns {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.small-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.small-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.small-3 {
flex: 0 0 25%;
max-width: 25%;
}
.small-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.small-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.small-6 {
flex: 0 0 50%;
max-width: 50%;
}
.small-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.small-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.small-9 {
flex: 0 0 75%;
max-width: 75%;
}
.small-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.small-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.small-12 {
flex: 0 0 100%;
max-width: 100%;
}
.small-up-1 {
flex-wrap: wrap;
}
.small-up-1 > .column, .small-up-1 > .columns {
flex: 0 0 100%;
max-width: 100%;
}
.small-up-2 {
flex-wrap: wrap;
}
.small-up-2 > .column, .small-up-2 > .columns {
flex: 0 0 50%;
max-width: 50%;
}
.small-up-3 {
flex-wrap: wrap;
}
.small-up-3 > .column, .small-up-3 > .columns {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.small-up-4 {
flex-wrap: wrap;
}
.small-up-4 > .column, .small-up-4 > .columns {
flex: 0 0 25%;
max-width: 25%;
}
.small-up-5 {
flex-wrap: wrap;
}
.small-up-5 > .column, .small-up-5 > .columns {
flex: 0 0 20%;
max-width: 20%;
}
.small-up-6 {
flex-wrap: wrap;
}
.small-up-6 > .column, .small-up-6 > .columns {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.small-up-7 {
flex-wrap: wrap;
}
.small-up-7 > .column, .small-up-7 > .columns {
flex: 0 0 14.28571%;
max-width: 14.28571%;
}
.small-up-8 {
flex-wrap: wrap;
}
.small-up-8 > .column, .small-up-8 > .columns {
flex: 0 0 12.5%;
max-width: 12.5%;
}
.small-collapse > .column, .small-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.row.large-unstack > .column, .row.large-unstack > .columns, .row.medium-unstack > .column, .row.medium-unstack > .columns, .row.topbar-unstack > .column, .row.topbar-unstack > .columns {
flex: 0 0 100%;
}
.shrink {
flex: 0 0 auto;
max-width: 100%;
}
.column-block {
margin-bottom: 1.25rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
.align-right {
justify-content: flex-end;
}
.align-center {
justify-content: center;
}
.align-justify {
justify-content: space-between;
}
.align-spaced {
justify-content: space-around;
}
.align-right.vertical.menu > li > a {
justify-content: flex-end;
}
.align-center.vertical.menu > li > a {
justify-content: center;
}
.align-top {
align-items: flex-start;
}
.align-self-top {
align-self: flex-start;
}
.align-bottom {
align-items: flex-end;
}
.align-self-bottom {
align-self: flex-end;
}
.align-middle {
align-items: center;
}
.align-self-middle {
align-self: center;
}
.align-stretch {
align-items: stretch;
}
.align-self-stretch {
align-self: stretch;
}
.align-center-middle {
align-content: center;
align-items: center;
justify-content: center;
}
.small-order-1 {
order: 1;
}
.small-order-2 {
order: 2;
}
.small-order-3 {
order: 3;
}
.small-order-4 {
order: 4;
}
.small-order-5 {
order: 5;
}
.small-order-6 {
order: 6;
}
.flex-container {
display: flex;
}
.flex-child-auto {
flex: 1 1 auto;
}
.flex-child-grow {
flex: 1 0 auto;
}
.flex-child-shrink {
flex: 0 1 auto;
}
.flex-dir-row {
flex-direction: row;
}
.flex-dir-row-reverse {
flex-direction: row-reverse;
}
.flex-dir-column {
flex-direction: column;
}
.flex-dir-column-reverse {
flex-direction: column-reverse;
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
margin: 0;
padding: 0;
}
p {
font-size: inherit;
line-height: 1.5;
margin-bottom: 1rem;
text-rendering: optimizeLegibility;
}
em, i {
font-style: italic;
}
b, em, i, strong {
line-height: inherit;
}
b, strong {
font-weight: 700;
}
small {
font-size: 80%;
line-height: inherit;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: inherit;
font-family: Oswald, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
text-rendering: optimizeLegibility;
}
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #cacaca;
line-height: 0;
}
.h1, h1 {
font-size: 1.875rem;
}
.h1, .h2, h1, h2 {
line-height: 1.25;
margin-bottom: 0.9375rem;
margin-top: 0;
}
.h2, h2 {
font-size: 1.5rem;
}
.h3, h3 {
font-size: 1.3125rem;
}
.h3, .h4, h3, h4 {
line-height: 1.25;
margin-bottom: 0.9375rem;
margin-top: 0;
}
.h4, h4 {
font-size: 1.125rem;
}
.h5, h5 {
font-size: 1rem;
}
.h5, .h6, h5, h6 {
line-height: 1.25;
margin-bottom: 0.9375rem;
margin-top: 0;
}
.h6, h6 {
font-size: 0.875rem;
}
.h7, h7 {
font-size: 0.75rem;
line-height: 1.25;
margin-bottom: 0.9375rem;
margin-top: 0;
}
a {
color: #1779ba;
cursor: pointer;
line-height: inherit;
text-decoration: none;
}
a:focus, a:hover {
color: #1468a0;
}
a img, hr {
border: 0;
}
hr {
border-bottom: 1px solid #cacaca;
clear: both;
height: 0;
margin: 1.25rem auto;
max-width: 75rem;
}
dl, ol, ul {
line-height: 1.5;
list-style-position: outside;
margin-bottom: 1rem;
}
li {
font-size: inherit;
}
ul {
list-style-type: disc;
}
ol, ul {
margin-left: 1.25rem;
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0;
margin-left: 1.25rem;
}
dl {
margin-bottom: 1rem;
}
dl dt {
font-weight: 700;
margin-bottom: 0.3rem;
}
blockquote {
border-left: 1px solid #cacaca;
margin: 0 0 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
}
blockquote, blockquote p {
color: #8a8a8a;
line-height: 1.5;
}
cite {
color: #8a8a8a;
display: block;
font-size: 0.8125rem;
}
cite:before {
content: "— ";
}
abbr, abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help;
text-decoration: none;
}
figure {
margin: 0;
}
code {
border: 1px solid #cacaca;
font-weight: 400;
padding: 0.125rem 0.3125rem 0.0625rem;
}
code, kbd {
background-color: #e6e6e6;
color: #0a0a0a;
font-family: Consolas, Liberation Mono, Courier, monospace;
}
kbd {
border-radius: 0.3125rem;
margin: 0;
padding: 0.125rem 0.25rem 0;
}
.subheader {
color: #8a8a8a;
font-weight: 400;
line-height: 1.4;
margin-bottom: 0.5rem;
margin-top: 0.2rem;
}
.lead {
font-size: 125%;
line-height: 1.6;
}
.stat {
font-size: 2.5rem;
line-height: 1;
}
p + .stat {
margin-top: -1rem;
}
ol.no-bullet, ul.no-bullet {
list-style: none;
margin-left: 0;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.show-for-print {
display: none !important;
}
/*[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {*/
/* -webkit-appearance: none;*/
/* -moz-appearance: none;*/
/* appearance: none;*/
/* background-color: #fefefe;*/
/* border: 1px solid #cacaca;*/
/* border-radius: 0.3125rem;*/
/* box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);*/
/* box-sizing: border-box;*/
/* color: #0c0c1d;*/
/* display: block;*/
/* font-family: inherit;*/
/* font-size: 1rem;*/
/* font-weight: 400;*/
/* height: 2.4375rem;*/
/* line-height: 1.5;*/
/* margin: 0 0 1rem;*/
/* padding: 0.5rem;*/
/* transition: box-shadow 0.5s, border-color 0.25s ease-in-out;*/
/* width: 100%;*/
/*}*/
[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
background-color: #fefefe;
border: 1px solid #8a8a8a;
box-shadow: 0 0 5px #cacaca;
outline: none;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
textarea {
max-width: 100%;
}
textarea[rows] {
height: auto;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #0c0c1d;
}
input::placeholder, textarea::placeholder {
color: #0c0c1d;
}
input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
background-color: #e6e6e6;
cursor: not-allowed;
}
[type=button], [type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.3125rem;
}
input[type=search] {
box-sizing: border-box;
}
[type=checkbox], [type=file], [type=radio] {
margin: 0 0 1rem;
}
[type=checkbox] + label, [type=radio] + label {
display: inline-block;
margin-bottom: 0;
margin-left: 0.5rem;
margin-right: 1rem;
vertical-align: baseline;
}
[type=checkbox] + label[for], [type=radio] + label[for] {
cursor: pointer;
}
label > [type=checkbox], label > [type=radio] {
margin-right: 0.5rem;
}
[type=file] {
width: 100%;
}
label {
color: #0c0c1d;
display: block;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.8;
margin: 0;
}
label.middle {
margin: 0 0 1rem;
padding: 0.5625rem 0;
}
.help-text {
color: #0a0a0a;
font-size: 0.8125rem;
font-style: italic;
margin-top: -0.5rem;
}
.input-group {
align-items: stretch;
display: flex;
margin-bottom: 1rem;
width: 100%;
}
.input-group > :first-child {
border-radius: 0.3125rem 0 0 0.3125rem;
}
.input-group > :last-child > * {
border-radius: 0 0.3125rem 0.3125rem 0;
}
.input-group-button, .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label, .input-group-field, .input-group-label {
margin: 0;
white-space: nowrap;
}
.input-group-label {
align-items: center;
background: #e6e6e6;
border: 1px solid #cacaca;
color: #0a0a0a;
display: flex;
flex: 0 0 auto;
padding: 0 1rem;
text-align: center;
white-space: nowrap;
}
.input-group-label:first-child {
border-right: 0;
}
.input-group-label:last-child {
border-left: 0;
}
.input-group-field {
border-radius: 0;
flex: 1 1 0px;
height: auto;
min-width: 0;
}
.input-group-button {
display: flex;
flex: 0 0 auto;
padding-bottom: 0;
padding-top: 0;
text-align: center;
}
.input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label {
align-self: stretch;
font-size: 1rem;
height: auto;
padding-bottom: 0;
padding-top: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
legend {
margin-bottom: 0.5rem;
max-width: 100%;
}
.fieldset {
border: 1px solid #cacaca;
margin: 1.125rem 0;
padding: 1.25rem;
}
.fieldset legend {
margin: 0 0 0 -0.1875rem;
padding: 0 0.1875rem;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
border: 1px solid #cacaca;
border-radius: 0.3125rem;
color: #0c0c1d;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
height: 2.4375rem;
line-height: 1.5;
margin: 0 0 1rem;
padding: 0.5rem 1.5rem 0.5rem 0.5rem;
}
select, select:focus {
background-color: #fefefe;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:focus {
border: 1px solid #8a8a8a;
box-shadow: 0 0 5px #cacaca;
outline: none;
}
select:disabled {
background-color: #e6e6e6;
cursor: not-allowed;
}
select::-ms-expand {
display: none;
}
select[multiple] {
background-image: none;
height: auto;
}
.is-invalid-input:not(:focus) {
background-color: #f9ecea;
border-color: #cc4b37;
}
.is-invalid-input:not(:focus)::-moz-placeholder {
color: #cc4b37;
}
.is-invalid-input:not(:focus)::placeholder {
color: #cc4b37;
}
.form-error, .is-invalid-label {
color: #cc4b37;
}
.form-error {
display: none;
font-size: 0.75rem;
font-weight: 700;
margin-bottom: 1rem;
margin-top: -0.5rem;
}
.form-error.is-visible {
display: block;
}
.button, .has-button a:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:first-of-type, .vc-table-scrolling__cell.has-button a:first-of-type {
-webkit-appearance: none;
background-color: #1779ba;
border: 1px solid transparent;
border-radius: 0.3125rem;
color: #fefefe;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 0.9rem;
line-height: 1;
margin: 0 0 1rem;
padding: 0.85em 1em;
text-align: center;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
vertical-align: middle;
}
.has-button [data-whatinput=mouse] a:first-of-type, .hero-components .vc-table-scrolling__cell.has-button [data-whatinput=mouse] a:first-of-type, [data-whatinput=mouse] .button, [data-whatinput=mouse] .has-button a:first-of-type, [data-whatinput=mouse] .hero-components .vc-table-scrolling__cell.has-button a:first-of-type {
outline: 0;
}
.button:focus, .button:hover, .has-button a:focus:first-of-type, .has-button a:hover:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:focus:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:hover:first-of-type {
background-color: #14679e;
color: #fefefe;
}
.button.tiny, .has-button a.tiny:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.tiny:first-of-type {
font-size: 0.6rem;
}
.button.small, .has-button a.small:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.small:first-of-type {
font-size: 0.75rem;
}
.button.large, .has-button a.large:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.large:first-of-type {
font-size: 1.25rem;
}
.button.expanded, .has-button a.expanded:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.expanded:first-of-type {
display: block;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.button.primary, .has-button a.primary:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.primary:first-of-type {
background-color: #1779ba;
color: #fefefe;
}
.button.primary:focus, .button.primary:hover, .has-button a.primary:focus:first-of-type, .has-button a.primary:hover:first-of-type {
background-color: #126195;
color: #fefefe;
}
.button.secondary, .has-button a.secondary:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.secondary:first-of-type {
background-color: #767676;
color: #fefefe;
}
.button.secondary:focus, .button.secondary:hover, .has-button a.secondary:focus:first-of-type, .has-button a.secondary:hover:first-of-type {
background-color: #5e5e5e;
color: #fefefe;
}
.button.success, .has-button a.success:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.success:first-of-type {
background-color: #3adb76;
color: #0a0a0a;
}
.button.success:focus, .button.success:hover, .has-button a.success:focus:first-of-type, .has-button a.success:hover:first-of-type {
background-color: #22bb5b;
color: #0a0a0a;
}
.button.warning, .has-button a.warning:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.warning:first-of-type {
background-color: #ffae00;
color: #0a0a0a;
}
.button.warning:focus, .button.warning:hover, .has-button a.warning:focus:first-of-type, .has-button a.warning:hover:first-of-type {
background-color: #cc8b00;
color: #0a0a0a;
}
.button.alert, .has-button a.alert:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.alert:first-of-type {
background-color: #cc4b37;
color: #fefefe;
}
.button.alert:focus, .button.alert:hover, .has-button a.alert:focus:first-of-type, .has-button a.alert:hover:first-of-type {
background-color: #a53b2a;
color: #fefefe;
}
.button.ratings, .has-button a.ratings:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.ratings:first-of-type {
background-color: #ffd800;
color: #0a0a0a;
}
.button.ratings:focus, .button.ratings:hover, .has-button a.ratings:focus:first-of-type, .has-button a.ratings:hover:first-of-type {
background-color: #ccad00;
color: #0a0a0a;
}
.button.accent-light, .has-button a.accent-light:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.accent-light:first-of-type {
background-color: #d3d3ee;
color: #0a0a0a;
}
.button.accent-light:focus, .button.accent-light:hover, .has-button a.accent-light:focus:first-of-type, .has-button a.accent-light:hover:first-of-type {
background-color: #9292d5;
color: #0a0a0a;
}
.button.disabled, .button[disabled], .has-button a.disabled:first-of-type, .has-button a[disabled]:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.disabled:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a[disabled]:first-of-type {
cursor: not-allowed;
opacity: 0.25;
}
.button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover, .has-button a.disabled:first-of-type, .has-button a[disabled]:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.disabled:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a[disabled]:first-of-type {
background-color: #1779ba;
color: #fefefe;
}
.button.disabled.primary, .button[disabled].primary, .has-button a.disabled.primary:first-of-type, .has-button a[disabled].primary:first-of-type {
cursor: not-allowed;
opacity: 0.25;
}
.button.disabled.primary, .button.disabled.primary:focus, .button.disabled.primary:hover, .button[disabled].primary, .button[disabled].primary:focus, .button[disabled].primary:hover, .has-button a.disabled.primary:first-of-type, .has-button a[disabled].primary:first-of-type {
background-color: #1779ba;
color: #fefefe;
}
.button.disabled.secondary, .button[disabled].secondary, .has-button a.disabled.secondary:first-of-type, .has-button a[disabled].secondary:first-of-type {
cursor: not-allowed;
opacity: 0.25;
}
.button.disabled.secondary, .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary, .button[disabled].secondary:focus, .button[disabled].secondary:hover, .has-button a.disabled.secondary:first-of-type, .has-button a[disabled].secondary:first-of-type {
background-color: #767676;
color: #fefefe;
}
.button.disabled.success, .button[disabled].success, .has-button a.disabled.success:first-of-type, .has-button a[disabled].success:first-of-type {
cursor: not-allowed;
opacity: 0.25;
}
.button.disabled.success, .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success, .button[disabled].success:focus, .button[disabled].success:hover, .has-button a.disabled.success:first-of-type, .has-button a[disabled].success:first-of-type {
background-color: #3adb76;
color: #0a0a0a;
}
.button.disabled.warning, .button[disabled].warning, .has-button a.disabled.warning:first-of-type, .has-button a[disabled].warning:first-of-type {
cursor: not-allowed;
opacity: 0.25;
}
.button.disabled.warning, .button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning, .button[disabled].warning:focus, .button[disabled].warning:hover, .has-button a.disabled.warning:first-of-type, .has-button a[disabled].warning:first-of-type {
background-color: #ffae00;
color: #0a0a0a;
}
.button.disabled.alert, .button[disabled].alert, .has-button a.disabled.alert:first-of-type, .has-button a[disabled].alert:first-of-type {
cursor: not-allowed;
opacity: 0.25;
}
.button.disabled.alert, .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert, .button[disabled].alert:focus, .button[disabled].alert:hover, .has-button a.disabled.alert:first-of-type, .has-button a[disabled].alert:first-of-type {
background-color: #cc4b37;
color: #fefefe;
}
.button.disabled.ratings, .button[disabled].ratings, .has-button a.disabled.ratings:first-of-type, .has-button a[disabled].ratings:first-of-type {
cursor: not-allowed;
opacity: 0.25;
}
.button.disabled.ratings, .button.disabled.ratings:focus, .button.disabled.ratings:hover, .button[disabled].ratings, .button[disabled].ratings:focus, .button[disabled].ratings:hover, .has-button a.disabled.ratings:first-of-type, .has-button a[disabled].ratings:first-of-type {
background-color: #ffd800;
color: #0a0a0a;
}
.button.disabled.accent-light, .button[disabled].accent-light, .has-button a.disabled.accent-light:first-of-type, .has-button a[disabled].accent-light:first-of-type {
cursor: not-allowed;
opacity: 0.25;
}
.button.disabled.accent-light, .button.disabled.accent-light:focus, .button.disabled.accent-light:hover, .button[disabled].accent-light, .button[disabled].accent-light:focus, .button[disabled].accent-light:hover, .has-button a.disabled.accent-light:first-of-type, .has-button a[disabled].accent-light:first-of-type {
background-color: #d3d3ee;
color: #0a0a0a;
}
.button.hollow, .has-button a.hollow:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.hollow:first-of-type {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.hollow, .button.hollow.disabled, .button.hollow.disabled:focus, .button.hollow.disabled:hover, .button.hollow:focus, .button.hollow:hover, .button.hollow[disabled], .button.hollow[disabled]:focus, .button.hollow[disabled]:hover, .has-button a.hollow.disabled:first-of-type, .has-button a.hollow:first-of-type, .has-button a.hollow[disabled]:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.hollow:first-of-type {
background-color: transparent;
}
.button.hollow:focus, .button.hollow:hover, .has-button a.hollow:focus:first-of-type, .has-button a.hollow:hover:first-of-type {
border-color: #0c3d5d;
color: #0c3d5d;
}
.button.hollow.primary, .button.hollow:focus.disabled, .button.hollow:focus[disabled], .button.hollow:hover.disabled, .button.hollow:hover[disabled], .has-button a.hollow.primary:first-of-type, .has-button a.hollow:focus.disabled:first-of-type, .has-button a.hollow:focus[disabled]:first-of-type, .has-button a.hollow:hover.disabled:first-of-type, .has-button a.hollow:hover[disabled]:first-of-type {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.hollow.primary:focus, .button.hollow.primary:hover, .has-button a.hollow.primary:focus:first-of-type, .has-button a.hollow.primary:hover:first-of-type {
border-color: #0c3d5d;
color: #0c3d5d;
}
.button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled], .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .has-button a.hollow.primary:focus.disabled:first-of-type, .has-button a.hollow.primary:focus[disabled]:first-of-type, .has-button a.hollow.primary:hover.disabled:first-of-type, .has-button a.hollow.primary:hover[disabled]:first-of-type {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.hollow.secondary, .has-button a.hollow.secondary:first-of-type {
border: 1px solid #767676;
color: #767676;
}
.button.hollow.secondary:focus, .button.hollow.secondary:hover, .has-button a.hollow.secondary:focus:first-of-type, .has-button a.hollow.secondary:hover:first-of-type {
border-color: #3b3b3b;
color: #3b3b3b;
}
.button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled], .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .has-button a.hollow.secondary:focus.disabled:first-of-type, .has-button a.hollow.secondary:focus[disabled]:first-of-type, .has-button a.hollow.secondary:hover.disabled:first-of-type, .has-button a.hollow.secondary:hover[disabled]:first-of-type {
border: 1px solid #767676;
color: #767676;
}
.button.hollow.success, .has-button a.hollow.success:first-of-type {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.hollow.success:focus, .button.hollow.success:hover, .has-button a.hollow.success:focus:first-of-type, .has-button a.hollow.success:hover:first-of-type {
border-color: #157539;
color: #157539;
}
.button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled], .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .has-button a.hollow.success:focus.disabled:first-of-type, .has-button a.hollow.success:focus[disabled]:first-of-type, .has-button a.hollow.success:hover.disabled:first-of-type, .has-button a.hollow.success:hover[disabled]:first-of-type {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.hollow.warning, .has-button a.hollow.warning:first-of-type {
border: 1px solid #ffae00;
color: #ffae00;
}
.button.hollow.warning:focus, .button.hollow.warning:hover, .has-button a.hollow.warning:focus:first-of-type, .has-button a.hollow.warning:hover:first-of-type {
border-color: #805700;
color: #805700;
}
.button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled], .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .has-button a.hollow.warning:focus.disabled:first-of-type, .has-button a.hollow.warning:focus[disabled]:first-of-type, .has-button a.hollow.warning:hover.disabled:first-of-type, .has-button a.hollow.warning:hover[disabled]:first-of-type {
border: 1px solid #ffae00;
color: #ffae00;
}
.button.hollow.alert, .has-button a.hollow.alert:first-of-type {
border: 1px solid #cc4b37;
color: #cc4b37;
}
.button.hollow.alert:focus, .button.hollow.alert:hover, .has-button a.hollow.alert:focus:first-of-type, .has-button a.hollow.alert:hover:first-of-type {
border-color: #67251a;
color: #67251a;
}
.button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled], .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .has-button a.hollow.alert:focus.disabled:first-of-type, .has-button a.hollow.alert:focus[disabled]:first-of-type, .has-button a.hollow.alert:hover.disabled:first-of-type, .has-button a.hollow.alert:hover[disabled]:first-of-type {
border: 1px solid #cc4b37;
color: #cc4b37;
}
.button.hollow.ratings, .has-button a.hollow.ratings:first-of-type {
border: 1px solid #ffd800;
color: #ffd800;
}
.button.hollow.ratings:focus, .button.hollow.ratings:hover, .has-button a.hollow.ratings:focus:first-of-type, .has-button a.hollow.ratings:hover:first-of-type {
border-color: #806c00;
color: #806c00;
}
.button.hollow.ratings:focus.disabled, .button.hollow.ratings:focus[disabled], .button.hollow.ratings:hover.disabled, .button.hollow.ratings:hover[disabled], .has-button a.hollow.ratings:focus.disabled:first-of-type, .has-button a.hollow.ratings:focus[disabled]:first-of-type, .has-button a.hollow.ratings:hover.disabled:first-of-type, .has-button a.hollow.ratings:hover[disabled]:first-of-type {
border: 1px solid #ffd800;
color: #ffd800;
}
.button.hollow.accent-light, .has-button a.hollow.accent-light:first-of-type {
border: 1px solid #d3d3ee;
color: #d3d3ee;
}
.button.hollow.accent-light:focus, .button.hollow.accent-light:hover, .has-button a.hollow.accent-light:focus:first-of-type, .has-button a.hollow.accent-light:hover:first-of-type {
border-color: #3f3fa2;
color: #3f3fa2;
}
.button.hollow.accent-light:focus.disabled, .button.hollow.accent-light:focus[disabled], .button.hollow.accent-light:hover.disabled, .button.hollow.accent-light:hover[disabled], .has-button a.hollow.accent-light:focus.disabled:first-of-type, .has-button a.hollow.accent-light:focus[disabled]:first-of-type, .has-button a.hollow.accent-light:hover.disabled:first-of-type, .has-button a.hollow.accent-light:hover[disabled]:first-of-type {
border: 1px solid #d3d3ee;
color: #d3d3ee;
}
.button.clear, .has-button a.clear:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.clear:first-of-type {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.clear, .button.clear.disabled, .button.clear.disabled:focus, .button.clear.disabled:hover, .button.clear:focus, .button.clear:hover, .button.clear[disabled], .button.clear[disabled]:focus, .button.clear[disabled]:hover, .has-button a.clear.disabled:first-of-type, .has-button a.clear:first-of-type, .has-button a.clear[disabled]:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.clear:first-of-type {
background-color: transparent;
}
.button.clear:focus, .button.clear:hover, .has-button a.clear:focus:first-of-type, .has-button a.clear:hover:first-of-type {
border-color: #0c3d5d;
color: #0c3d5d;
}
.button.clear:focus.disabled, .button.clear:focus[disabled], .button.clear:hover.disabled, .button.clear:hover[disabled], .has-button a.clear:focus.disabled:first-of-type, .has-button a.clear:focus[disabled]:first-of-type, .has-button a.clear:hover.disabled:first-of-type, .has-button a.clear:hover[disabled]:first-of-type {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.clear, .button.clear.disabled, .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear[disabled], .has-button a.clear:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a.clear:first-of-type {
border-color: transparent;
}
.button.clear.primary, .has-button a.clear.primary:first-of-type {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.clear.primary:focus, .button.clear.primary:hover, .has-button a.clear.primary:focus:first-of-type, .has-button a.clear.primary:hover:first-of-type {
border-color: #0c3d5d;
color: #0c3d5d;
}
.button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled], .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .has-button a.clear.primary:focus.disabled:first-of-type, .has-button a.clear.primary:focus[disabled]:first-of-type, .has-button a.clear.primary:hover.disabled:first-of-type, .has-button a.clear.primary:hover[disabled]:first-of-type {
border: 1px solid #1779ba;
color: #1779ba;
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary[disabled], .has-button a.clear.primary:first-of-type {
border-color: transparent;
}
.button.clear.secondary, .has-button a.clear.secondary:first-of-type {
border: 1px solid #767676;
color: #767676;
}
.button.clear.secondary:focus, .button.clear.secondary:hover, .has-button a.clear.secondary:focus:first-of-type, .has-button a.clear.secondary:hover:first-of-type {
border-color: #3b3b3b;
color: #3b3b3b;
}
.button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled], .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .has-button a.clear.secondary:focus.disabled:first-of-type, .has-button a.clear.secondary:focus[disabled]:first-of-type, .has-button a.clear.secondary:hover.disabled:first-of-type, .has-button a.clear.secondary:hover[disabled]:first-of-type {
border: 1px solid #767676;
color: #767676;
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary[disabled], .has-button a.clear.secondary:first-of-type {
border-color: transparent;
}
.button.clear.success, .has-button a.clear.success:first-of-type {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.clear.success:focus, .button.clear.success:hover, .has-button a.clear.success:focus:first-of-type, .has-button a.clear.success:hover:first-of-type {
border-color: #157539;
color: #157539;
}
.button.clear.success:focus.disabled, .button.clear.success:focus[disabled], .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .has-button a.clear.success:focus.disabled:first-of-type, .has-button a.clear.success:focus[disabled]:first-of-type, .has-button a.clear.success:hover.disabled:first-of-type, .has-button a.clear.success:hover[disabled]:first-of-type {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success[disabled], .has-button a.clear.success:first-of-type {
border-color: transparent;
}
.button.clear.warning, .has-button a.clear.warning:first-of-type {
border: 1px solid #ffae00;
color: #ffae00;
}
.button.clear.warning:focus, .button.clear.warning:hover, .has-button a.clear.warning:focus:first-of-type, .has-button a.clear.warning:hover:first-of-type {
border-color: #805700;
color: #805700;
}
.button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled], .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .has-button a.clear.warning:focus.disabled:first-of-type, .has-button a.clear.warning:focus[disabled]:first-of-type, .has-button a.clear.warning:hover.disabled:first-of-type, .has-button a.clear.warning:hover[disabled]:first-of-type {
border: 1px solid #ffae00;
color: #ffae00;
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning[disabled], .has-button a.clear.warning:first-of-type {
border-color: transparent;
}
.button.clear.alert, .has-button a.clear.alert:first-of-type {
border: 1px solid #cc4b37;
color: #cc4b37;
}
.button.clear.alert:focus, .button.clear.alert:hover, .has-button a.clear.alert:focus:first-of-type, .has-button a.clear.alert:hover:first-of-type {
border-color: #67251a;
color: #67251a;
}
.button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled], .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .has-button a.clear.alert:focus.disabled:first-of-type, .has-button a.clear.alert:focus[disabled]:first-of-type, .has-button a.clear.alert:hover.disabled:first-of-type, .has-button a.clear.alert:hover[disabled]:first-of-type {
border: 1px solid #cc4b37;
color: #cc4b37;
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert[disabled], .has-button a.clear.alert:first-of-type {
border-color: transparent;
}
.button.clear.ratings, .has-button a.clear.ratings:first-of-type {
border: 1px solid #ffd800;
color: #ffd800;
}
.button.clear.ratings:focus, .button.clear.ratings:hover, .has-button a.clear.ratings:focus:first-of-type, .has-button a.clear.ratings:hover:first-of-type {
border-color: #806c00;
color: #806c00;
}
.button.clear.ratings:focus.disabled, .button.clear.ratings:focus[disabled], .button.clear.ratings:hover.disabled, .button.clear.ratings:hover[disabled], .has-button a.clear.ratings:focus.disabled:first-of-type, .has-button a.clear.ratings:focus[disabled]:first-of-type, .has-button a.clear.ratings:hover.disabled:first-of-type, .has-button a.clear.ratings:hover[disabled]:first-of-type {
border: 1px solid #ffd800;
color: #ffd800;
}
.button.clear.ratings, .button.clear.ratings.disabled, .button.clear.ratings:focus, .button.clear.ratings:focus.disabled, .button.clear.ratings:focus[disabled], .button.clear.ratings:hover, .button.clear.ratings:hover.disabled, .button.clear.ratings:hover[disabled], .button.clear.ratings[disabled], .has-button a.clear.ratings:first-of-type {
border-color: transparent;
}
.button.clear.accent-light, .has-button a.clear.accent-light:first-of-type {
border: 1px solid #d3d3ee;
color: #d3d3ee;
}
.button.clear.accent-light:focus, .button.clear.accent-light:hover, .has-button a.clear.accent-light:focus:first-of-type, .has-button a.clear.accent-light:hover:first-of-type {
border-color: #3f3fa2;
color: #3f3fa2;
}
.button.clear.accent-light:focus.disabled, .button.clear.accent-light:focus[disabled], .button.clear.accent-light:hover.disabled, .button.clear.accent-light:hover[disabled], .has-button a.clear.accent-light:focus.disabled:first-of-type, .has-button a.clear.accent-light:focus[disabled]:first-of-type, .has-button a.clear.accent-light:hover.disabled:first-of-type, .has-button a.clear.accent-light:hover[disabled]:first-of-type {
border: 1px solid #d3d3ee;
color: #d3d3ee;
}
.button.clear.accent-light, .button.clear.accent-light.disabled, .button.clear.accent-light:focus, .button.clear.accent-light:focus.disabled, .button.clear.accent-light:focus[disabled], .button.clear.accent-light:hover, .button.clear.accent-light:hover.disabled, .button.clear.accent-light:hover[disabled], .button.clear.accent-light[disabled], .has-button a.clear.accent-light:first-of-type {
border-color: transparent;
}
.button.dropdown:after, .has-button a.dropdown:first-of-type:after, .hero-components .vc-table-scrolling__cell.has-button a.dropdown:first-of-type:after {
border-color: #fefefe transparent transparent;
border-style: solid inset inset;
border-width: 0.4em 0.4em 0;
content: "";
display: block;
display: inline-block;
float: right;
height: 0;
margin-left: 1em;
position: relative;
top: 0.4em;
width: 0;
}
.button.dropdown.hollow.primary:after, .button.dropdown.hollow:after, .has-button a.dropdown.hollow.primary:first-of-type:after, .has-button a.dropdown.hollow:first-of-type:after {
border-top-color: #1779ba;
}
.button.dropdown.hollow.secondary:after, .has-button a.dropdown.hollow.secondary:first-of-type:after {
border-top-color: #767676;
}
.button.dropdown.hollow.success:after, .has-button a.dropdown.hollow.success:first-of-type:after {
border-top-color: #3adb76;
}
.button.dropdown.hollow.warning:after, .has-button a.dropdown.hollow.warning:first-of-type:after {
border-top-color: #ffae00;
}
.button.dropdown.hollow.alert:after, .has-button a.dropdown.hollow.alert:first-of-type:after {
border-top-color: #cc4b37;
}
.button.dropdown.hollow.ratings:after, .has-button a.dropdown.hollow.ratings:first-of-type:after {
border-top-color: #ffd800;
}
.button.dropdown.hollow.accent-light:after, .has-button a.dropdown.hollow.accent-light:first-of-type:after {
border-top-color: #d3d3ee;
}
.button.arrow-only:after, .has-button a.arrow-only:first-of-type:after, .hero-components .vc-table-scrolling__cell.has-button a.arrow-only:first-of-type:after {
float: none;
margin-left: 0;
top: -0.1em;
}
.has-button a:focus:first-of-type, .has-button a:hover:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:focus:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:hover:first-of-type, a.button:focus, a.button:hover {
text-decoration: none;
}
.provider-cards__card-top .coverage {
color: #fff;
display: block;
font-size: .875rem;
position: relative;
}
.menu {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
[data-whatinput=mouse] .menu li {
outline: 0;
}
.has-button .menu a:first-of-type, .hero-components .vc-table-scrolling__cell.has-button .menu a:first-of-type, .menu .button, .menu .has-button a:first-of-type, .menu .hero-components .vc-table-scrolling__cell.has-button a:first-of-type, .menu a {
display: block;
line-height: 1;
padding: 0.7rem 1rem;
text-decoration: none;
}
.menu a, .menu button, .menu input, .menu select {
margin-bottom: 0;
}
.menu input {
display: inline-block;
}
.menu, .menu.horizontal {
flex-direction: row;
flex-wrap: wrap;
}
.menu.vertical {
flex-direction: column;
flex-wrap: nowrap;
}
.menu.expanded li {
flex: 1 1 0px;
}
.menu.simple {
align-items: center;
}
.menu.simple li + li {
margin-left: 1rem;
}
.menu.simple a {
padding: 0;
}
.menu.nested {
margin-left: 1rem;
margin-right: 0;
}
.menu.icon-bottom a, .menu.icon-left a, .menu.icon-right a, .menu.icon-top a, .menu.icons a {
display: flex;
}
.menu.icon-left li a {
flex-flow: row nowrap;
}
.menu.icon-left li a i, .menu.icon-left li a img, .menu.icon-left li a svg {
margin-right: 0.25rem;
}
.menu.icon-right li a {
flex-flow: row nowrap;
}
.menu.icon-right li a i, .menu.icon-right li a img, .menu.icon-right li a svg {
margin-left: 0.25rem;
}
.menu.icon-top li a {
flex-flow: column nowrap;
}
.menu.icon-top li a i, .menu.icon-top li a img, .menu.icon-top li a svg {
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center;
}
.menu.icon-bottom li a {
flex-flow: column nowrap;
}
.menu.icon-bottom li a i, .menu.icon-bottom li a img, .menu.icon-bottom li a svg {
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center;
}
.menu .active > a, .menu .is-active > a {
background: #1779ba;
color: #fefefe;
}
.menu.align-left {
justify-content: flex-start;
}
.menu.align-right li {
display: flex;
justify-content: flex-end;
}
.menu.align-right li .submenu li {
justify-content: flex-start;
}
.menu.align-right.vertical li {
display: block;
text-align: right;
}
.menu.align-right.vertical li .submenu li {
text-align: right;
}
.menu.align-right .nested {
margin-left: 0;
margin-right: 1rem;
}
.menu.align-center li {
display: flex;
justify-content: center;
}
.menu.align-center li .submenu li {
justify-content: flex-start;
}
.menu .menu-text {
color: inherit;
font-weight: 700;
line-height: 1;
padding: 0.7rem 1rem;
}
.menu-centered > .menu {
justify-content: center;
}
.menu-centered > .menu li {
display: flex;
justify-content: center;
}
.menu-centered > .menu li .submenu li {
justify-content: flex-start;
}
.no-js [data-responsive-menu] ul {
display: none;
}
.menu-icon {
cursor: pointer;
display: inline-block;
height: 16px;
position: relative;
vertical-align: middle;
width: 20px;
}
.menu-icon:after {
background: #ff2128;
box-shadow: 0 7px 0 #ff2128, 0 14px 0 #ff2128;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.menu-icon:hover:after {
background: #cacaca;
box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}
.menu-icon.dark {
cursor: pointer;
display: inline-block;
height: 16px;
position: relative;
vertical-align: middle;
width: 20px;
}
.menu-icon.dark:after {
background: #0a0a0a;
box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.menu-icon.dark:hover:after {
background: #8a8a8a;
box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}
.title-bar {
align-items: center;
background: #0a0a0a;
color: #fefefe;
display: flex;
justify-content: flex-start;
padding: 0.5rem;
}
.title-bar .menu-icon {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.title-bar-left, .title-bar-right {
flex: 1 1 0px;
}
.title-bar-right {
text-align: right;
}
.title-bar-title {
display: inline-block;
font-weight: 700;
vertical-align: middle;
}
.top-bar {
align-items: center;
display: flex;
flex-wrap: nowrap;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
}
.top-bar, .top-bar ul {
background-color: #fff;
}
.top-bar input {
margin-right: 1rem;
max-width: 200px;
}
.top-bar .input-group-field {
margin-right: 0;
width: 100%;
}
.top-bar input.button {
width: auto;
}
.top-bar .top-bar-left, .top-bar .top-bar-right {
flex: 0 0 100%;
max-width: 100%;
}
.top-bar-title {
flex: 0 0 auto;
margin: 0.5rem 1rem 0.5rem 0;
}
.top-bar-left, .top-bar-right {
flex: 0 0 auto;
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
.show-for-sr, .show-on-focus {
clip: rect(0, 0, 0, 0);
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute !important;
white-space: nowrap;
width: 1px;
}
.show-on-focus:active, .show-on-focus:focus {
clip: auto;
-webkit-clip-path: none;
clip-path: none;
height: auto;
overflow: visible;
position: static !important;
white-space: normal;
width: auto;
}
.hide-for-portrait, .show-for-landscape {
display: block !important;
}
.hide-for-landscape, .show-for-portrait {
display: none !important;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-center {
display: block;
margin-left: auto;
margin-right: auto;
}
.clearfix:after, .clearfix:before {
content: " ";
display: table;
flex-basis: 0;
order: 1;
}
.clearfix:after {
clear: both;
}
.sticky, .sticky-container {
position: relative;
}
.sticky {
transform: translateZ(0);
z-index: 0;
}
.sticky.is-stuck {
position: fixed;
width: 100%;
z-index: 5;
}
.sticky.is-stuck.is-at-top {
top: 0;
}
.sticky.is-stuck.is-at-bottom {
bottom: 0;
}
.sticky.is-anchored {
left: auto;
position: relative;
right: auto;
}
.sticky.is-anchored.is-at-bottom {
bottom: 0;
}
body.is-reveal-open {
overflow: hidden;
}
html.is-reveal-open, html.is-reveal-open body {
min-height: 100%;
overflow: hidden;
position: fixed;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.reveal-overlay {
background-color: rgba(10, 10, 10, .45);
bottom: 0;
display: none;
left: 0;
overflow-y: scroll;
position: fixed;
right: 0;
top: 0;
z-index: 1005;
}
.reveal {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: none;
border: 1px solid #cacaca;
border-radius: 0.3125rem;
display: none;
margin-left: auto;
margin-right: auto;
overflow-y: auto;
padding: 1rem;
position: relative;
top: 100px;
z-index: 1006;
}
[data-whatinput=mouse] .reveal {
outline: 0;
}
.reveal .column, .reveal .columns {
min-width: 0;
}
.reveal > :last-child {
margin-bottom: 0;
}
.reveal.collapse {
padding: 0;
}
.reveal.full {
border: 0;
border-radius: 0;
height: 100%;
height: 100vh;
left: 0;
margin-left: 0;
max-width: none;
min-height: 100vh;
top: 0;
width: 100%;
}
.reveal.without-overlay {
position: fixed;
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
left: 0;
right: auto;
top: 100%;
}
.dropdown.menu a {
padding: 0.7rem 1rem;
}
[data-whatinput=mouse] .dropdown.menu a {
outline: 0;
}
.dropdown.menu .is-active > a {
background: transparent;
color: #5050b9;
}
.no-js .dropdown.menu ul {
display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
margin-left: 0;
margin-right: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 100%;
top: 0;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
left: 100%;
right: auto;
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
left: auto;
right: 0;
top: 100%;
}
.is-dropdown-menu.vertical {
width: 100px;
}
.is-dropdown-menu.vertical.align-right {
float: right;
}
.is-dropdown-submenu-parent {
position: relative;
}
.is-dropdown-submenu-parent a:after {
left: auto;
margin-top: -6px;
position: absolute;
right: 5px;
top: 50%;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
left: auto;
top: 100%;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
left: auto;
right: 100%;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
left: 100%;
right: auto;
}
.is-dropdown-submenu {
background: #fefefe;
border: 1px solid #cacaca;
display: none;
left: 100%;
min-width: 250px;
position: absolute;
top: 0;
z-index: 1;
}
.dropdown .is-dropdown-submenu a {
padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px;
}
.is-dropdown-submenu > li {
width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
display: block;
}
.accordion-menu li {
width: 100%;
}
.accordion-menu .is-accordion-submenu a, .accordion-menu a {
padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
margin-left: 1rem;
margin-right: 0;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
margin-left: 0;
margin-right: 1rem;
}
.is-accordion-submenu-parent {
position: relative;
}
.has-submenu-toggle > a {
margin-right: 40px;
}
.submenu-toggle {
cursor: pointer;
height: 40px;
position: absolute;
right: 0;
top: 0;
width: 40px;
}
.submenu-toggle:after {
border-color: #0a0a0a transparent transparent;
border-style: solid inset inset;
border-width: 6px 6px 0;
bottom: 0;
content: "";
display: block;
height: 0;
margin: auto;
top: 0;
width: 0;
}
.submenu-toggle[aria-expanded=true]:after {
transform: scaleY(-1);
transform-origin: 50% 50%;
}
.submenu-toggle-text {
clip: rect(0, 0, 0, 0);
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute !important;
white-space: nowrap;
width: 1px;
}
.close-button {
color: #8a8a8a;
cursor: pointer;
position: absolute;
}
[data-whatinput=mouse] .close-button {
outline: 0;
}
.close-button:focus, .close-button:hover {
color: #0a0a0a;
}
.close-button.small {
font-size: 1.5em;
line-height: 1;
right: 0.66rem;
top: 0.33em;
}
.close-button, .close-button.medium {
font-size: 2em;
line-height: 1;
right: 1rem;
top: 0.5rem;
}
.grid-container {
max-width: 75rem;
}
.grid-container, .grid-container.fluid {
margin: 0 auto;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.grid-container.fluid {
max-width: 100%;
}
.grid-container.full {
margin: 0 auto;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.cell {
flex: 0 0 auto;
min-height: 0;
min-width: 0;
width: 100%;
}
.cell.auto {
flex: 1 1 0px;
}
.cell.shrink {
flex: 0 0 auto;
}
.grid-x > .auto, .grid-x > .shrink {
width: auto;
}
.grid-x > .small-1, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-full, .grid-x > .small-shrink {
flex-basis: auto;
}
.grid-x > .small-1 {
width: 8.33333%;
}
.grid-x > .small-2 {
width: 16.66667%;
}
.grid-x > .small-3 {
width: 25%;
}
.grid-x > .small-4 {
width: 33.33333%;
}
.grid-x > .small-5 {
width: 41.66667%;
}
.grid-x > .small-6 {
width: 50%;
}
.grid-x > .small-7 {
width: 58.33333%;
}
.grid-x > .small-8 {
width: 66.66667%;
}
.grid-x > .small-9 {
width: 75%;
}
.grid-x > .small-10 {
width: 83.33333%;
}
.grid-x > .small-11 {
width: 91.66667%;
}
.grid-x > .small-12 {
width: 100%;
}
.grid-margin-x:not(.grid-x) > .cell {
width: auto;
}
.grid-margin-y:not(.grid-y) > .cell {
height: auto;
}
.grid-margin-x {
margin-left: - 0.625rem;
margin-right: - 0.625rem;
}
.grid-margin-x > .cell {
margin-left: 0.625rem;
margin-right: 0.625rem;
width: calc(100% - 1.25rem);
}
.grid-margin-x > .auto, .grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.33333% - 1.25rem);
}
.grid-margin-x > .small-2 {
width: calc(16.66667% - 1.25rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.25rem);
}
.grid-margin-x > .small-4 {
width: calc(33.33333% - 1.25rem);
}
.grid-margin-x > .small-5 {
width: calc(41.66667% - 1.25rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.25rem);
}
.grid-margin-x > .small-7 {
width: calc(58.33333% - 1.25rem);
}
.grid-margin-x > .small-8 {
width: calc(66.66667% - 1.25rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.25rem);
}
.grid-margin-x > .small-10 {
width: calc(83.33333% - 1.25rem);
}
.grid-margin-x > .small-11 {
width: calc(91.66667% - 1.25rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.25rem);
}
.grid-container:not(.full) > .grid-padding-x, .grid-padding-x .grid-padding-x {
margin-left: - 0.625rem;
margin-right: - 0.625rem;
}
.grid-padding-x > .cell {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.small-up-1 > .cell {
width: 100%;
}
.small-up-2 > .cell {
width: 50%;
}
.small-up-3 > .cell {
width: 33.33333%;
}
.small-up-4 > .cell {
width: 25%;
}
.small-up-5 > .cell {
width: 20%;
}
.small-up-6 > .cell {
width: 16.66667%;
}
.small-up-7 > .cell {
width: 14.28571%;
}
.small-up-8 > .cell {
width: 12.5%;
}
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.25rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.25rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.33333% - 1.25rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.25rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.25rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.66667% - 1.25rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.28571% - 1.25rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.25rem);
}
.small-margin-collapse, .small-margin-collapse > .cell {
margin-left: 0;
margin-right: 0;
}
.small-margin-collapse > .small-1 {
width: 8.33333%;
}
.small-margin-collapse > .small-2 {
width: 16.66667%;
}
.small-margin-collapse > .small-3 {
width: 25%;
}
.small-margin-collapse > .small-4 {
width: 33.33333%;
}
.small-margin-collapse > .small-5 {
width: 41.66667%;
}
.small-margin-collapse > .small-6 {
width: 50%;
}
.small-margin-collapse > .small-7 {
width: 58.33333%;
}
.small-margin-collapse > .small-8 {
width: 66.66667%;
}
.small-margin-collapse > .small-9 {
width: 75%;
}
.small-margin-collapse > .small-10 {
width: 83.33333%;
}
.small-margin-collapse > .small-11 {
width: 91.66667%;
}
.small-margin-collapse > .small-12 {
width: 100%;
}
.small-padding-collapse {
margin-left: 0;
margin-right: 0;
}
.small-padding-collapse > .cell {
padding-left: 0;
padding-right: 0;
}
.small-offset-0 {
margin-left: 0;
}
.grid-margin-x > .small-offset-0 {
margin-left: 0.625rem;
}
.small-offset-1 {
margin-left: 8.33333%;
}
.grid-margin-x > .small-offset-1 {
margin-left: calc(8.33333% + .625rem);
}
.small-offset-2 {
margin-left: 16.66667%;
}
.grid-margin-x > .small-offset-2 {
margin-left: calc(16.66667% + .625rem);
}
.small-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .small-offset-3 {
margin-left: calc(25% + .625rem);
}
.small-offset-4 {
margin-left: 33.33333%;
}
.grid-margin-x > .small-offset-4 {
margin-left: calc(33.33333% + .625rem);
}
.small-offset-5 {
margin-left: 41.66667%;
}
.grid-margin-x > .small-offset-5 {
margin-left: calc(41.66667% + .625rem);
}
.small-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .small-offset-6 {
margin-left: calc(50% + .625rem);
}
.small-offset-7 {
margin-left: 58.33333%;
}
.grid-margin-x > .small-offset-7 {
margin-left: calc(58.33333% + .625rem);
}
.small-offset-8 {
margin-left: 66.66667%;
}
.grid-margin-x > .small-offset-8 {
margin-left: calc(66.66667% + .625rem);
}
.small-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .small-offset-9 {
margin-left: calc(75% + .625rem);
}
.small-offset-10 {
margin-left: 83.33333%;
}
.grid-margin-x > .small-offset-10 {
margin-left: calc(83.33333% + .625rem);
}
.small-offset-11 {
margin-left: 91.66667%;
}
.grid-margin-x > .small-offset-11 {
margin-left: calc(91.66667% + .625rem);
}
.grid-y {
display: flex;
flex-flow: column nowrap;
}
.grid-y > .cell {
width: auto;
}
.grid-y > .auto, .grid-y > .shrink {
height: auto;
}
.grid-y > .small-1, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-full, .grid-y > .small-shrink {
flex-basis: auto;
}
.grid-y > .small-1 {
height: 8.33333%;
}
.grid-y > .small-2 {
height: 16.66667%;
}
.grid-y > .small-3 {
height: 25%;
}
.grid-y > .small-4 {
height: 33.33333%;
}
.grid-y > .small-5 {
height: 41.66667%;
}
.grid-y > .small-6 {
height: 50%;
}
.grid-y > .small-7 {
height: 58.33333%;
}
.grid-y > .small-8 {
height: 66.66667%;
}
.grid-y > .small-9 {
height: 75%;
}
.grid-y > .small-10 {
height: 83.33333%;
}
.grid-y > .small-11 {
height: 91.66667%;
}
.grid-y > .small-12 {
height: 100%;
}
.grid-padding-y .grid-padding-y {
margin-bottom: - 0.625rem;
margin-top: - 0.625rem;
}
.grid-padding-y > .cell {
padding-bottom: 0.625rem;
padding-top: 0.625rem;
}
.grid-frame {
align-items: stretch;
flex-wrap: nowrap;
overflow: hidden;
position: relative;
width: 100vw;
}
.cell .grid-frame {
width: 100%;
}
.cell-block {
max-width: 100%;
overflow-x: auto;
}
.cell-block, .cell-block-y {
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
}
.cell-block-y {
max-height: 100%;
overflow-y: auto;
}
.cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%;
}
.cell-block-container > .grid-x {
flex-wrap: nowrap;
max-height: 100%;
}
.grid-y.grid-frame {
align-items: stretch;
flex-wrap: nowrap;
height: 100vh;
overflow: hidden;
position: relative;
width: auto;
}
.cell .grid-y.grid-frame {
height: 100%;
}
.grid-margin-y {
margin-bottom: - 0.625rem;
margin-top: - 0.625rem;
}
.grid-margin-y > .cell {
height: calc(100% - 1.25rem);
margin-bottom: 0.625rem;
margin-top: 0.625rem;
}
.grid-margin-y > .auto, .grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.25rem);
}
.grid-margin-y > .small-2 {
height: calc(16.66667% - 1.25rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
height: calc(33.33333% - 1.25rem);
}
.grid-margin-y > .small-5 {
height: calc(41.66667% - 1.25rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
height: calc(58.33333% - 1.25rem);
}
.grid-margin-y > .small-8 {
height: calc(66.66667% - 1.25rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
height: calc(83.33333% - 1.25rem);
}
.grid-margin-y > .small-11 {
height: calc(91.66667% - 1.25rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.25rem);
}
.grid-frame.grid-margin-y {
height: calc(100vh + 1.25rem);
}
.tabs {
background: #fefefe;
border: 1px solid #e6e6e6;
list-style-type: none;
margin: 0;
}
.tabs:after, .tabs:before {
content: " ";
display: table;
flex-basis: 0;
order: 1;
}
.tabs:after {
clear: both;
}
.tabs.vertical > li {
display: block;
float: none;
width: auto;
}
.tabs.simple > li > a {
padding: 0;
}
.tabs.simple > li > a:hover {
background: transparent;
}
.tabs.primary {
background: #1779ba;
}
.tabs.primary > li > a {
color: #fefefe;
}
.tabs.primary > li > a:focus, .tabs.primary > li > a:hover {
background: #1673b1;
}
.tabs-title {
float: left;
}
.tabs-title > a {
color: #1779ba;
display: block;
font-size: 0.75rem;
line-height: 1;
padding: 1.25rem 1.5rem;
}
.tabs-title > a:hover {
background: #fefefe;
color: #1468a0;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
background: #e6e6e6;
color: #1779ba;
}
.tabs-content {
background: #fefefe;
border: 1px solid #e6e6e6;
border-top: 0;
color: #151515;
transition: all 0.5s ease;
}
.tabs-content.vertical {
border: 1px solid #e6e6e6;
border-left: 0;
}
.tabs-panel {
display: none;
padding: 1rem;
}
.tabs-panel.is-active {
display: block;
}
body {
font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
min-width: 320px;
}
.text--is-light, .text--is-regular, body {
font-weight: 400;
}
.text--is-bold {
font-weight: 700;
}
.text--no-wrap {
white-space: nowrap;
}
.text--is-block {
display: block;
}
.text--is-inline-block {
display: inline-block;
}
.text--is-underlined {
text-decoration: underline;
}
.text--is-not-underlined {
text-decoration: none;
}
.text--is-error {
color: red;
font-size: 0.8rem;
}
.text--is-uppercase {
text-transform: uppercase;
}
.margin-center {
margin: 0 auto;
}
.margin-bottom {
margin-bottom: 15px !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
code {
background-color: transparent;
border: 0;
font-family: Courier, New Courier, monospace;
font-size: 14px;
}
:root:root .row.expanded .row {
margin-left: auto;
margin-right: auto;
max-width: 75rem;
}
.sr-only {
height: 1px;
left: -10000px;
overflow: hidden;
position: absolute;
top: auto;
width: 1px;
}
.max-100 {
max-width: 100% !important;
width: 100% !important;
}
.padding-top-mini {
padding-top: 5px;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.padding--left-30 {
padding-left: 1.875rem;
}
.padding--right-30 {
padding-right: 1.875rem;
}
.hero {
color: #fff;
font-weight: 400;
padding-bottom: 15px;
padding-top: 15px;
}
.hero--generic {
background-color: #202050;
background-image: linear-gradient(30deg, #0a0a19, #202050);
background-position-x: center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
padding: 15px 0;
position: relative;
text-align: center;
}
.hero--generic h1 {
font-size: 1.875rem;
font-weight: 700;
line-height: 2.25rem;
margin: 0 auto 15px;
text-transform: uppercase;
}
.hero--generic h1 .heading--geo-small-text {
display: block;
font-size: 1rem;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.5rem;
line-height: 1.375rem;
}
.hero--generic h1.entry-title {
box-sizing: border-box;
padding: 0;
text-align: center;
}
.hero--generic h2.subtitle {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5rem;
margin-bottom: 1.125rem;
text-align: center;
}
.hero--generic h5 {
font-size: 1rem;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.5rem;
line-height: 1.375rem;
margin: 0 auto 2px;
width: 100%;
}
.hero--generic a, .hero--generic a:hover {
color: #fff;
}
.hero--generic table a {
color: #5050b9;
}
.has-button .hero--generic table a:first-of-type, .has-button .hero--generic table a:hover:first-of-type, .hero--generic table .has-button a:first-of-type, .hero--generic table .has-button a:hover:first-of-type, .hero--generic table .hero-components .vc-table-scrolling__cell.has-button a:first-of-type, .hero--generic table a.button--generic, .hero--generic table a.button--generic:hover, .hero-components .vc-table-scrolling__cell.has-button .hero--generic table a:first-of-type {
color: #fefefe;
}
.hero--generic table a:hover {
color: #ff2128;
}
.hero--generic.no-padding-bottom {
padding-bottom: 0;
}
.hero--generic img:not(.avatar) {
width: 200px;
}
.hero--generic.hero__bg--internet-plans, .hero--generic.hero__bg--view-plans {
background-color: #576a7a;
}
.hero--generic.hero__bg--has-no-image {
background-color: transparent;
background-image: none;
}
.hero--generic p.subtitle {
margin-bottom: 1.125rem;
text-align: center;
}
.hero--generic p.subtitle, .hero--generic p.subtitle-header {
color: inherit;
font-family: Oswald, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5rem;
}
.hero--generic-blog {
background-color: #202050;
background-image: linear-gradient(30deg, #0a0a19, #202050);
background-position-x: center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
padding: 15px 0;
position: relative;
text-align: center;
}
.hero--generic-blog h1 {
font-size: 1.875rem;
font-size: 1.375rem;
line-height: 2.25rem;
text-transform: uppercase;
}
.hero--generic-blog h1, .hero--generic-blog h5 {
font-weight: 700;
line-height: 1.5rem;
margin: 0 auto 2px;
}
.hero--generic-blog h5 {
font-size: 1rem;
font-size: 0.875rem;
line-height: 1.375rem;
width: 100%;
}
.hero--generic-blog a, .hero--generic-blog a:hover {
color: #fff;
}
.hero--generic-blog table a {
color: #5050b9;
text-decoration: none;
}
.hero--generic-blog table a:hover {
color: #ff2128;
text-decoration: underline;
}
.hero--generic-blog.no-padding-bottom {
padding-bottom: 0;
}
.hero--view-calc {
color: #fff;
}
.hero--buckeye-broadband {
background-color: #11407a;
}
.hero--spectrum {
color: #fff;
}
.hero--spectrum .heading-channel-lineup a {
color: inherit;
}
.hero--time-warner {
background-color: #01325d;
background-image: linear-gradient(90deg, #01325d 0, #0061a4);
}
.hero--time-warner .heading-channel-lineup a {
color: inherit;
}
.hero__flex-center {
display: flex;
justify-content: center;
}
.hero__breadcrumb {
align-items: center;
display: flex;
opacity: 0.5;
}
.hero__breadcrumb__logo {
height: 16px;
width: 58px;
}
.hero__breadcrumb__delimiter {
margin-left: 5px;
margin-right: 5px;
}
.hero__breadcrumb__delimiter svg {
height: 12px;
width: 12px;
}
.hero__breadcrumb__page {
font-size: 12px;
margin-top: 5px;
}
.hero__breadcrumb__page a {
color: #fff;
text-decoration: none;
}
.hero__breadcrumb__page a:hover {
color: #f2f2f2;
text-decoration: underline;
}
.ctv-header {
position: relative;
}
.header__promo {
background-color: #151515;
display: none;
}
.header__promo--frontier .header__promo__callout {
font-size: 1rem;
width: 60%;
}
.header__promo--time-warner {
background-color: #01325d;
}
.header__promo__phone {
align-self: center;
}
.header__promo__phone--is-hidden {
display: none;
}
.header__promo .cl-phone {
display: flex;
}
.header__promo .cl-phone .header__promo__link {
align-self: center;
color: inherit;
margin: 0 1.5rem;
}
.header__promo .cl-phone .header__promo__link:hover {
color: inherit;
}
.header__promo__callout {
align-self: center;
margin-right: 0.5rem;
}
.header__promo__link {
align-self: center;
color: inherit;
margin: 0 1.5rem;
text-decoration: none;
}
.header__promo__link:hover {
color: inherit;
text-decoration: underline;
}
.header__promo__root-site-link {
align-self: center;
display: inline-block;
margin-top: 5px;
max-width: 150px;
}
.header__promo__root-site-link svg {
width: 100px;
}
.site__footer {
color: #5b5b5b;
padding: 2.1875rem 0;
}
.site__footer a {
color: inherit;
font-size: 0.875rem;
text-decoration: none;
}
.site__footer a:hover {
text-decoration: underline;
}
.site__footer #ot-sdk-btn.ot-sdk-show-settings {
all: unset;
color: #fff;
font-size: 0.875rem;
}
.site__footer #ot-sdk-btn.ot-sdk-show-settings:hover {
background-color: transparent;
color: #df432b;
cursor: pointer;
text-decoration: underline;
}
.site__footer__disclaimer {
color: #5b5b5b;
margin: 0;
padding: 0;
text-align: center;
}
.footer__column {
border-right: 1px solid #c5c5c5;
margin-bottom: 30px;
}
.footer__column:nth-child(2), .footer__column:nth-child(3) {
border-right-width: 0;
margin-bottom: 30px;
}
.footer__column:nth-child(4) {
margin-bottom: 0;
}
.footer__column--last {
border-right: 0;
}
.footer__column--logo {
border-right-width: 0;
margin-bottom: 30px;
text-align: center;
}
.footer__logo {
display: block;
}
.footer__legal {
line-height: 18px;
list-style: none;
margin: 0 0 5px;
padding: 0;
}
.footer__legal li {
display: inline-block;
margin-right: 10px;
}
.footer__legal li:last-child {
margin-right: 0;
}
.footer__copyright, .footer__legal a {
font-size: 0.75rem;
}
.footer__blog-disclaimer {
color: #fff;
font-size: 0.75rem;
margin-top: 15px;
text-align: left;
}
.footer__iframe {
border: 0;
height: 155px;
overflow: hidden;
width: 100%;
}
.footer__colheader {
text-align: center;
text-transform: uppercase;
}
.footer__sitemap {
list-style: none;
margin: 0 auto;
max-width: 320px;
padding: 0;
text-align: center;
}
.footer__sitemap a {
color: #5b5b5b;
float: left;
width: 50%;
}
.footer__sitemap--generic a {
color: #5b5b5b;
width: 100%;
}
.footer__sitemap-item__link {
color: #5b5b5b;
float: left;
width: 50%;
}
.footer__social {
display: flex;
justify-content: center;
list-style: none;
margin: 0;
overflow: visible;
padding: 0;
}
.footer__social li {
display: inline-block;
}
.footer__social-item {
display: inline-block;
position: relative;
text-align: center;
width: 50px;
}
.footer__social-item__link {
background-color: #5b5b5b;
border-radius: 50%;
display: inline-block;
height: 28px;
position: relative;
width: 28px;
}
.footer__social-item__link--facebook:hover {
background-color: #5582b8;
}
.footer__social-item__link--google:hover {
background-color: #e75747;
}
.footer__social-item__link--twitter:hover {
background-color: #11bae5;
}
.footer__social-item__link--blog:hover {
background-color: #f33727;
}
.footer__social-item__link .icon {
fill: #f3f3f3;
height: 14px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 14px;
}
.footer__social-item__label {
display: none;
}
.footer__brands {
display: flex;
justify-content: center;
margin: auto 0;
}
.footer__brands--cabletv {
float: left;
height: 27px;
margin-right: 25px;
margin-top: 0.3125rem;
width: 97px;
}
.footer__brands--dgs {
float: left;
height: 36px;
margin-top: 0.3125rem;
width: 62px;
}
.ctv-logo {
display: inline-block;
margin: 10px 0;
max-width: 70px;
}
.main-menu {
float: right;
}
.main-menu #toggle-menu {
display: none;
}
.main-menu #toggle-menu:checked + .main-menu__container {
display: block;
}
.main-menu .main-menu__container {
background-color: #fefefe;
box-shadow: 0 2px 4px #5b5b5b;
display: none;
left: 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 3;
}
.main-menu .main-menu__container .searchform {
background-color: #f3f3f3;
}
.main-menu ul.main-menu__ul {
font-size: 0.875rem;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.main-menu ul.main-menu__ul > li {
display: block;
position: relative;
}
.main-menu ul.main-menu__ul > li.menu-item-has-children {
border-bottom: 1px solid #f3f3f3;
}
.main-menu ul.main-menu__ul > li.menu-item-has-children > a:after {
content: url(../images/pages/generic/menu-plus.svg);
display: block;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
}
.main-menu ul.main-menu__ul > li.menu-item-has-children.open > a:after {
content: url(../images/pages/generic/menu-minus.svg);
}
.main-menu ul.main-menu__ul > li > a {
color: #151515;
display: inline-block;
font-weight: 700;
padding: 14px;
position: relative;
text-decoration: none;
text-transform: capitalize;
width: 100%;
}
.main-menu ul.main-menu__ul > li > ul {
display: none;
width: 100%;
}
.main-menu ul.main-menu__ul > li > ul > li > a {
color: #151515;
display: block;
font-weight: 400;
padding: 0.7rem 1.3rem;
}
.main-menu ul.main-menu__ul > li > ul > li:last-child a {
font-weight: 700;
text-decoration: underline;
}
.main-menu ul.main-menu__ul > li:hover > a, .main-menu ul.main-menu__ul > li > ul > li:hover a {
color: #ff2128;
}
.toggle-mobile-nav {
color: #fefefe;
cursor: pointer;
height: 37px;
position: absolute;
right: 15px;
text-align: center;
top: 50%;
width: 37px;
}
.toggle-mobile-nav .bars {
left: 9px;
top: 18px;
transition: transform 0.3s ease-in;
}
.toggle-mobile-nav .bars, .toggle-mobile-nav .bars:after {
background-color: #000;
display: block;
height: 2px;
position: absolute;
transform-origin: center center;
width: 20px;
}
.toggle-mobile-nav .bars:after {
content: "";
top: 6px;
transition: transform 0.3s ease-in, top 0.3s ease-in;
}
.toggle-mobile-nav .bars:before {
background-color: #000;
content: "";
display: block;
height: 2px;
position: absolute;
top: -6px;
transform-origin: center center;
transition: transform 0.3s ease-in, top 0.3s ease-in;
width: 20px;
}
.toggle-mobile-nav.active .bars {
transform: rotate(135deg);
}
.toggle-mobile-nav.active .bars:after {
top: 0;
transform: rotate(-270deg);
}
.toggle-mobile-nav.active .bars:before {
top: 0;
transform: rotate(-180deg);
}
.change-location-link-area, .has-menu, .header-search {
align-self: center;
}
.change-location-link-area {
font-size: 0.875rem;
}
.subnav {
margin-left: auto;
margin-right: auto;
}
.subnav__nav {
max-width: 100%;
overflow-y: auto;
}
.subnav__list {
align-items: center;
display: inline-flex;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.subnav__list li {
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.subnav__list li a {
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
line-height: 40px;
position: relative;
text-decoration: none;
white-space: nowrap;
}
.subnav__list li a:hover {
color: #d9d9d9;
text-decoration: none;
}
.subnav__list li a.current-page, .subnav__list li a:active, .subnav__list li a:focus {
color: #fff;
text-decoration: none;
}
.subnav__list li a.current-page:hover {
color: #d9d9d9;
text-decoration: none;
}
.subnav__list li.current-page:after {
border: 8px solid transparent;
border-bottom-color: #1d253c;
content: "";
display: block;
height: 0;
left: 50%;
margin-left: -8px;
margin-top: -16px;
position: absolute;
width: 0;
}
.subnav__list li:first-child {
padding-left: 0;
}
.slick-slider {
box-sizing: border-box;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.slick-list, .slick-slider {
display: block;
position: relative;
}
.slick-list {
margin: 0;
overflow: hidden;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: hand;
}
.slick-slider .slick-list, .slick-slider .slick-track {
transform: translateZ(0);
}
.slick-track {
display: block;
left: 0;
position: relative;
top: 0;
}
.slick-track:after, .slick-track:before {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-dots, .slick-initialized .slick-slide {
display: block;
}
.slick-dots {
bottom: -45px;
list-style: none;
padding: 0;
position: absolute;
text-align: center;
width: 100%;
}
.slick-dots li {
cursor: pointer;
display: inline-block;
height: 20px;
margin: 0 5px;
padding: 0;
position: relative;
width: 20px;
}
.slick-dots li.slick-active button:before {
color: #0a0a0a;
opacity: 0.75;
}
.slick-dots li button {
background-color: transparent;
border: 0;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
height: 20px;
line-height: 0;
outline: none;
padding: 5px;
width: 20px;
}
.slick-dots li button:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #0a0a0a;
content: "•";
font-family: slick;
font-size: 6px;
height: 20px;
left: 0;
line-height: 20px;
opacity: 0.25;
position: absolute;
text-align: center;
top: 0;
width: 20px;
}
.slick-dots li button:focus, .slick-dots li button:hover {
outline: none;
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
opacity: 1;
}
.slider-index {
color: #151515;
}
.slider-index a {
display: inline-block;
height: 7.1875rem;
margin: 0;
padding-top: 1.875rem;
text-align: center;
width: 16.28%;
}
.slider-index__slides {
overflow: hidden;
}
.slider-index__slide-image {
height: 2.8125rem;
margin: 0 auto;
max-width: 12.5rem;
padding-left: 2rem;
padding-right: 2rem;
}
.slider-content {
justify-content: center;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
position: relative;
}
.slider-content .slick-dots {
bottom: 0;
left: 50%;
margin: 0;
position: relative;
transform: translateX(-50%);
}
.slider-content .slick-dots li button:before {
font-size: 2.5rem;
}
.slider-content--toggle {
background-color: #f3f3f3;
padding: 0;
position: relative;
}
.slider-content--toggle .slick-dots {
bottom: auto;
left: 50%;
position: absolute;
top: 200px;
transform: translateX(-50%);
}
.slider-content--toggle .slider-content__next-arrow {
right: 15px;
top: 5.625rem;
}
.slider-content--toggle .slider-content__previous-arrow {
left: 15px;
top: 5.625rem;
}
.slider-content__slides {
overflow: hidden;
}
.slider-content__slide {
outline: none;
text-align: center;
}
.slider-content__slide img {
margin-left: auto;
margin-right: auto;
}
.slider-content__slide p {
padding: 0 1.5625rem;
}
.slider-content__slide--toggle {
outline: none;
position: relative;
text-align: left;
}
.slider-content__slide--toggle p {
padding: 0;
}
.slider-content__slide-top {
margin-top: 40px;
}
.slider-content__slide-bottom {
padding: 0 15px 35px;
}
.slider-content__list {
text-align: center;
}
.slider-content__list ul {
margin: 0 auto;
max-width: 18.75rem;
padding-left: 2.8125rem;
padding-right: 1.5625rem;
text-align: left;
}
.slider-content__list--aligned-left {
text-align: left;
}
.slider-content__list--aligned-left ul {
padding-left: 0;
}
.slider-content__list--aligned-left ul.fill-in li {
float: none;
padding-right: 25px;
width: 100%;
}
.slider-content__list--aligned-left ul.fill-in:after {
clear: both;
content: "";
display: table;
}
.slider-content__next-arrow, .slider-content__previous-arrow {
color: #c5c5c5;
cursor: pointer;
height: 2.1875rem;
left: 0;
opacity: 0.3;
position: absolute;
top: 3.125rem;
width: 1.25rem;
z-index: 5;
}
.slider-content__next-arrow path, .slider-content__next-arrow polygon, .slider-content__next-arrow use, .slider-content__previous-arrow path, .slider-content__previous-arrow polygon, .slider-content__previous-arrow use {
fill: #c5c5c5;
}
.slider-content__next-arrow:focus, .slider-content__next-arrow:hover, .slider-content__previous-arrow:focus, .slider-content__previous-arrow:hover {
color: #151515;
}
.slider-content__next-arrow:focus path, .slider-content__next-arrow:focus polygon, .slider-content__next-arrow:focus use, .slider-content__next-arrow:hover path, .slider-content__next-arrow:hover polygon, .slider-content__next-arrow:hover use, .slider-content__previous-arrow:focus path, .slider-content__previous-arrow:focus polygon, .slider-content__previous-arrow:focus use, .slider-content__previous-arrow:hover path, .slider-content__previous-arrow:hover polygon, .slider-content__previous-arrow:hover use {
fill: #151515;
}
.slider-content__next-arrow {
left: auto;
right: 0;
}
.zip-form {
width: auto;
}
.zip-form--is-centered {
display: flex;
justify-content: center;
}
.zip-form--bordered {
border: 1px solid #cacaca;
border-radius: 0.3125rem;
margin-bottom: 1.5rem;
padding: 1.5rem;
text-align: center;
}
.zip-form--bordered .zip-form__fields {
margin: 0 auto;
}
.zip-form--fixed-width {
width: auto;
}
.zip-form--white-bg {
background-color: #f3f3f3;
color: #9f9f9f;
}
.zip-form--light-bg {
background-color: #f2f2f2;
color: #9f9f9f;
}
.zip-form--trans-bg {
background-color: rgba(255, 255, 255, .2);
border: 0;
border-radius: 0.3125rem;
color: #fff;
margin-bottom: 1.5rem;
padding: 2rem;
}
.zip-form--trans-bg .zip-form__fields {
margin: 0 auto;
}
.zip-form--blue-inline {
max-width: 100%;
}
.zip-form--blue-inline .zip-form__fields {
margin: 0 auto;
}
.zip-form--blue-inline button {
background-color: #087b82;
}
.zip-form--blue-inline button:focus, .zip-form--blue-inline button:hover {
background-color: #07646a;
}
.zip-form--small .zip-form__button button, .zip-form--small .zip-form__input input {
font-size: 1.125rem;
height: 48px;
}
.zip-form__header {
flex: 1 100%;
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
}
.zip-form__subhead {
flex-basis: 100%;
}
.zip-form__fields {
display: flex;
}
.zip-form__input {
margin-right: 15px;
}
.zip-form__input input {
border-radius: 0;
font-size: 1.25rem;
height: 60px;
width: 140px;
}
.zip-form__input input.has-no-margin {
margin: 0;
}
.zip-form__button button {
font-size: 1.25rem;
font-weight: 400;
height: 60px;
line-height: 0.8;
padding: 0.5rem 1.25rem;
text-transform: uppercase;
vertical-align: -2px;
}
.zip-form__button button:active, .zip-form__button button:focus, .zip-form__button button:hover {
background-color: #d40007;
}
/*.cta-text {*/
/* background-color: #222;*/
/* color: #f3f3f3;*/
/* height: 112px;*/
/* padding-left: 35px;*/
/* padding-right: 35px;*/
/* text-align: center;*/
/*}*/
.cta-text__text-container {
align-items: center;
display: inline-block;
line-height: normal;
vertical-align: middle;
}
.cta-text__middle-content {
height: 100px;
line-height: 100px;
text-align: center;
}
.cta-text__text {
display: block;
font-size: 1.75rem;
line-height: 1.75rem;
text-transform: uppercase;
}
.cta-text__text--bold {
font-weight: 700;
}
.cta-text__link {
color: #f3f3f3;
display: inline-block;
font-size: 1.75rem;
font-weight: 400;
line-height: 1.75rem;
text-decoration: none;
}
.cta-text__link:hover {
color: #f3f3f3;
}
.cta-text__link--underlined {
text-decoration: underline;
}
.cta-text__link--bold {
font-weight: 700;
}
.main-wrap .page .cta-sticky {
background-color: #202050;
color: #fff;
text-align: center;
}
.main-wrap .page .cta-sticky--column-padding-restrict {
padding-left: 0;
padding-right: 0;
}
.main-wrap .page .cta-sticky--stuck {
box-shadow: 0 2px 4px #5b5b5b;
left: 0;
padding-left: 0;
padding-right: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}
.main-wrap .page .cta-sticky a:active, .main-wrap .page .cta-sticky a:focus, .main-wrap .page .cta-sticky a:hover {
color: #f2f2f2;
}
.main-wrap .page .cta-sticky h2 {
color: #fff;
}
.main-wrap .page .cta-sticky h3 {
margin-bottom: 0;
}
.main-wrap .page .cta-sticky__heading {
font-size: 1rem;
font-weight: 700;
line-height: 1.25rem;
}
.main-wrap .page .cta-sticky__heading a {
text-decoration: none;
}
.main-wrap .page .cta-sticky__heading a:hover {
text-decoration: underline;
}
.main-wrap .page .cta-sticky__button-area {
height: 60px;
}
.availability-map__map-container {
position: relative;
}
.availability-map__mapbox {
min-height: 28.125rem;
width: 100%;
}
.availability-map__mapbox--generic {
height: 34.375rem;
}
.availability-map__select {
background-color: rgba(10, 10, 10, .8);
bottom: 0;
color: #f3f3f3;
height: 4.375rem;
padding: 1rem;
position: absolute;
width: 100%;
z-index: 999;
}
.availability-map__brand-select {
margin-bottom: 0;
max-width: 9.375rem;
}
.availability-map__see-packages {
max-width: 18.75rem;
padding: 0.625rem 1.25rem !important;
}
.availability-map__see-packages--visible {
display: inline-block;
}
canvas {
position: inherit !important;
}
.package-card__wrapper {
max-width: auto;
}
.package-card {
color: #5b5b5b;
display: flex;
flex-direction: column;
margin-top: 20px;
}
.package-card .brand-icons__list {
list-style: none;
margin: 0;
padding: 0;
}
.package-card .brand-icons__list li {
display: inline-block;
}
.package-card .brand-icons__list__item svg {
fill: #e6e6e6;
height: 35px;
width: 35px;
}
.package-card .brand-icons__list__item.available svg {
fill: #5050b9;
}
.package-card .package-name {
color: #151515;
font-size: 1.25rem;
line-height: 1;
margin-bottom: 5px;
}
.package-card .price-area__intro {
font-size: 0.875rem;
margin-bottom: 0;
}
.package-card .price-area__price {
color: #151515;
display: flex;
flex-wrap: wrap;
font-size: 3.125rem;
font-weight: 700;
line-height: 1;
margin-bottom: 20px;
}
.package-card .price-area__price__text {
font-size: 2.25rem;
}
.package-card .price-area__price__duration {
font-size: 1rem;
margin-top: 9px;
}
.package-card .price-area__legal {
color: #5b5b5b;
font-size: 0.75rem;
font-weight: 400;
line-height: 0.875rem;
margin-top: 5px;
width: 100%;
}
.package-card .package-features__headline {
color: #151515;
font-size: 1rem;
line-height: 1.25rem;
}
.package-card .package-features__list, .package-card .package-features__supporting-copy {
font-size: 1rem;
}
.package-card .package-features__legal {
font-size: 0.75rem;
line-height: 0.875rem;
margin-bottom: 0;
margin-top: 15px;
}
.package-card .package-features__button {
align-self: flex-end;
background-color: rgba(80, 80, 185, .33);
border-radius: 0;
color: #5050b9;
display: inline-block;
padding: 5px 10px;
text-align: center;
text-decoration: none;
}
.package-card .package-features__button:hover {
background-color: rgba(54, 54, 135, .33);
}
.package-card .package-features__visibility-toggle {
border-bottom: 2px solid #c5c5c5;
color: #5050b9;
cursor: pointer;
font-size: 1rem;
font-weight: 400;
text-align: right;
text-transform: uppercase;
}
.package-card .package-features__visibility-toggle svg {
fill: #5050b9;
height: 10px;
width: 10px;
}
.package-card .see-less, .package-card .see-more {
cursor: pointer;
}
body, html {
scroll-behavior: smooth;
}
.header-padding-top {
padding-top: 30px;
}
.provider-cards {
background-color: #e6e6e6;
padding-top: 15px;
}
.provider-cards .tabs {
background-color: transparent;
border: 0;
display: inline-block;
float: right;
margin-bottom: 30px;
}
.provider-cards .tabs-title {
margin-bottom: 0;
margin-left: 0.5rem;
}
.provider-cards .tabs-title.is-active a {
background-color: #5050b9;
color: #f3f3f3;
}
.provider-cards .tabs-title a {
border: 2px solid #5050b9;
color: #5050b9;
font-size: 0.75rem;
font-weight: 700;
line-height: 1em;
padding: 0.4375rem 0.5rem;
text-decoration: none;
}
.provider-cards .tabs-title a:hover {
background-color: #202050;
border-color: #202050;
color: #f3f3f3;
}
.provider-cards .tabs-content {
background: transparent;
border: 0;
}
.provider-cards .tabs-panel {
padding: 0.5rem;
}
.provider-cards__filters {
list-style: none;
margin: 0;
padding: 0 5px 0 0;
text-align: right;
white-space: nowrap;
}
.provider-cards__filters li {
border: 2px solid #5050b9;
border-radius: 0;
cursor: pointer;
display: inline-block;
font-size: 0.75rem;
line-height: 12px;
margin-bottom: 1rem;
margin-left: 0.1875rem;
padding: 0.4375rem 0.5rem;
}
.provider-cards__filter {
color: #5050b9;
font-weight: 700;
}
.provider-cards__filter.disabled {
cursor: not-allowed;
opacity: 0.25;
}
.provider-cards__filter--selected {
background-color: #5050b9;
color: #f3f3f3;
}
.provider-cards__select-area {
padding-left: 15px;
text-align: left;
}
.provider-cards__select-area .provider-cards__select {
color: #5b5b5b;
font-size: 0.75rem;
width: 100%;
}
.provider-cards__providers {
margin-top: 0;
padding-top: 0;
width: 100%;
}
.provider-cards__card {
margin: 35px 15px 2.5rem;
}
.provider-cards__card--is-ad {
margin-bottom: 1.875rem;
}
.expanded .provider-cards__card {
margin-left: 0;
margin-right: 0;
}
.animate-cards .provider-cards__card {
animation: card-slide 0.33s forwards;
animation-delay: 0.1s;
animation-iteration-count: 1;
animation-play-state: running;
animation-timing-function: ease-in-out;
}
.animate-cards .provider-cards__card:first-child {
animation-delay: 0s;
}
.animate-cards .provider-cards__card:nth-child(2) {
animation-delay: 0.1s;
}
.animate-cards .provider-cards__card:nth-child(3) {
animation-delay: 0.2s;
}
.animate-cards .provider-cards__card:nth-child(4) {
animation-delay: 0.3s;
}
.animate-cards .provider-cards__card:nth-child(5) {
animation-delay: 0.4s;
}
.animate-cards .provider-cards__card:nth-child(6) {
animation-delay: 0.5s;
}
.animate-cards .provider-cards__card:nth-child(7) {
animation-delay: 0.6s;
}
.animate-cards .provider-cards__card:nth-child(8) {
animation-delay: 0.7s;
}
.animate-cards .provider-cards__card:nth-child(9) {
animation-delay: 0.8s;
}
.animate-cards .provider-cards__card:nth-child(10) {
animation-delay: 0.9s;
}
.animate-cards .provider-cards__card:nth-child(11) {
animation-delay: 1s;
}
.animate-cards .provider-cards__card:nth-child(12) {
animation-delay: 1.1s;
}
.animate-cards .provider-cards__card:nth-child(13) {
animation-delay: 1.2s;
}
.animate-cards .provider-cards__card:nth-child(14) {
animation-delay: 1.3s;
}
.animate-cards .provider-cards__card:nth-child(15) {
animation-delay: 1.4s;
}
.animate-cards .provider-cards__card:nth-child(16) {
animation-delay: 1.5s;
}
.animate-cards .provider-cards__card:nth-child(17) {
animation-delay: 1.6s;
}
.animate-cards .provider-cards__card:nth-child(18) {
animation-delay: 1.7s;
}
.animate-cards .provider-cards__card:nth-child(19) {
animation-delay: 1.8s;
}
.animate-cards .provider-cards__card:nth-child(20) {
animation-delay: 1.9s;
}
@keyframes card-slide {
0% {
opacity: 0;
transform: translateY(150px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.provider-cards__card-bottom .columns {
border-left: 0;
border-top: 0;
min-height: unset;
}
.provider-cards__card-bottom .columns:first-child {
border-left: 0;
border-top: 0;
}
.provider-cards__card-bottom .columns:nth-child(3) {
border-top: 2px solid #e6e6e6;
padding-left: 0;
padding-right: 0;
}
.provider-cards__card-bottom .columns:nth-child(4) {
padding-left: 0;
padding-right: 0;
}
.provider-cards__card-logo {
margin-bottom: 20px;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.provider-cards__card-rating-table {
display: table;
height: 100%;
margin: 0 auto;
padding: 10px 0;
text-align: center;
}
.provider-cards__card-rating-table .rating-stars-container {
white-space: nowrap;
}
.provider-cards__card-rating-table-cell {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.provider-cards__card-rating {
margin-bottom: 15px;
margin-top: 14px;
text-align: center;
}
.provider-cards__card-rating .provider-cards__card-rating-details {
font-size: 0.875rem;
line-height: 2.5;
margin-top: -5px;
text-decoration: underline;
white-space: nowrap;
}
.provider-cards__card-channels-speeds-table {
display: table;
height: 100%;
margin: 0;
padding: 10px 0;
text-align: left;
}
.provider-cards__card-channels-speeds-table-cell {
display: table-cell;
font-family: Oswald, Helvetica, Arial, sans-serif;
font-weight: 700;
height: 100%;
vertical-align: middle;
}
.provider-cards__card-channels-speeds-table-cell span {
font-size: 0.75rem;
font-weight: 400;
}
.provider-cards__card-flex-area {
display: block;
height: 100%;
width: auto;
}
.provider-cards__card-flex-area .provider-cards__card-features-table {
display: table;
flex: 0 1 60%;
margin-bottom: 5px;
text-align: left;
}
.provider-cards__card-flex-area .provider-cards__card-features {
list-style: none;
margin: 5px 0;
padding: 0;
position: relative;
}
.provider-cards__card-flex-area .provider-cards__card-features li {
display: flex;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.2;
padding: 0.5rem 0;
text-align: left;
}
.provider-cards__card-flex-area .provider-cards__card-features li svg {
color: #5050b9;
height: 14px;
margin-right: 8px;
margin-top: 1px;
min-height: 14px;
min-width: 14px;
vertical-align: -2px;
width: 14px;
}
.provider-cards__card-flex-area .provider-cards__card-features li svg path, .provider-cards__card-flex-area .provider-cards__card-features li svg polygon, .provider-cards__card-flex-area .provider-cards__card-features li svg use {
fill: #5050b9;
}
.provider-cards__card-flex-area .provider-cards__card-button-area {
align-items: center;
display: flex;
flex: 0 1 40%;
justify-content: center;
margin-top: 10px;
text-align: center;
width: 100%;
}
.provider-cards__card-flex-area .provider-cards__card-button-area > div {
height: 100%;
}
.provider-cards__card-flex-area .provider-cards__card-button-area .container {
height: -moz-max-content;
height: max-content;
padding-left: 15px;
}
.provider-cards__card-flex-area .provider-cards__card-phone-area {
font-size: 0.875rem;
margin-top: 15px;
}
.provider-cards__card-flex-area .provider-cards__card-phone-area span {
display: inline;
}
.provider-cards__card-flex-area .provider-cards__card-phone-area a {
font-weight: 700;
text-decoration: underline;
}
.provider-cards__card-flex-area .provider-cards__card-pricing {
border-top: 2px solid #e6e6e6;
color: #5b5b5b;
font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
padding: 10px 0;
}
.provider-cards__card-flex-area .provider-cards__card-pricing .card-price {
color: #1d1d49;
font-family: Oswald, Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
}
.provider-cards-small__card {
display: flex;
flex-direction: column;
height: 100%;
margin-left: 15px;
margin-right: 15px;
margin-top: 0;
}
.provider-cards-small__card-top {
background-color: #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 5px 0 5px 36px;
position: relative;
}
.provider-cards-small__card-top .counter {
background: #a6a6a6;
color: #fff;
display: inline-block;
font-size: 0.875rem;
font-weight: 700;
height: 24px;
left: -5px;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: 24px;
}
.provider-cards-small__card-top .counter:before {
border-bottom: 6px solid transparent;
border-left: 0;
border-left-color: transparent;
border-left-style: solid;
border-right: 5px solid #5b5b5b;
border-top: 0;
border-top-color: transparent;
border-top-style: solid;
content: "";
display: block;
height: 0;
left: 0;
position: absolute;
top: 100%;
width: 0;
}
.provider-cards-small__card-top .counter:after {
border-color: transparent transparent transparent #c5c5c5;
border-style: solid;
border-width: 12px 9px;
content: "";
display: block;
height: 0;
position: absolute;
right: -18px;
top: 0;
width: 0;
}
.provider-cards-small__card-top .counter.accent-color {
background-color: #ff2128;
}
.provider-cards-small__card-top .counter.accent-color:before {
border-color: transparent #ed0007 transparent transparent;
}
.provider-cards-small__card-top .counter.accent-color:after {
border-color: transparent transparent transparent #ff2128;
}
.provider-cards-small__card-top .heading {
color: #fff;
display: inline-block;
font-size: 1rem;
font-weight: 700;
margin-bottom: 0;
}
.provider-cards-small__card-bottom {
background-color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-color: #f3f3f3;
box-shadow: 0 -1px 9px 2px #c5c5c5;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
padding: 0 16px 32px;
}
.provider-cards-small__card-bottom .heading {
font-size: 18px;
}
.provider-cards-small__card-logo {
margin-bottom: 20px;
}
.provider-cards-small__card-logo img {
height: 120px;
}
.provider-cards-small__card-rating-table {
display: table;
height: 100%;
margin: 0 auto;
padding: 10px 0;
text-align: center;
}
.provider-cards-small__card-rating-table .rating-stars-container {
white-space: nowrap;
}
.provider-cards-small__card-rating {
margin-bottom: 15px;
margin-top: 15px;
text-align: center;
}
.provider-cards-small__card-rating .provider-cards-small__card-rating-details {
font-size: 0.875rem;
line-height: 1.5;
margin-top: -5px;
text-decoration: underline;
white-space: nowrap;
}
.provider-cards-small__card-features ul {
list-style: none;
margin: 5px 0;
padding: 0;
position: relative;
}
.provider-cards-small__card-features ul li {
display: flex;
font-size: 0.75rem;
font-weight: 400;
justify-content: center;
line-height: 1.2;
padding: 0.5rem 0;
text-align: left;
}
.provider-cards-small__card-features ul li svg {
color: #5050b9;
height: 14px;
margin-right: 8px;
margin-top: 1px;
min-height: 14px;
min-width: 14px;
vertical-align: -2px;
width: 14px;
}
.provider-cards-small__card-features ul li svg path, .provider-cards-small__card-features ul li svg polygon, .provider-cards-small__card-features ul li svg use {
fill: #5050b9;
}
.best-tv-providers-cards {
margin-bottom: 25px;
}
.best-tv-providers-cards__card {
align-items: center;
background-color: #f3f3f3;
border: 2px solid #cdcdcd;
border-radius: 5px;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 15px;
padding: 35px 15px 15px;
width: auto;
}
.best-tv-providers-cards__card .card__num-logo-area {
align-items: center;
display: flex;
margin-bottom: 25px;
position: relative;
}
.best-tv-providers-cards__card .card__num {
color: #5b5b5b;
display: inline-block;
font-size: 24px;
font-weight: 700;
left: -45px;
position: absolute;
text-align: left;
width: 45px;
}
.best-tv-providers-cards__card .card__logo {
display: inline-block;
width: 150px;
}
.best-tv-providers-cards__card .card__logo img {
max-height: 60px;
max-width: 150px;
}
.best-tv-providers-cards__card .card__best-feature {
color: #151515;
font-weight: 700;
margin-bottom: 5px;
width: 100%;
}
.best-tv-providers-cards__card .card__stars {
margin-top: 10px;
width: 100%;
}
.best-tv-providers-cards__card .card__stars img {
height: 25px;
width: 146px;
}
.best-tv-providers-cards__card .card__stars a {
color: #5050b9;
font-size: 14px;
text-decoration: underline;
}
.best-tv-providers-cards__card .card__button {
margin-top: 15px;
max-width: 350px;
width: 100%;
}
.best-tv-providers-summary .summary__logo {
display: none;
margin-top: 25px;
}
.best-tv-providers-summary .summary__logo img {
max-height: 60px;
max-width: 150px;
}
.best-tv-providers-summary .summary__name {
font-size: 24px;
font-weight: 700;
}
.best-tv-providers-summary hr {
border-bottom: 2px solid #e6e6e6;
margin: 0.9375rem auto;
}
.best-tv-providers-summary:nth-child(5) hr {
display: none;
}
.city-list-toggle {
background-color: #fff;
border: 1px solid #cdcdcd;
border-radius: 5px;
padding: 20px;
}
.city-list-toggle h4 {
margin: 0;
padding: 0;
}
.city-list-toggle .city-list-toggle__blocks {
display: table;
width: 100%;
}
.city-list-toggle .city-list-toggle__blocks .blocks__block--left {
display: table-cell;
padding-right: 15px;
vertical-align: middle;
width: 250px;
}
.city-list-toggle .city-list-toggle__blocks .blocks__block--center {
display: none;
padding-bottom: 0;
}
.city-list-toggle .city-list-toggle__blocks .blocks__block--right {
display: table-cell;
padding-left: 15px;
vertical-align: middle;
}
.city-list-toggle .toggle--is-hidden {
display: none;
}
.city-list-toggle .toggle--is-hidden-override {
display: none !important;
}
.city-list-toggle .toggle--is-shown {
display: block;
}
.city-list-toggle #long-cities a:after, .city-list-toggle #short-cities1 a:after, .city-list-toggle #short-cities2 a:after {
content: ", ";
}
.city-list-toggle #long-cities a:last-child:after, .city-list-toggle #short-cities1 a:last-child:after, .city-list-toggle #short-cities2 a:last-child:after {
content: "";
}
.city-list-toggle2 .toggle--is-hidden {
display: none;
}
.city-list-toggle2 .toggle--is-hidden-override {
display: none !important;
}
.city-list-toggle2 .toggle--is-shown {
display: block;
}
.city-list-toggle2 .view-all-cities {
font-size: 14px;
margin-top: 30px;
}
.city-list-toggle2 #long-cities a:after, .city-list-toggle2 #short-cities a:after {
content: " ";
}
.city-list-toggle2 #long-cities a:last-child:after, .city-list-toggle2 #short-cities a:last-child:after {
content: "";
}
h1 {
font-size: 1.875rem;
line-height: 2.25rem;
text-transform: uppercase;
}
h1, h2 {
font-weight: 700;
}
h2 {
font-size: 1.5rem;
line-height: 1.875rem;
}
h3 {
font-size: 1.3125rem;
font-weight: 700;
line-height: 1.6875rem;
}
h4 {
font-size: 1.125rem;
}
h4, h5 {
font-weight: 700;
line-height: 1.5rem;
}
h5 {
font-size: 1rem;
}
h6 {
font-size: 0.875rem;
line-height: 1.25rem;
}
h6, h7 {
font-weight: 700;
}
h7 {
font-size: 0.75rem;
line-height: 1.125rem;
}
.heading--has-icon-24 {
display: inline-block;
}
.heading--has-icon-24 svg {
display: inline-block;
height: 24px;
margin-bottom: -5px;
width: 24px;
}
.heading--channel-lineup {
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.6875rem;
}
.heading--channel-lineup a {
text-decoration: none;
}
.heading--channel-lineup a:hover {
text-decoration: underline;
}
.h5, .h6, .h7, h5, h6, h7 {
font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
}
p + .h2, p + .h3, p + .h4, p + .h5, p + .h6, p + .h7, p + h2, p + h3, p + h4, p + h5, p + h6, p + h7 {
padding-top: 0.9375rem;
}
.section {
color: #151515;
}
.section--padding-top {
padding-top: 30px;
}
.section--padding-bottom {
padding-bottom: 30px;
}
.section--padding-top-30 {
padding-top: 30px;
}
.section--padding-bottom-30 {
padding-bottom: 30px;
}
.section--legal {
font-weight: 400;
}
.section--inset-shadow {
box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, .1);
}
.section--white-bg {
background-color: #fff;
}
.section--light-bg {
background-color: #f3f3f3;
}
.section--medium-bg {
background-color: #c5c5c5;
}
.section--light-purple {
background-color: #d3d3ee;
}
.section--gradient {
background-color: #202050;
background-image: linear-gradient(30deg, #0a0a19, #202050);
color: #fefefe;
}
.section--image-bg {
background-position: top;
background-repeat: no-repeat;
background-size: cover;
color: #fefefe;
}
.section--gradient2 {
background-image: linear-gradient(225deg, #0c0c1d, #1d253c);
color: #fefefe;
}
.section--generic-zip-form-cta {
background-color: #6262c0;
color: #fff;
padding-bottom: 30px;
padding-top: 30px;
}
.section--generic-zip-form-cta h4 {
margin-bottom: 20px;
}
.section--generic-zip-form-cta .zip-form__fields {
margin: 0 auto;
}
.section--generic-tertiary-zip-form-cta {
background-color: #eba74b;
color: #f3f3f3;
padding-bottom: 40px;
padding-top: 40px;
}
.section--generic-tertiary-zip-form-cta h4 {
margin-bottom: 20px;
}
.section--generic-tertiary-zip-form-cta .zip-form__fields {
margin: 0 auto;
}
.has-button .section--generic-tertiary-zip-form-cta .zip-form__fields a:first-of-type, .section--generic-tertiary-zip-form-cta .zip-form__fields .button--generic, .section--generic-tertiary-zip-form-cta .zip-form__fields .has-button a:first-of-type {
background-color: #5b5b5b;
}
.section--generic-quarternary-zip-form-cta {
background-color: #aebc4a;
color: #f3f3f3;
padding-bottom: 40px;
padding-top: 40px;
}
.section--generic-quarternary-zip-form-cta h4 {
margin-bottom: 20px;
}
.section--generic-quarternary-zip-form-cta .zip-form__fields {
margin: 0 auto;
}
.has-button .section--generic-quarternary-zip-form-cta .zip-form__fields a:first-of-type, .section--generic-quarternary-zip-form-cta .zip-form__fields .button--generic, .section--generic-quarternary-zip-form-cta .zip-form__fields .has-button a:first-of-type {
background-color: #5b5b5b;
}
.section__provider-logos {
background-color: #fff;
}
.section__provider-logos .row--has-provider-logo {
height: 135px;
}
.section__fade {
position: relative;
}
.section__fade-left {
background: -moz-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorStr=#FFFFFF,endColor=0);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorStr=#FFFFFF,endColo=0);
left: 0;
}
.section__fade-left, .section__fade-right {
height: 150px;
position: absolute;
width: 150px;
z-index: 1;
}
.section__fade-right {
background: -moz-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColor=0,endColorStr=#FFFFFF);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColor=0,endColoStr=#FFFFFF);
right: 0;
}
.section--subnav-container {
background-color: #5050b9;
}
.section--cta-sticky {
background-color: #202050;
}
.row--justify-center {
justify-content: center;
}
.hr.rule--is-medium, hr.rule--is-medium {
border-width: medium;
margin-bottom: 20px;
margin-top: 20px;
width: 50rem;
}
.image--is-circle {
border-radius: 50%;
}
.image--is-rounded {
border-radius: 5px;
}
.image--is-header-icon {
display: inline-block;
}
.image--is-provider-logo {
max-width: 100px;
}
.image--max-height-220 {
max-height: 13.75rem;
}
.image--max-height-100 {
max-height: 6.25rem;
}
.image--max-height-300 {
max-height: 18.75rem;
}
.image--max-height-24 {
max-height: 1.5rem;
}
.image--max-height-60 {
max-height: 3.75rem;
}
.image--max-height-75 {
max-height: 4.6875rem;
}
.image--max-height-330 {
max-height: 20.625rem;
}
.image--max-width-100 {
height: auto;
max-width: 6.25rem;
}
.image--max-width-120 {
height: auto;
max-width: 7.5rem;
}
.image--max-width-150 {
height: auto;
max-width: 9.375rem;
}
.image--max-width-200 {
height: auto;
max-width: 12.5rem;
}
.image--min-width-50 {
height: auto;
max-width: 3.125rem;
}
.image--fix-height-30 {
height: 1.875rem;
width: auto;
}
.image--fix-height-60 {
height: 3.75rem;
width: auto;
}
.image--fix-height-100 {
height: 6.25rem;
width: auto;
}
.image--icon-size-18 {
vertical-align: -4px;
}
.image--icon-size-18, .image--icon-size-18 svg {
height: 18px;
width: 18px;
}
.image--icon-size-24 {
vertical-align: -6px;
}
.image--icon-size-24, .image--icon-size-24 svg {
height: 24px !important;
width: 24px !important;
}
.image--icon-size-32, .image--icon-size-32 svg {
height: 32px;
width: 32px;
}
.image--icon-size-64, .image--icon-size-64 svg {
height: 64px;
width: 64px;
}
.image--featured-banner {
height: auto;
margin-bottom: 10px;
position: relative;
width: 100% !important;
}
.image--featured-banner img {
height: auto;
width: 95% !important;
}
.price {
margin-top: 15px;
}
.price--charter {
color: #be185b;
}
.price--xfinity {
color: #2b9cd8;
}
.price__header {
font-size: 0.875rem;
font-weight: 400;
}
.price__main {
font-size: 1.875rem;
font-weight: 700;
line-height: 1.875rem;
}
.price__main__cents, .price__main__dollars, .price__main__sign, .price__main__text {
float: left;
}
.price__main__duration {
float: left;
font-size: 1rem;
line-height: 1rem;
margin-top: 4px;
}
.price__legal {
clear: both;
font-size: 0.75rem;
font-weight: 400;
}
.list, .list li {
margin-bottom: 15px;
}
.list li {
line-height: 24px;
}
.list li:last-child {
margin-bottom: 0;
}
.list__features {
display: none;
margin-bottom: 15px;
margin-top: 10px;
position: relative;
}
.list__features li {
font-size: 1rem;
font-weight: 400;
line-height: 1.5625rem;
}
.list__icon-header {
align-items: center;
display: flex;
justify-content: flex-start;
list-style: none;
margin: 0;
padding: 0;
}
.list__icon-header h3 {
margin-bottom: 0;
}
.list__icon-header .icon-header__icon {
margin-right: 15px;
}
.list__icon-header .icon-header__icon img {
margin-bottom: 15px;
margin-top: 15px;
max-width: 60px;
}
.list--indented {
padding-left: 20px;
}
.list--fill-in li {
float: none;
padding-right: 25px;
width: 100%;
}
.list--fill-in:after {
clear: both;
content: "";
display: table;
}
.list--fill-in-small li {
float: left;
padding-right: 25px;
width: 48%;
}
.list--fill-in-small:after {
clear: both;
content: "";
display: table;
}
.list--no-list-style {
list-style: none;
margin: 0;
padding: 0;
}
.hr, hr {
border-bottom: 1px solid #c5c5c5;
margin: 1.875rem auto;
max-width: 73.75rem;
}
.hr.header, hr.header {
margin-top: 0;
max-width: none;
width: 100%;
}
.hr.footer, hr.footer {
margin-bottom: 0;
max-width: none;
width: 100%;
}
.hr.footer--no-margin, hr.footer--no-margin {
border-bottom: 1px solid rgba(196, 196, 196, .1);
margin: 0;
}
.hr.margin-sm, hr.margin-sm {
margin-bottom: 15px;
margin-top: 15px;
max-width: none;
width: auto;
}
.hr.rule--is-white, hr.rule--is-white {
border-bottom: 2px solid #f3f3f3;
}
.hr.rule--is-small, hr.rule--is-small {
margin: 0 auto 15px;
text-align: center;
width: 30px;
}
.hr.rule--has-small-margins, hr.rule--has-small-margins {
margin-bottom: 15px;
margin-top: 15px;
max-width: none;
width: auto;
}
.hr.rule--has-tiny-margins, hr.rule--has-tiny-margins {
margin-bottom: 5px;
margin-top: 5px;
max-width: none;
width: auto;
}
.hr.rule--is-thick, hr.rule--is-thick {
border-width: 2px;
}
.hr--for-ad {
align-items: center;
color: #5050b9;
cursor: pointer;
display: flex;
font-size: 0.875rem;
justify-content: center;
margin-bottom: 30px;
width: 100%;
}
.hr--for-ad:after, .hr--for-ad:before {
border-top: 2px solid #5050b9;
content: "";
flex: 1 0 10px;
}
.hr--for-ad:before {
margin-right: 15px;
}
.hr--for-ad:after {
margin-left: 15px;
}
.hr--for-ad svg {
color: #5050b9;
height: 12px;
width: 12px;
}
.hr--for-ad svg path, .hr--for-ad svg polygon, .hr--for-ad svg use {
fill: #5050b9;
}
.hr--for-dense-list {
border-top: 5px solid #000;
margin-bottom: 15px;
margin-top: 15px;
}
p {
font-size: 1.5rem;
/*line-height: 1.5rem;*/
margin-bottom: 15px;
}
.paragraph--is-legal, .paragraph--is-small {
color: #5b5b5b;
font-size: 0.75rem;
line-height: 0.875rem;
margin-bottom: 15px;
padding-top: 15px;
}
.paragraph--is-legal-sm {
color: #5b5b5b;
font-size: 0.625rem;
line-height: 0.75rem;
margin-bottom: 10px;
}
.paragraph--no-margin-bottom {
margin-bottom: 0;
}
.main-wrap.page p.paragraph--is-legal, .main-wrap.page p.paragraph--is-small, .main-wrap.post p.paragraph--is-legal, .main-wrap.post p.paragraph--is-small, .main-wrap.search p.paragraph--is-legal, .main-wrap.search p.paragraph--is-small {
line-height: 0.875rem;
}
.button, .has-button a:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:first-of-type, .vc-table-scrolling__cell.has-button a:first-of-type {
border-radius: 0;
font-weight: 700;
margin-bottom: 0;
padding: 0.3125rem 0.9375rem;
position: relative;
text-decoration: none;
text-transform: uppercase;
width: 100%;
}
.button span, .has-button a:first-of-type span, .hero-components .vc-table-scrolling__cell.has-button a:first-of-type span, .vc-table-scrolling__cell.has-button a:first-of-type span {
font-weight: 700;
}
.button:disabled, .has-button a:disabled:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:disabled:first-of-type {
cursor: not-allowed;
opacity: 0.25;
}
.button--inherit-bg {
background-color: inherit;
}
.button--generic, .has-button a:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:first-of-type, .vc-table-scrolling__cell.has-button a:first-of-type {
background-color: #ff4c31;
color: #fff;
text-decoration: none;
}
.button--generic:active, .button--generic:focus, .button--generic:hover, .has-button a:active:first-of-type, .has-button a:focus:first-of-type, .has-button a:hover:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:active:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:focus:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:hover:first-of-type {
background-color: #d40007;
}
.button--generic:disabled, .has-button a:disabled:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:disabled:first-of-type {
background-color: #ff080f;
}
.button--generic:disabled:hover, .has-button a:disabled:hover:first-of-type {
background-color: #d40007;
}
.button--generic-color1 {
background-color: #5050b9;
border-radius: 0;
}
.button--generic-color1:active, .button--generic-color1:focus, .button--generic-color1:hover {
background-color: #363687;
}
.button--generic-color1:disabled {
background-color: #4444ab;
}
.button--generic-color1:disabled:hover {
background-color: #363687;
}
.button--generic-color3 {
background-color: #c5c5c5 !important;
color: #151515 !important;
}
.button--spectrum {
background-color: #faa41a;
}
.button--spectrum:active, .button--spectrum:focus, .button--spectrum:hover {
background-color: #f59905;
}
.button--time-warner {
background-color: #f87300;
}
.button--time-warner:active, .button--time-warner:focus, .button--time-warner:hover {
background-color: #df6700;
}
.button--is-short {
max-width: 150px;
width: auto;
}
.button--is-short-unlimited {
width: auto;
}
.button--is-auto-width {
width: 100%;
}
.button--is-big, .has-button a:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:first-of-type, .vc-table-scrolling__cell.has-button a:first-of-type {
font-size: 1.125rem;
padding: 0.625rem 1.25rem;
margin: 11px 0px;
white-space: nowrap;
}
a.button.button--generic.button--is-big.button--is-auto-width.gtm-tracking-button-call {
background-color: white;
border: #ff1212 1px solid;
font-size: 1.125rem;
color: #ff1212;
padding: 0.625rem 1.25rem;
margin: 11px 0px;
white-space: nowrap;
}
.button--is-huge {
font-size: 1.25rem;
font-weight: 700;
max-width: 250px;
padding: 1.25rem 1.5625rem;
white-space: nowrap;
}
.button--is-uppercase {
text-transform: uppercase;
}
.button--is-bold {
font-weight: 700;
}
.button--allows-wrap {
white-space: normal !important;
}
.button--has-icon-on-right {
align-content: center;
align-items: center;
display: flex;
flex-wrap: nowrap;
justify-content: center;
padding: 0.5rem 0.75rem;
white-space: nowrap;
}
.button--has-icon-on-right svg {
color: #fff;
height: 18px;
min-height: 18px;
min-width: 18px;
padding-left: 5px;
width: 18px;
}
.button--has-icon-on-right svg path, .button--has-icon-on-right svg polygon, .button--has-icon-on-right svg use {
fill: #fff;
}
.button--has-icon-on-left {
align-content: center;
align-items: center;
display: flex;
flex-wrap: nowrap;
justify-content: center;
padding: 0.5rem 0.75rem;
white-space: nowrap;
}
.button--has-icon-on-left svg {
color: #fff;
height: 18px;
min-height: 18px;
min-width: 18px;
padding-right: 5px;
width: 18px;
}
.button--has-icon-on-left svg path, .button--has-icon-on-left svg polygon, .button--has-icon-on-left svg use {
fill: #fff;
}
.button--is-nav-button {
align-items: center;
background-color: #ff2128;
border-radius: 8px;
color: #fff;
cursor: pointer;
display: inline-flex;
font-weight: 700;
height: auto;
justify-content: center;
line-height: 1;
margin: 10px 0;
padding: 15px;
text-transform: uppercase;
width: auto;
}
.button--is-nav-button:active, .button--is-nav-button:focus, .button--is-nav-button:hover {
background-color: #d40007;
color: #fefefe;
}
.button--fills-container {
align-content: center;
align-items: center;
display: flex;
flex-wrap: nowrap;
height: 100%;
justify-content: center;
min-height: 100%;
padding: 0;
}
.button--has-white-border {
background-color: transparent;
border: 2px solid #f3f3f3;
font-size: 1.25rem;
font-weight: 700;
max-width: 220px;
text-decoration: none;
white-space: nowrap;
}
.button--has-white-border:focus, .button--has-white-border:hover {
background-color: #4444ab;
}
.button--has-white-border svg {
color: #f3f3f3;
height: 24px;
width: 24px;
}
.button--has-white-border svg path, .button--has-white-border svg polygon, .button--has-white-border svg use {
fill: #f3f3f3;
}
.button__top {
bottom: -20px;
font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
font-weight: 400;
opacity: 0;
position: fixed;
right: 20px;
transition: opacity 0.5s ease-in, bottom 0.5s ease-in;
visibility: hidden;
z-index: 11;
}
.button__top--is-active {
bottom: 20px;
opacity: 0.5;
visibility: visible;
}
.button__top:hover {
opacity: 1;
transition: opacity 0.2s ease-in;
}
.button__chat {
bottom: 20px;
opacity: 0.8;
position: fixed;
right: 20px;
z-index: 11;
}
.button__chat:hover {
cursor: pointer;
opacity: 1;
transition: opacity 0.2s ease-in;
}
.button--show-spinner {
justify-content: flex-start;
}
.button--show-spinner .button__icon, .button--show-spinner .zip-finder__button__header, .button--show-spinner span {
display: none;
}
.button--show-spinner .spinner {
animation: spinner 2s linear infinite;
border: 3px solid rgba(255, 255, 255, .5);
border-radius: 50%;
border-right-color: #fefefe;
height: 32px;
margin: 0 auto;
opacity: 1;
position: relative;
transition: opacity 0.2s ease-in;
width: 32px;
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.button--hide-spinner .button__icon, .button--hide-spinner .zip-finder__button__header, .button--hide-spinner span {
display: inline-block;
}
.button--hide-spinner .spinner {
opacity: 0;
}
.button--secondary {
background-color: #fff;
border: 2px solid #5050b9;
color: #5050b9;
text-transform: uppercase;
width: -moz-max-content;
width: max-content;
}
.button--secondary:hover {
background-color: #5050b9;
color: #fefefe;
}
.width--standard {
width: -moz-max-content;
width: max-content;
}
.width--full {
width: 100%;
}
button.cta {
background-color: #ff2128;
border-radius: 0;
color: #fff;
cursor: pointer;
font-weight: 700;
height: 50px;
margin: 10px 0;
min-width: 150px;
padding: 0 10px;
text-decoration: none;
text-transform: uppercase;
}
button.cta:active, button.cta:focus, button.cta:hover {
background-color: #ff080f;
}
.margin-bottom {
margin-bottom: 15px;
}
.copy-columns__two {
-moz-column-count: 2;
column-count: 2;
}
.channel-lineup {
padding-bottom: 30px;
padding-top: 30px;
}
.channel-lineup__filters {
margin-left: 0;
}
.channel-lineup__filters li {
border: 2px solid #5b5b5b;
border-radius: 0.3125rem;
cursor: pointer;
display: inline-block;
font-weight: 700;
margin-bottom: 1rem;
margin-right: 0.5rem;
padding: 0.1875rem 0.625rem;
}
.channel-lineup__filters li:first-child {
margin-left: 0;
}
.channel-lineup__filter {
background-color: #f3f3f3;
color: #5b5b5b;
}
.channel-lineup__filter--selected {
background-color: #5b5b5b;
color: #fff;
}
table.channel-lineup__lineup {
border-collapse: collapse;
width: 100%;
}
ul.channel-lineup__lineup {
width: 100%;
}
ul.channel-lineup__lineup li {
float: left;
list-style: none;
text-align: left;
width: 100%;
}
ul.channel-lineup__lineup li.channel-lineup__row--no-channels {
color: #9f9f9f;
font-size: 14px;
width: 100%;
}
.container {
display: block;
}
.container--equipment {
height: 250px;
}
.container--equipment, .container--equipment-lg {
background-color: #f3f3f3;
border: 1px solid #cdcdcd;
border-radius: 10px;
margin-bottom: 30px;
padding: 30px 10px;
}
.container--equipment-lg {
height: 275px;
}
.container-circle-grayscale {
align-items: center;
display: flex;
height: 100px;
margin-top: 25px;
position: relative;
width: 100%;
}
.container-grayscale {
align-items: center;
background-image: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, transparent);
display: flex;
font-weight: 700;
height: 95px;
left: 65px;
padding-left: 55px;
position: absolute;
z-index: 0;
}
.container--circle-top {
border: 1px solid #5050b9;
height: 150px;
margin: 25px auto;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 80%;
}
.container--circle-top .circle-top__number {
background-color: #5050b9;
border-radius: 50%;
color: #f3f3f3;
font-size: 35px;
font-weight: 700;
height: 50px;
margin-left: auto;
margin-right: auto;
margin-top: -25px;
text-align: center;
width: 50px;
}
.container--circle-top .circle-top__image {
margin-top: -25px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.container--circle-top .circle-top__image img {
max-height: 75px;
max-width: 200px;
}
.container-circle-arrow {
align-items: center;
border-radius: 50%;
display: flex;
height: 100px;
justify-content: center;
left: 0;
position: absolute;
width: 100px;
z-index: 1;
}
.container-circle-arrow--blue {
background-color: #5050b9;
color: #f3f3f3;
font-weight: 700;
}
.container-circle-arrow--blue:after {
border: 10px solid transparent;
border-left-color: #5050b9;
content: "";
height: 0;
left: 98%;
position: absolute;
top: calc(50% - 10px);
width: 0;
}
.container-circle-arrow--yellow {
background-color: #eba74b;
color: #f3f3f3;
font-weight: 700;
}
.container-circle-arrow--yellow:after {
border: 10px solid transparent;
border-left-color: #eba74b;
content: "";
height: 0;
left: 98%;
position: absolute;
top: calc(50% - 10px);
width: 0;
}
.container-circle-arrow--red {
background-color: #ff2128;
color: #f3f3f3;
font-weight: 700;
}
.container-circle-arrow--red:after {
border: 10px solid transparent;
border-left-color: #ff2128;
content: "";
height: 0;
left: 98%;
position: absolute;
top: calc(50% - 10px);
width: 0;
}
.container--swipe-hint {
color: #5b5b5b;
display: none;
font-size: 12px;
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
}
.container--swipe-hint-target {
overflow-x: auto;
}
.container--is-icon-tile {
align-items: center;
background-color: #5050b9;
border-radius: 5px;
display: none;
height: 100px;
justify-content: center;
width: 100px;
}
.container--is-icon-tile svg {
color: #fff;
height: 65px;
width: 65px;
}
.container--is-icon-circle {
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
display: flex;
height: 60px;
justify-content: center;
max-width: 60px;
min-height: 60px;
min-width: 60px;
}
.container--is-icon-circle svg {
height: 30px;
width: 30px;
}
.container--has-outline-generic-color1 {
border: 2px solid #5050b9;
border-radius: 5px;
padding: 30px 15px 15px;
}
.container--has-outline-xfinity-color1 {
border: 2px solid #2b9cd8;
border-radius: 5px;
padding: 30px 15px 15px;
}
.container__channel-logos {
align-content: space-between;
flex-wrap: wrap;
padding: 5px;
}
.container__channel-logos, .container__flex-stack {
align-items: center;
display: flex;
flex-direction: row;
justify-content: center;
}
.container__flex-stack--icon {
margin: 0 15px;
}
.container__flex-stack--text {
text-align: left;
width: 215px;
}
.container--small-logo {
align-items: center;
border: 1px solid #c5c5c5;
border-radius: 5px;
display: flex;
flex-direction: column;
height: 90px;
justify-content: center;
margin: 5px;
max-width: 142px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.container--small-logo img {
max-height: 50px;
}
.container--small-logo .rating {
color: #000;
font-size: 12px;
font-weight: 700;
left: 5px;
position: absolute;
top: 3px;
}
.container--small-logo .label {
font-weight: 700;
margin-top: 5px;
}
.container--is-message {
align-items: flex-start;
background-color: #ffe;
color: #000;
display: flex;
font-size: 0.75rem;
line-height: 0.875rem;
margin-bottom: 0;
padding: 15px;
}
.container--is-message .icon--is-error svg {
color: red;
height: 18px;
width: 18px;
}
.container--is-message .icon--is-error svg path, .container--is-message .icon--is-error svg polygon, .container--is-message .icon--is-error svg use {
fill: red;
}
.container--is-message .icon--is-alert svg {
color: #faa41a;
height: 18px;
width: 18px;
}
.container--is-message .icon--is-alert svg path, .container--is-message .icon--is-alert svg polygon, .container--is-message .icon--is-alert svg use {
fill: #faa41a;
}
.container--is-message .icon--is-info svg {
color: #0061a4;
height: 18px;
width: 18px;
}
.container--is-message .icon--is-info svg path, .container--is-message .icon--is-info svg polygon, .container--is-message .icon--is-info svg use {
fill: #0061a4;
}
.container--is-message .text {
margin-left: 3px;
}
.container--is-message .text .heading {
font-weight: 700;
margin-bottom: 5px;
margin-top: 2px;
}
.container--is-black-friday-ad {
border-top: 10px solid #ff2128;
display: flex;
width: 100%;
}
.container--is-black-friday-ad img {
max-height: 70px;
transition: transform 0.3s ease-in-out;
}
.container--is-black-friday-ad:hover img {
transform: rotate(-45deg);
}
.container--is-black-friday-ad .ad-bg1 {
background-color: #ff2128;
min-width: 100px;
padding: 25px;
text-align: center;
}
.container--is-black-friday-ad .ad-bg2 {
background-color: #000;
padding: 30px 30px 15px;
width: 100%;
}
.container--is-black-friday-ad .ad-bg2 h3 {
margin-bottom: 5px;
}
.container--is-black-friday-ad .ad-bg2 h3, .container--is-black-friday-ad .ad-bg2 p {
color: #fff;
}
.container--is-centered {
display: flex;
justify-content: center;
}
.container--is-dense-list {
border: 3px solid #000;
box-shadow: 8px 8px 0 0 #000;
padding: 30px 60px;
}
.border--red {
border: 1px dashed red;
}
.border--blue {
border: 1px dashed #0061a4;
}
.border--green {
border: 1px dashed #0f0;
}
.border--purple {
border: 1px dashed #e200c4;
}
.provider-logos-sticky-container {
width: 100%;
z-index: 1006;
}
.speed-comparison ul {
margin: 0 auto;
padding: 0;
width: 80%;
}
.speed-comparison ul li {
font-weight: 700;
list-style: none outside;
margin-top: 14px;
}
.speed-comparison ul .range {
display: block;
margin-top: 0.5em;
padding: 0.2em 0;
position: relative;
text-align: center;
}
.speed-comparison ul .range:after {
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
z-index: -1;
}
.speed-comparison .brand-speed .range {
border: 2px solid #5050b9;
border-radius: 5px;
color: #fff;
}
.speed-comparison .brand-speed .range:after {
background-image: linear-gradient(90deg, #5050b9, #3d3d99);
width: 70%;
}
.speed-comparison .brand-speed--charter .range {
border: 2px solid #0061a4;
border-radius: 5px;
color: #fff;
text-shadow: 1px 1px 1px #151515;
}
.speed-comparison .brand-speed--charter .range:after {
background-image: repeating-linear-gradient(-55deg, #0061a4, #0061a4 10px, #005590 0, #005590 20px);
width: 70%;
}
.speed-comparison .city-speed .range {
border: 2px solid #5b5b5b;
border-radius: 5px;
color: #5b5b5b;
}
.speed-comparison .city-speed .range:after {
background-image: repeating-linear-gradient(-55deg, #818181, #818181 10px, #777 0, #777 20px);
width: 20%;
}
#breadcrumbs {
padding-top: 1.5em;
position: relative;
}
#breadcrumbs a, #breadcrumbs p {
color: #7b7b7b;
}
#breadcrumbs a {
font-size: 0.875rem;
padding: 0 8px;
text-decoration: none;
}
#breadcrumbs a:hover {
color: #555;
}
#breadcrumbs a:first-of-type {
padding-left: 0;
}
.hero--generic #breadcrumbs {
padding-top: 15px;
position: relative;
}
.hero--generic #breadcrumbs a, .hero--generic #breadcrumbs p {
color: #f3f3f3;
}
.hero--generic #breadcrumbs a {
font-size: 0.8125rem;
padding: 0 8px;
}
.hero--generic #breadcrumbs a:hover {
color: #cdcdcd;
}
.hero--generic #breadcrumbs a:first-of-type {
padding-left: 0;
}
.hero--generic .breadcrumb {
font-size: 0.8125rem;
position: absolute;
text-align: left;
top: 10px;
}
.hero--generic .breadcrumb a, .hero--generic .breadcrumb span {
color: #f3f3f3;
padding: 0 8px;
}
.hero--generic .breadcrumb a {
text-decoration: underline;
}
.hero--generic .breadcrumb a:hover {
color: #cdcdcd;
}
.hero--generic .breadcrumb a:first-of-type {
padding-left: 0;
}
.hero--home {
background-image: url(../images/home-hero-500.jpeg);
}
.card__rating-dialog {
position: relative;
}
.card__rating-dialog .card__rating-dialog__details {
background-color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 100%;
}
.card__rating-dialog dl {
line-height: 2em;
padding: 1.5em 1em 2em;
}
.card__rating-dialog dl dt {
font-weight: 700;
line-height: 1;
text-align: left;
width: auto;
}
.card__rating-dialog dl dt span {
color: #ff2128;
}
.card__rating-dialog dl dd {
font-weight: 400;
}
.card__rating-dialog dl dd p {
display: block;
font-size: 14px;
line-height: 1;
text-align: left;
}
.card__rating-dialog dl dd .card__rating-dialog__bottom-bar {
background-color: #5050b9;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
width: 100%;
}
.card__rating-dialog dl dd .card__rating-dialog__bottom-bar:after {
border-color: #5050b9 transparent transparent;
border-style: solid;
border-width: 16px 11px;
bottom: -28px;
content: "";
left: 50%;
position: absolute;
transform: translateX(-50%);
}
.card__rating-dialog dl dd .card__rating-dialog__bottom-bar a {
color: #f3f3f3;
font-weight: 700;
}
.card__rating-dialog__close {
text-align: center;
}
.card__rating-dialog__close a {
color: #f3f3f3;
font-size: 24px;
font-weight: 700;
margin-top: 12px;
text-decoration: underline;
}
a {
color: #5050b9;
text-decoration: underline;
}
a:focus {
color: #fff;
}
a.btn.btn--primary.btn--block.btn--secondary-outline-pink.btn--full.js-pricing-modal.pricing-modal-test.js-check-availability:focus {
color: #ff4c31;
}
a.container {
color: inherit;
}
.has-button a:first-of-type div, .hero-components .vc-table-scrolling__cell.has-button a:first-of-type div, .vc-table-scrolling__cell.has-button a:first-of-type div, a.button div {
font-weight: 700;
}
.has-button a:hover:first-of-type, .hero-components .vc-table-scrolling__cell.has-button a:hover:first-of-type, a.button:hover {
text-decoration: none !important;
}
.link--is-bold {
font-weight: 700;
}
.link--is-block {
display: block;
}
.link--is-flex {
display: flex;
}
.link--inherits-color, .link--inherits-color:focus, .link--inherits-color:hover {
color: inherit;
}
.link--is-uppercase {
text-transform: uppercase;
}
.link--is-underlined {
text-decoration: underline;
}
.link--has-icon-on-left {
align-content: center;
align-items: center;
display: flex;
flex-wrap: nowrap;
justify-content: center;
white-space: nowrap;
}
.link--has-icon-on-left svg {
height: 12px;
margin-right: 5px;
width: 12px;
}
.link--has-icon-on-right {
align-content: center;
align-items: center;
display: flex;
flex-wrap: nowrap;
justify-content: center;
white-space: nowrap;
}
.link--has-icon-on-right svg {
height: 12px;
margin-left: 5px;
width: 12px;
}
.link--is-disabled, .link--is-disabled svg {
color: #cdcdcd;
}
.link--is-disabled svg path, .link--is-disabled svg polygon, .link--is-disabled svg use {
fill: #cdcdcd;
}
.main-wrap.page ul.tabs li, .main-wrap.post ul.tabs li, .main-wrap.search ul.tabs li {
margin-bottom: 0;
}
.main-wrap.page ul.tabs-mobile li:last-child, .main-wrap.post ul.tabs-mobile li:last-child, .main-wrap.search ul.tabs-mobile li:last-child {
margin-bottom: 0.7em;
}
.tabs__container {
margin-bottom: 0;
margin-top: 50px;
position: static;
text-align: center;
}
.tabs__container .tabs {
border-bottom: 2px solid #c5c5c5;
height: 45px;
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
.tabs__container .tabs li {
border: 2px solid #c5c5c5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
cursor: pointer;
display: block;
height: 45px;
margin: 0;
overflow: hidden;
position: static;
}
.tabs__container .tabs li.is-active {
border-bottom: 2px solid #fefefe;
}
.tabs__container .tabs li.is-active:hover {
background-color: #f3f3f3;
}
.tabs__container .tabs li:hover {
background-color: #e6e6e6;
}
.tabs__container .tabs li a {
color: #151515;
display: block;
font-weight: 700;
height: 43px;
padding-left: 20px;
padding-right: 20px;
padding-top: 7px;
text-decoration: none;
}
.tabs__container .tabs li a:focus, .tabs__container .tabs li a:hover {
color: #000;
}
.tabs__container .tabs-mobile {
border-bottom: 2px solid #c5c5c5;
height: 45px;
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.tabs__container .tabs-mobile li {
border: 2px solid #c5c5c5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
cursor: pointer;
display: inline-block;
height: 45px;
margin: 0;
overflow: hidden;
padding: 7px 20px 0;
position: static;
}
.tabs__container .tabs-mobile li.is-active {
border-bottom: 2px solid #fefefe;
}
.tabs__container .tabs-mobile li.next, .tabs__container .tabs-mobile li.previous {
background-color: transparent;
border: 0;
color: #151515;
padding-left: 5px;
padding-right: 5px;
}
.tabs__container .tabs-mobile li.next svg, .tabs__container .tabs-mobile li.previous svg {
color: #cdcdcd;
height: 22px;
width: 22px;
}
.tabs__container .tabs-mobile li.next svg path, .tabs__container .tabs-mobile li.next svg polygon, .tabs__container .tabs-mobile li.next svg use, .tabs__container .tabs-mobile li.previous svg path, .tabs__container .tabs-mobile li.previous svg polygon, .tabs__container .tabs-mobile li.previous svg use {
fill: #cdcdcd;
}
.tabs__container .tabs-mobile li.next:focus, .tabs__container .tabs-mobile li.next:hover, .tabs__container .tabs-mobile li.previous:focus, .tabs__container .tabs-mobile li.previous:hover {
color: #a7a7a7;
}
.tabs__container .tabs-mobile li.next:focus path, .tabs__container .tabs-mobile li.next:focus polygon, .tabs__container .tabs-mobile li.next:focus use, .tabs__container .tabs-mobile li.next:hover path, .tabs__container .tabs-mobile li.next:hover polygon, .tabs__container .tabs-mobile li.next:hover use, .tabs__container .tabs-mobile li.previous:focus path, .tabs__container .tabs-mobile li.previous:focus polygon, .tabs__container .tabs-mobile li.previous:focus use, .tabs__container .tabs-mobile li.previous:hover path, .tabs__container .tabs-mobile li.previous:hover polygon, .tabs__container .tabs-mobile li.previous:hover use {
fill: #a7a7a7;
}
.tabs__container .tabs-mobile li a {
color: #151515;
font-weight: 700;
}
.tabs__container .tabs-mobile li a:focus, .tabs__container .tabs-mobile li a:hover {
color: #000;
}
.tabs__header h2 {
padding: 30px 0 0;
}
.tabs__panels {
margin: 0;
}
.tabs__panels .tabs__panels-border-top {
display: none;
}
.tabs__panels--higher {
padding-top: 50px;
}
.tabs__panels--higher .tabs__panels-border-top {
display: none;
}
.table--default {
border-collapse: collapse;
margin-bottom: 0.9375rem;
width: 100%;
}
.table--default td.sticky-column, .table--default th.sticky-column {
background-clip: padding-box;
left: 0;
position: sticky;
z-index: 10;
}
.table--default tr th {
background-color: #1d253c;
border: 1px solid #1d253c;
color: #f3f3f3;
font-size: 0.75rem;
line-height: 0.875rem;
padding: 0.625rem;
}
.table--default tr th a {
color: #f3f3f3;
text-decoration: none;
}
.table--default tr td {
border: 1px solid #c5c5c5;
font-size: 0.75rem;
line-height: 0.875rem;
padding: 0.625rem;
}
.table--default tr td:first-child {
max-width: 100%;
}
.table--default tbody .table-default__row {
display: table-row;
}
.table--default tbody .table-default__row:nth-child(2n), .table--default tbody .table-default__row:nth-child(2n) td.sticky-column {
background-color: #f3f3f3;
}
.table--default tbody .table-default__row:nth-child(odd), .table--default tbody .table-default__row:nth-child(odd) td.sticky-column {
background-color: #fff;
}
.table--channel-lineup {
border-collapse: collapse;
width: 100%;
}
.table--channel-lineup tr th {
background-color: #5b5b5b;
border: 1px solid #5b5b5b;
padding: 0.625rem;
z-index: 100;
}
.table--channel-lineup tr th a {
color: #f3f3f3;
font-size: 0.75rem;
line-height: 0.875rem;
text-decoration: none;
}
.table--channel-lineup tr th a:hover {
text-decoration: underline;
}
.table--channel-lineup tr td {
border: 1px solid #c5c5c5;
padding: 0.625rem;
}
.table--channel-lineup tr td:first-child {
width: 25%;
}
.table--channel-lineup tr td span {
border-radius: 3.125rem;
display: block;
height: 1rem;
margin: 0 auto;
width: 1rem;
}
.channel-lineup__row {
display: none;
}
.channel-lineup__row--visible {
display: table-row;
}
.channel-lineup__row--highlight {
background-color: #e6e6e6;
}
.channel-lineup__row--popular > span {
background-color: #fff;
border: 1px solid #fff;
display: inline-block;
height: 3.75rem;
margin-bottom: 1.25rem;
margin-top: 1.25rem;
padding: 0.625rem 0.3125rem;
text-align: center;
vertical-align: middle;
width: 12.5rem;
}
.channel-lineup__row--popular > span img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.channel-lineup__row__cell--popular {
min-width: 120px;
}
.table--sub-block {
border: 1px solid #c5c5c5;
margin: 0 0 10px;
padding: 10px 0 0;
text-align: center;
}
.margin--center {
margin: 0 auto;
}
.margin--top-0 {
margin-top: 0;
}
.margin--top-5, .margin--top-5-small-only {
margin-top: 5px;
}
.margin--top-15, .margin--top-15-small-only {
margin-top: 15px;
}
.margin--top-30, .margin--top-30-small-only {
margin-top: 30px;
}
.margin--top-60, .margin--top-60-small-only {
margin-top: 60px;
}
.margin--top-120 {
margin-top: 120px;
}
.margin--bottom-0 {
margin-bottom: 0;
}
.margin--bottom-5 {
margin-bottom: 5px;
}
.margin--bottom-15, .margin--bottom-15-small-only {
margin-bottom: 15px;
}
.margin--bottom-30 {
margin-bottom: 30px;
}
.margin--bottom-60 {
margin-bottom: 60px;
}
.margin--bottom-120 {
margin-bottom: 120px;
}
.store-locations {
width: auto;
}
.store-locations__map {
display: none;
}
.store-locations__select-area {
background-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
display: block;
height: 3.75rem;
margin-bottom: 0;
padding: 0;
}
.store-locations__select-area .select-area__text {
display: none;
}
.store-locations__select-area .select-area__input select {
display: inline-block;
margin-bottom: 0;
width: 100%;
}
.store-locations__error {
background-color: #ffe;
border: 1px solid #cdcdcd;
border-radius: 5px;
color: #151515;
margin-bottom: 12px;
padding: 5px 10px;
width: auto;
}
.store-locations__loading {
text-align: center;
width: 100%;
}
.store-locations__loading .loading-gif {
height: 100px;
margin-top: 0;
width: 100px;
}
.store-locations__locations {
width: auto;
}
.store-locations__locations .location {
border: 1px solid #cdcdcd;
border-radius: 5px;
color: #151515;
display: flex;
margin-bottom: 12px;
padding: 5px 10px;
}
.store-locations__locations .location:hover {
background-color: #eee;
cursor: pointer;
}
.store-locations__locations .location--is-hidden {
display: none;
}
.store-locations__locations .location__number-area {
padding-right: 5px;
}
.store-locations__locations .location__number-area .number {
width: auto;
}
.store-locations__locations .location__address-area .name {
font-weight: 700;
}
.store-locations__nav .nav__links {
display: flex;
justify-content: space-between;
padding: 15px 10px 0;
}
.store-locations__nav .nav__links--is-hidden {
display: none;
}
.store-locations__nav .nav__links .link {
color: #5050b9;
}
.store-locations__nav .nav__links .link path, .store-locations__nav .nav__links .link polygon, .store-locations__nav .nav__links .link use {
fill: #5050b9;
}
.store-locations__nav .nav__links .link:hover {
color: #4444ab;
}
.store-locations__nav .nav__links .link:hover path, .store-locations__nav .nav__links .link:hover polygon, .store-locations__nav .nav__links .link:hover use {
fill: #4444ab;
}
.store-locations__nav .nav__links .link.link--is-disabled, .store-locations__nav .nav__links .link.link--is-disabled svg {
color: #cdcdcd;
}
.store-locations__nav .nav__links .link.link--is-disabled svg path, .store-locations__nav .nav__links .link.link--is-disabled svg polygon, .store-locations__nav .nav__links .link.link--is-disabled svg use {
fill: #cdcdcd;
}
.disclosure-tag {
display: none;
height: 35px;
}
.disclosure-tag.opened {
background-color: #1d253c;
display: block;
}
.disclosure-iframe {
background-color: #1d253c;
color: #f3f3f3;
line-height: 1em;
margin: 0;
padding: 10px;
}
.disclosure-iframe a {
color: #f3f3f3;
text-decoration: underline;
}
.disclosure-iframe a:hover {
color: #ff2128;
}
.disclosure-text {
font-size: 0.625rem;
}
.disclosure-close {
cursor: pointer;
float: right;
font-size: 1.5rem;
}
.color--grayscale-color1 {
color: #fff;
}
.color--grayscale-color1 path, .color--grayscale-color1 polygon, .color--grayscale-color1 use {
fill: #fff;
}
.color--grayscale-color1 > a {
color: #fff;
}
.color--grayscale-color1 > a:active, .color--grayscale-color1 > a:focus, .color--grayscale-color1 > a:hover {
color: #f2f2f2;
}
a.color--grayscale-color1:active, a.color--grayscale-color1:focus, a.color--grayscale-color1:hover {
color: #f2f2f2 !important;
}
hr.color--grayscale-color1 {
border-color: #fff !important;
}
.color--grayscale-color2 {
color: #f3f3f3;
}
.color--grayscale-color2 path, .color--grayscale-color2 polygon, .color--grayscale-color2 use {
fill: #f3f3f3;
}
.color--grayscale-color2 > a {
color: #f3f3f3;
}
.color--grayscale-color2 > a:active, .color--grayscale-color2 > a:focus, .color--grayscale-color2 > a:hover {
color: #e6e6e6;
}
a.color--grayscale-color2:active, a.color--grayscale-color2:focus, a.color--grayscale-color2:hover {
color: #e6e6e6 !important;
}
hr.color--grayscale-color2 {
border-color: #f3f3f3 !important;
}
.color--grayscale-color3 {
color: #c5c5c5;
}
.color--grayscale-color3 path, .color--grayscale-color3 polygon, .color--grayscale-color3 use {
fill: #c5c5c5;
}
.color--grayscale-color3 > a {
color: #c5c5c5;
}
.color--grayscale-color3 > a:active, .color--grayscale-color3 > a:focus, .color--grayscale-color3 > a:hover {
color: #b8b8b8;
}
a.color--grayscale-color3:active, a.color--grayscale-color3:focus, a.color--grayscale-color3:hover {
color: #b8b8b8 !important;
}
hr.color--grayscale-color3 {
border-color: #c5c5c5 !important;
}
.color--grayscale-color4 {
color: #5b5b5b;
}
.color--grayscale-color4 path, .color--grayscale-color4 polygon, .color--grayscale-color4 use {
fill: #5b5b5b;
}
.color--grayscale-color4 > a {
color: #5b5b5b;
}
.color--grayscale-color4 > a:active, .color--grayscale-color4 > a:focus, .color--grayscale-color4 > a:hover {
color: #4e4e4e;
}
a.color--grayscale-color4:active, a.color--grayscale-color4:focus, a.color--grayscale-color4:hover {
color: #4e4e4e !important;
}
hr.color--grayscale-color4 {
border-color: #5b5b5b !important;
}
.color--grayscale-color5 {
color: #151515;
}
.color--grayscale-color5 path, .color--grayscale-color5 polygon, .color--grayscale-color5 use {
fill: #151515;
}
.color--grayscale-color5 > a {
color: #151515;
}
.color--grayscale-color5 > a:active, .color--grayscale-color5 > a:focus, .color--grayscale-color5 > a:hover {
color: #080808;
}
a.color--grayscale-color5:active, a.color--grayscale-color5:focus, a.color--grayscale-color5:hover {
color: #080808 !important;
}
hr.color--grayscale-color5 {
border-color: #151515 !important;
}
.color--grayscale-color6 {
color: #000;
}
.color--grayscale-color6 path, .color--grayscale-color6 polygon, .color--grayscale-color6 use {
fill: #000;
}
.color--grayscale-color6 > a, .color--grayscale-color6 > a:active, .color--grayscale-color6 > a:focus, .color--grayscale-color6 > a:hover {
color: #000;
}
a.color--grayscale-color6:active, a.color--grayscale-color6:focus, a.color--grayscale-color6:hover {
color: #000 !important;
}
hr.color--grayscale-color6 {
border-color: #000 !important;
}
.color--generic-color1 {
color: #087b82;
}
.color--generic-color1 path, .color--generic-color1 polygon, .color--generic-color1 use {
fill: #087b82;
}
.color--generic-color1 > a {
color: #087b82;
}
.color--generic-color1 > a:active, .color--generic-color1 > a:focus, .color--generic-color1 > a:hover {
color: #07646a;
}
a.color--generic-color1:active, a.color--generic-color1:focus, a.color--generic-color1:hover {
color: #07646a !important;
}
hr.color--generic-color1 {
border-color: #087b82 !important;
}
.color--generic-color2 {
color: #df432b;
}
.color--generic-color2 path, .color--generic-color2 polygon, .color--generic-color2 use {
fill: #df432b;
}
.color--generic-color2 > a {
color: #df432b;
}
.color--generic-color2 > a:active, .color--generic-color2 > a:focus, .color--generic-color2 > a:hover {
color: #d13720;
}
a.color--generic-color2:active, a.color--generic-color2:focus, a.color--generic-color2:hover {
color: #d13720 !important;
}
hr.color--generic-color2 {
border-color: #df432b !important;
}
.color--generic-color3 {
color: #eba74b;
}
.color--generic-color3 path, .color--generic-color3 polygon, .color--generic-color3 use {
fill: #eba74b;
}
.color--generic-color3 > a {
color: #eba74b;
}
.color--generic-color3 > a:active, .color--generic-color3 > a:focus, .color--generic-color3 > a:hover {
color: #e89c34;
}
a.color--generic-color3:active, a.color--generic-color3:focus, a.color--generic-color3:hover {
color: #e89c34 !important;
}
hr.color--generic-color3 {
border-color: #eba74b !important;
}
.color--generic2-color1 {
color: #5050b9;
}
.color--generic2-color1 path, .color--generic2-color1 polygon, .color--generic2-color1 use {
fill: #5050b9;
}
.color--generic2-color1 > a {
color: #5050b9;
}
.color--generic2-color1 > a:active, .color--generic2-color1 > a:focus, .color--generic2-color1 > a:hover {
color: #4444ab;
}
a.color--generic2-color1:active, a.color--generic2-color1:focus, a.color--generic2-color1:hover {
color: #4444ab !important;
}
hr.color--generic2-color1 {
border-color: #5050b9 !important;
}
.color--generic2-color2 {
color: #ff2128;
}
.color--generic2-color2 path, .color--generic2-color2 polygon, .color--generic2-color2 use {
fill: #ff2128;
}
.color--generic2-color2 > a {
color: #ff2128;
}
.color--generic2-color2 > a:active, .color--generic2-color2 > a:focus, .color--generic2-color2 > a:hover {
color: #ff080f;
}
a.color--generic2-color2:active, a.color--generic2-color2:focus, a.color--generic2-color2:hover {
color: #ff080f !important;
}
hr.color--generic2-color2 {
border-color: #ff2128 !important;
}
.color--charter-color1 {
color: #56c4c0;
}
.color--charter-color1 path, .color--charter-color1 polygon, .color--charter-color1 use {
fill: #56c4c0;
}
.color--charter-color1 > a {
color: #56c4c0;
}
.color--charter-color1 > a:active, .color--charter-color1 > a:focus, .color--charter-color1 > a:hover {
color: #43bdb9;
}
a.color--charter-color1:active, a.color--charter-color1:focus, a.color--charter-color1:hover {
color: #43bdb9 !important;
}
hr.color--charter-color1 {
border-color: #56c4c0 !important;
}
.color--charter-color2 {
color: #0061a4;
}
.color--charter-color2 path, .color--charter-color2 polygon, .color--charter-color2 use {
fill: #0061a4;
}
.color--charter-color2 > a {
color: #0061a4;
}
.color--charter-color2 > a:active, .color--charter-color2 > a:focus, .color--charter-color2 > a:hover {
color: #00528b;
}
a.color--charter-color2:active, a.color--charter-color2:focus, a.color--charter-color2:hover {
color: #00528b !important;
}
hr.color--charter-color2 {
border-color: #0061a4 !important;
}
.color--spectrum-color1 {
color: #003057;
}
.color--spectrum-color1 path, .color--spectrum-color1 polygon, .color--spectrum-color1 use {
fill: #003057;
}
.color--spectrum-color1 > a {
color: #003057;
}
.color--spectrum-color1 > a:active, .color--spectrum-color1 > a:focus, .color--spectrum-color1 > a:hover {
color: #00223e;
}
a.color--spectrum-color1:active, a.color--spectrum-color1:focus, a.color--spectrum-color1:hover {
color: #00223e !important;
}
hr.color--spectrum-color1 {
border-color: #003057 !important;
}
.color--spectrum-color2 {
color: #0077bc;
}
.color--spectrum-color2 path, .color--spectrum-color2 polygon, .color--spectrum-color2 use {
fill: #0077bc;
}
.color--spectrum-color2 > a {
color: #0077bc;
}
.color--spectrum-color2 > a:active, .color--spectrum-color2 > a:focus, .color--spectrum-color2 > a:hover {
color: #0067a3;
}
a.color--spectrum-color2:active, a.color--spectrum-color2:focus, a.color--spectrum-color2:hover {
color: #0067a3 !important;
}
hr.color--spectrum-color2 {
border-color: #0077bc !important;
}
.color--spectrum-color3 {
color: #faa41a;
}
.color--spectrum-color3 path, .color--spectrum-color3 polygon, .color--spectrum-color3 use {
fill: #faa41a;
}
.color--spectrum-color3 > a {
color: #faa41a;
}
.color--spectrum-color3 > a:active, .color--spectrum-color3 > a:focus, .color--spectrum-color3 > a:hover {
color: #f59905;
}
a.color--spectrum-color3:active, a.color--spectrum-color3:focus, a.color--spectrum-color3:hover {
color: #f59905 !important;
}
hr.color--spectrum-color3 {
border-color: #faa41a !important;
}
.color--time-warner-color1 {
color: #01325d;
}
.color--time-warner-color1 path, .color--time-warner-color1 polygon, .color--time-warner-color1 use {
fill: #01325d;
}
.color--time-warner-color1 > a {
color: #01325d;
}
.color--time-warner-color1 > a:active, .color--time-warner-color1 > a:focus, .color--time-warner-color1 > a:hover {
color: #012444;
}
a.color--time-warner-color1:active, a.color--time-warner-color1:focus, a.color--time-warner-color1:hover {
color: #012444 !important;
}
hr.color--time-warner-color1 {
border-color: #01325d !important;
}
.color--xfinity-color1 {
color: #2b9cd8;
}
.color--xfinity-color1 path, .color--xfinity-color1 polygon, .color--xfinity-color1 use {
fill: #2b9cd8;
}
.color--xfinity-color1 > a {
color: #2b9cd8;
}
.color--xfinity-color1 > a:active, .color--xfinity-color1 > a:focus, .color--xfinity-color1 > a:hover {
color: #248dc5;
}
a.color--xfinity-color1:active, a.color--xfinity-color1:focus, a.color--xfinity-color1:hover {
color: #248dc5 !important;
}
hr.color--xfinity-color1 {
border-color: #2b9cd8 !important;
}
.color--xfinity-color2 {
color: #d31245;
}
.color--xfinity-color2 path, .color--xfinity-color2 polygon, .color--xfinity-color2 use {
fill: #d31245;
}
.color--xfinity-color2 > a {
color: #d31245;
}
.color--xfinity-color2 > a:active, .color--xfinity-color2 > a:focus, .color--xfinity-color2 > a:hover {
color: #bc103d;
}
a.color--xfinity-color2:active, a.color--xfinity-color2:focus, a.color--xfinity-color2:hover {
color: #bc103d !important;
}
hr.color--xfinity-color2 {
border-color: #d31245 !important;
}
.color__bg--generic-color1 {
background-color: #5050b9;
}
.color__bg--generic-color5 {
background-color: #576a7a;
}
.color__bg--generic-color5-shade-30 {
background-color: #404d58;
}
.toggle--is-hidden {
display: none;
}
.toggle--is-hidden-override {
display: none !important;
}
.toggle--is-shown {
display: block;
margin-bottom: 15px;
}
.toggle--has-expanded-area {
height: 100px;
}
.toggle--has-expanded-area svg {
margin: 0 100px;
}
.toggle--has-border-bottom {
border-bottom: 2px solid #2b9cd8;
}
.toggle--has-border-bottom-grayscale-color3 {
border-bottom: 2px solid #c5c5c5;
}
.toggle__section {
margin-bottom: 15px;
text-align: left;
}
.toggle-option {
align-items: flex-start;
display: flex;
justify-content: flex-start;
margin-bottom: 0;
}
.toggle-option__section {
margin-left: 0;
}
.toggle-option .toggle-icon {
width: 32px;
}
.toggle-option .toggle-label {
margin-bottom: 15px;
margin-left: 3px;
margin-top: 3px;
width: auto;
}
.toggle-option__container {
margin-bottom: 15px;
}
.toggle-option__container:last-child {
margin-bottom: 0;
}
.rating-stars-container {
margin-bottom: -5px;
}
.rating-stars-container .stars-container {
display: inline-block;
position: relative;
}
.rating-stars-container .stars-container .stars-full {
left: 0;
position: absolute;
top: 0;
}
.rating-stars-container .rating-star-empty, .rating-stars-container .rating-star-full {
display: inline-block;
}
.rating-stars-container .rating-star-empty {
background-image: url(https://konnectmyhome.com/assets/images/rating-star-empty.svg);
background-position: 0 100%;
background-repeat: no-repeat;
width: 20px;
}
.rating-stars-container .rating-star-full {
background-image: url(https://konnectmyhome.com/assets/images/rating-star-full.svg);
background-position: 0 0;
background-repeat: no-repeat;
min-height: 20px;
width: 20px;
}
._static-content--center {
text-align: center;
}
._static-content--center, .logo-row {
align-items: center;
display: flex;
justify-content: center;
}
.logo-row {
flex-flow: row wrap;
}
.logo-row__item {
flex: 1 1 33.33%;
padding: 10px;
text-align: center;
width: 100%;
}
.logo-row__item:first-of-type, .logo-row__item:first-of-type a {
padding-left: 0;
}
.logo-row__item a {
display: block;
margin: 0 auto;
max-width: 180px;
padding: 10px;
text-align: center;
}
.logo-row__item img {
max-width: 100%;
}
.logo-row--only-5 .logo-row__item {
max-width: 33.33%;
}
.logo-row__break {
display: block;
width: 100%;
}
.article-callout {
margin-top: 30px;
}
.article-callout__image {
margin-bottom: 15px;
}
.article-callout__image img {
height: 170px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
}
.article-callout__text {
overflow: auto;
}
.reveal.exit-intent-popup, .reveal.exit-intent-popup .dialog__bottom, .reveal.exit-intent-popup .dialog__top {
width: 100%;
}
.reveal.exit-intent-popup h3 {
font-size: 1.125rem;
margin-bottom: 1.6875rem;
}
.reveal.exit-intent-popup .margin-small {
margin: 15px;
}
.reveal.exit-intent-popup .exit-label {
line-height: 3rem;
margin-bottom: 0;
margin-left: 15px;
}
.reveal.exit-intent-popup button[type=submit] {
background-color: #ff2128;
}
.reveal.exit-intent-popup button[type=submit]:active, .reveal.exit-intent-popup button[type=submit]:focus, .reveal.exit-intent-popup button[type=submit]:hover {
background-color: #d40007;
}
.ca-wrapper {
max-width: 520px;
overflow: hidden;
position: relative;
}
.ca-wrapper .ca-btn {
color: #fff !important;
height: 40px;
position: relative;
transition: all 0.3s ease-in-out !important;
width: 100%;
z-index: 3;
}
.ca-wrapper .ca-btn.off {
transform: translateX(100%);
}
.ca-wrapper .zip-checker__results {
display: none;
opacity: 0;
text-align: center;
transition: opacity 0.2s ease-in-out;
visibility: hidden;
width: 100%;
}
.ca-wrapper .zip-checker__results.on {
display: block;
opacity: 1;
visibility: visible;
}
.ca-wrapper .zip-checker__results .ca-unavailable-btn {
font-size: 0.875rem !important;
width: calc(100% - 40px) !important;
}
.ca-wrapper .zip-checker__results .ca-pencil {
align-items: center;
background-color: #5050b9;
display: flex;
justify-content: center;
width: 40px;
}
.ca-wrapper .zip-checker__results .results-not-found {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.ca-wrapper .zip-checker__results .results-not-found img {
background-color: #5050b9;
width: 20px;
}
.ca-wrapper .form-error {
margin-top: 10px;
}
.zip-checker.ca-form {
display: flex;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.zip-checker.ca-form * {
box-sizing: border-box;
}
.zip-checker.ca-form input[name=zipcode] {
border-radius: 0;
height: 100%;
margin: 0;
width: 100%;
}
.has-button .zip-checker.ca-form a:first-of-type, .zip-checker.ca-form .button, .zip-checker.ca-form .has-button a:first-of-type {
height: 100%;
}
.has-button .zip-checker.ca-form a:first-of-type svg, .zip-checker.ca-form .button svg, .zip-checker.ca-form .has-button a:first-of-type svg {
height: 24px;
width: 24px;
}
.zip-checker.ca-form .zip-checker__fields, .zip-checker.ca-form .zip-checker__input__secondary {
height: 40px;
width: 100%;
}
body.overflow-hidden {
overflow: hidden;
}
.ppc-zip-form-dialog__overlay {
background-color: rgba(10, 10, 10, .87);
bottom: 0;
left: 0;
overflow-y: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 1005;
}
.ppc-zip-form-dialog__content {
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
position: relative;
top: 20%;
width: 100%;
z-index: 1006;
}
.ppc-zip-form-dialog__heading {
color: #fefefe;
margin: 0 auto 15px;
text-align: center;
}
.ppc-zip-form-dialog__top {
background-color: #5050b9;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
position: relative;
}
.ppc-zip-form-dialog__top h4 {
color: #fefefe;
font-size: 0.875rem;
line-height: 54px;
margin-bottom: 0;
margin-left: 15px;
}
.ppc-zip-form-dialog__top .close-button {
color: #fefefe;
}
.ppc-zip-form-dialog__bottom {
background-color: #fefefe;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 15px;
}
.divider {
background-color: #c5c5c5;
height: 2px;
margin-top: 40px;
}
.cities-list {
display: grid;
gap: 15px;
grid-template-columns: repeat(2, 1fr);
}
.cities-dropdown {
margin-top: 3rem;
}
.cities-dropdown-label {
margin-bottom: 0.5rem;
}
.top-bg__gradient--spectrum {
background-image: linear-gradient(-64deg, rgba(0, 48, 87, .45) 5%, rgba(0, 119, 188, .45));
}
.top-bg__gradient--xfinity {
background-image: linear-gradient(-64deg, rgba(0, 0, 0, .45) 5%, #000);
}
.top-bg__image {
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}
.top-bg__image--spectrum {
background-color: #003057;
}
.top-bg__image--xfinity {
background-color: #000;
}
.top-bg__image--pos-top-right {
background-position: 100% 0;
}
.cta-new {
background-color: #222;
color: #fff;
text-align: center;
}
.cta-new--stuck {
box-shadow: 0 2px 4px #5b5b5b;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}
.cta-new--spectrum {
background-color: #0077bc;
}
.cta-new--xfinity {
background-color: #000;
}
.cta-new a:active, .cta-new a:focus, .cta-new a:hover {
color: #f2f2f2;
}
.cta-new h3 {
margin-bottom: 0;
}
.cta-new__heading a {
text-decoration: none;
}
.cta-new__heading a:hover {
text-decoration: underline;
}
.cta-new__button-area {
height: 60px;
}
.cta-new__button-area--xfinity {
background-color: #2b9cd8;
}
.cta-new__button-area--spectrum {
background-color: #faa41a;
}
.cta-new .cta-new__timer {
display: flex;
flex-direction: row;
font-size: 0.75rem;
height: auto;
justify-content: center;
line-height: 1.125rem;
}
.cta-new .cta-new__timer--is-hidden {
display: none;
}
.cta-new .cta-new__timer .timer__left {
font-weight: 400;
margin-right: 3px;
order: 1;
}
.cta-new .cta-new__timer .timer__nums {
font-weight: 700;
margin-right: 3px;
order: 2;
}
.cta-new .cta-new__timer .timer__lang {
font-weight: 400;
order: 3;
}
a.skip-to-main {
background-color: #5050b9;
color: #f3f3f3;
display: inline-block;
left: 0;
padding: 8px;
position: absolute;
text-decoration: none;
top: 0;
transform: translateY(-100%);
transition: 0.1s ease-in;
z-index: 100;
}
a.skip-to-main:focus {
transform: none;
}
.callout-area .icon-text {
align-items: center;
display: flex;
justify-content: left;
}
.callout-area .icon-text h3 {
margin-left: 10px;
margin-top: 5px;
}
.callout-area p {
margin-bottom: 15px;
}
.site__footer--generic {
background-color: #1d253c;
color: #fff;
padding-bottom: 1.875rem;
padding-top: 3.75rem;
}
.footer__column--generic {
border-right: 0;
margin-bottom: 30px;
}
.footer__logo--generic svg {
height: 61px;
width: 176.95px;
}
.footer__colheader--generic {
margin-bottom: 15px;
text-align: left;
text-transform: none;
}
.footer__providers--generic {
-moz-columns: 2;
column-count: 2;
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.footer__providers--generic li {
margin-bottom: 10px;
}
.footer__providers--generic li a {
color: #fff;
}
.footer__providers--generic li a:focus, .footer__providers--generic li a:hover {
color: #ff2128;
}
.footer__local--generic {
list-style: none;
margin: 0;
padding: 0;
}
.footer__local--generic li {
margin-bottom: 10px;
}
.footer__local--generic li a {
color: #fff;
}
.footer__local--generic li a:focus, .footer__local--generic li a:hover {
color: #ff2128;
}
.footer__zip-form {
margin-bottom: 15px;
}
.footer__connect--generic {
line-height: 1;
list-style: none;
margin: 0;
padding: 0;
}
.footer__connect--generic li {
margin-bottom: 10px;
}
.footer__connect--generic li a {
color: #fff;
}
.footer__connect--generic li a:focus, .footer__connect--generic li a:hover {
color: #ff2128;
}
.footer__social--generic {
justify-content: left;
line-height: 1;
margin-top: 15px;
}
.footer__social--generic li {
display: inline-block;
margin-right: 10px;
position: relative;
width: auto;
}
.footer__sep--generic {
border-bottom: 1px solid #ff2128;
margin: 0 0 10px;
}
.footer__copyright--generic {
font-size: 14px;
margin-bottom: 10px;
}
.footer__legal--generic {
line-height: 1;
}
.footer__legal--generic li {
border-right: 1px solid rgba(242, 242, 242, .3);
line-height: 16px;
}
.footer__legal--generic li:last-child {
border: 0;
}
.footer__legal--generic li a {
color: #fff;
display: block;
font-size: 14px;
padding-right: 15px;
}
.footer__legal--generic li a:focus, .footer__legal--generic li a:hover {
color: #ff2128;
}
.compare-card {
margin: 0 auto 15px;
max-width: 300px;
text-align: left;
}
.compare-card .card-bottom {
border-bottom: 2px solid #c5c5c5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-left: 2px solid #c5c5c5;
border-right: 2px solid #c5c5c5;
padding: 15px;
}
.compare-card .card-bottom .card-title {
font-weight: 700;
}
.compare-card .card-bottom .card-description {
margin-bottom: 30px;
}
.searchform {
align-items: center;
border-bottom: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
display: flex;
padding: 10px 15px;
width: 100%;
}
.searchform input {
border: 1px solid #ebebeb;
border-radius: 5px;
box-shadow: none;
font-size: 0.875rem;
font-style: italic;
margin-bottom: 0;
margin-right: 0;
max-width: 100%;
padding-right: 30px;
width: 100%;
}
.searchform input:focus {
border: 1px solid #ebebeb;
box-shadow: inset 1px 2px 5px -6px;
}
.searchform button {
cursor: pointer;
height: 40px;
margin-left: -40px;
margin-right: 0;
position: relative;
width: 40px;
z-index: 1;
}
.searchform button img {
height: 22px;
width: 22px;
}
.reveal {
height: auto !important;
min-height: auto !important;
}
.reveal-dialog {
border: 0;
outline: none;
overflow-y: auto;
padding: 0 15px;
}
.reveal-dialog__overlay {
background-color: rgba(10, 10, 10, .87);
overflow-y: hidden;
}
.reveal-dialog .dialog__heading {
color: #fff;
margin: 0 auto 15px;
text-align: center;
}
.reveal-dialog .dialog__top {
background-color: #5050b9;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
position: relative;
}
.reveal-dialog .dialog__top h4, .reveal-dialog .dialog__top p {
color: #fff;
font-size: 0.875rem;
line-height: 54px;
margin-bottom: 0;
margin-left: 15px;
}
.reveal-dialog .dialog__top .close-button {
color: #fff;
}
.reveal-dialog .dialog__top--xfinity {
background-color: #2b9cd8;
}
.reveal-dialog .dialog__bottom {
background-color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 15px;
}
.footer__email-form {
width: 100%;
}
.footer__email-form__disclaimer {
color: #151515;
font-size: 0.75rem;
text-align: left;
}
.footer__email-form__disclaimer a {
font-size: 0.75rem;
}
.footer__email-form__disclaimer a:hover {
text-decoration: underline;
}
.footer__email-form__inline-form {
text-align: center;
}
.footer__email-form label {
display: none;
}
.footer__email-form ._form-content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 5px;
}
.footer__email-form ._form-content ._field-wrapper {
position: relative;
}
.footer__email-form ._form-content ._field-wrapper ._error._below {
color: #cc4b37;
font-size: 0.75rem;
font-weight: 700;
left: 0;
position: absolute;
top: -25%;
}
.footer__email-form p {
font-size: 0.875rem;
line-height: 1.5rem;
}
.footer__email-form input {
border-radius: 0;
height: 60px;
margin-bottom: 20px;
padding: 0.5rem;
}
.footer__email-form input.field-email {
margin-right: 15px;
width: 200px;
}
.footer__email-form input.field-zip {
margin-right: 15px;
width: 115px;
}
.footer__email-form button {
background-color: #ff2128;
border-radius: 0;
color: #fff;
font-size: 1.25rem;
font-weight: 400;
height: 60px;
line-height: 0.8;
padding: 1rem;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
width: 110px;
}
.footer ._form-thank-you {
color: #ff2128;
text-align: right;
}
.header-logo--buckeye-broadband {
background-image: url(../images/brands/logo-buckeye-broadband.svg);
height: 1.5625rem;
width: 7.9375rem;
}
.footer__logo--buckeye-broadband svg {
height: 40px;
width: 205.71px;
}
.footer__colheader--buckeye-broadband {
color: #11407a;
}
.package-card--buckeye-broadband .brand-icons__list__item.available svg {
fill: #11407a;
}
.package-card--buckeye-broadband .package-features__button {
background-color: #11407a;
color: #f3f3f3;
text-transform: uppercase;
}
.package-card--buckeye-broadband .package-features__button:hover {
background-color: #081d37;
}
.package-card--buckeye-broadband .package-features__visibility-toggle {
color: #11407a;
}
.package-card--buckeye-broadband .package-features__visibility-toggle svg {
fill: #11407a;
}
.package-card--spectrum .brand-icons__list__item.available svg {
fill: #0077bc;
}
.package-card--spectrum .package-features__list-item__link {
color: #0077bc;
text-decoration: underline;
}
.package-card--spectrum .package-features__list-item__link:active, .package-card--spectrum .package-features__list-item__link:focus, .package-card--spectrum .package-features__list-item__link:hover {
color: #0067a3;
}
.package-card--spectrum .package-features__button {
background-color: #faa41a;
color: #f3f3f3;
}
.package-card--spectrum .package-features__button:hover {
background-color: #f59905;
}
.package-card--spectrum .package-features__visibility-toggle {
color: #0077bc;
font-weight: 700;
text-transform: none;
}
.package-card--spectrum .package-features__visibility-toggle svg {
fill: #0077bc;
}
.package-card--xfinity .brand-icons__list__item.available svg {
fill: #d31245;
}
.package-card--xfinity .package-features__list-item__link {
color: #2b9cd8;
text-decoration: underline;
}
.package-card--xfinity .package-features__list-item__link:active, .package-card--xfinity .package-features__list-item__link:focus, .package-card--xfinity .package-features__list-item__link:hover {
color: #248dc5;
}
.package-card--xfinity .package-features__button {
background-color: #2b9cd8;
color: #f3f3f3;
}
.package-card--xfinity .package-features__button:hover {
background-color: #1c6f9a;
}
.package-card--xfinity .package-features__visibility-toggle {
color: #2b9cd8;
}
.package-card--xfinity .package-features__visibility-toggle svg {
fill: #2b9cd8;
}
.provider-cards__card--is-bf .provider-cards__card-bottom {
background-color: #000;
border-top: 2px solid #fff;
}
.provider-cards__card--is-bf .provider-cards__card-bottom .columns:nth-child(3) {
border-top: 0;
}
.provider-cards__card--is-bf .provider-cards__card-flex-area .provider-cards__card-features-table-cell, .provider-cards__card--is-bf .provider-cards__card-rating .provider-cards__card-rating-details {
color: #fff;
}
.provider-cards__card--is-bf .provider-cards__card-flex-area .provider-cards__card-features-table-cell h5, .provider-cards__card--is-bf .provider-cards__card-flex-area .provider-cards__card-features-table-cell p {
font-size: 0.75rem;
line-height: 1.2;
}
.provider-cards__card--is-bf .provider-cards__card-flex-area .provider-cards__card-features-table-cell span {
color: #fff;
text-decoration: underline;
}
.no-padding-left {
padding-left: 0 !important;
}
.no-padding-left-right, .no-padding-right {
padding-right: 0 !important;
}
.no-padding-left-right {
padding-left: 0 !important;
}
.main-wrap.page, .main-wrap.post, .main-wrap.search {
background-color: #fff;
color: #151515;
}
.main-wrap.page .results-text, .main-wrap.post .results-text, .main-wrap.search .results-text {
margin-bottom: 30px;
}
.main-wrap.page .search-result, .main-wrap.post .search-result, .main-wrap.search .search-result {
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
.main-wrap.page .search-result:last-child, .main-wrap.post .search-result:last-child, .main-wrap.search .search-result:last-child {
margin-bottom: 0;
}
.main-wrap.page .search-result .result-post-info, .main-wrap.page .search-result .result-post-thumbnail, .main-wrap.post .search-result .result-post-info, .main-wrap.post .search-result .result-post-thumbnail, .main-wrap.search .search-result .result-post-info, .main-wrap.search .search-result .result-post-thumbnail {
width: auto;
}
.main-wrap.page .search-result .result-post-info h4 a, .main-wrap.post .search-result .result-post-info h4 a, .main-wrap.search .search-result .result-post-info h4 a {
text-decoration: none;
}
.main-wrap.page .search-result .result-post-info h4 a:hover, .main-wrap.post .search-result .result-post-info h4 a:hover, .main-wrap.search .search-result .result-post-info h4 a:hover {
text-decoration: underline;
}
.main-wrap.page ul, .main-wrap.post ul, .main-wrap.search ul {
line-height: 2em;
}
.main-wrap.page ul li, .main-wrap.post ul li, .main-wrap.search ul li {
margin-bottom: 0.7em;
}
.main-wrap.page ul li:last-child, .main-wrap.post ul li:last-child, .main-wrap.search ul li:last-child {
margin-bottom: 0;
}
.main-wrap.page blockquote, .main-wrap.post blockquote, .main-wrap.search blockquote {
border-left: 5px solid #000;
color: #ff2128;
font-size: 15px;
font-weight: 700;
margin: 20px 0 30px;
padding-left: 20px;
padding-top: 0;
}
.main-wrap.page blockquote span, .main-wrap.post blockquote span, .main-wrap.search blockquote span {
color: #ff2128;
font-weight: 600;
}
.main-wrap.page h1, .main-wrap.page h2, .main-wrap.page h3, .main-wrap.page h4, .main-wrap.page h5, .main-wrap.post h1, .main-wrap.post h2, .main-wrap.post h3, .main-wrap.post h4, .main-wrap.post h5, .main-wrap.search h1, .main-wrap.search h2, .main-wrap.search h3, .main-wrap.search h4, .main-wrap.search h5 {
color: #151515;
}
.main-wrap.page .hero h1, .main-wrap.page .hero h2, .main-wrap.page .hero h3, .main-wrap.page .hero h4, .main-wrap.page .hero h5, .main-wrap.post .hero h1, .main-wrap.post .hero h2, .main-wrap.post .hero h3, .main-wrap.post .hero h4, .main-wrap.post .hero h5, .main-wrap.search .hero h1, .main-wrap.search .hero h2, .main-wrap.search .hero h3, .main-wrap.search .hero h4, .main-wrap.search .hero h5 {
color: #fff;
}
.main-wrap.page .hero--generic h1, .main-wrap.post .hero--generic h1, .main-wrap.search .hero--generic h1 {
margin-bottom: 15px;
}
.main-wrap.page .hero--generic h3, .main-wrap.post .hero--generic h3, .main-wrap.search .hero--generic h3 {
font-size: 1.125rem;
line-height: 24px;
}
.main-wrap.page .hero--has-components, .main-wrap.post .hero--has-components, .main-wrap.search .hero--has-components {
margin-bottom: 0;
padding-bottom: 0;
}
.main-wrap.page .hero-components, .main-wrap.post .hero-components, .main-wrap.search .hero-components {
position: relative;
width: 100%;
z-index: 0;
}
.main-wrap.page .hero-components .features-container .features-html a, .main-wrap.post .hero-components .features-container .features-html a, .main-wrap.search .hero-components .features-container .features-html a {
color: #5050b9;
}
.main-wrap.page .hero-components.best-of-hero-card-container, .main-wrap.post .hero-components.best-of-hero-card-container, .main-wrap.search .hero-components.best-of-hero-card-container {
margin-bottom: -20px;
margin-top: 15px;
z-index: 1;
}
.main-wrap.page .hero-components.best-of-hero-card-container .full-width-hero .column, .main-wrap.page .hero-components.best-of-hero-card-container .full-width-hero .columns, .main-wrap.post .hero-components.best-of-hero-card-container .full-width-hero .column, .main-wrap.post .hero-components.best-of-hero-card-container .full-width-hero .columns, .main-wrap.search .hero-components.best-of-hero-card-container .full-width-hero .column, .main-wrap.search .hero-components.best-of-hero-card-container .full-width-hero .columns {
display: flex;
flex-direction: column;
}
.main-wrap.index .post-snippet a.post-title {
text-decoration: none;
}
.post-thumbnail-header img {
display: block;
margin: 0 auto 30px;
}
.post-info {
margin: 0 0 30px;
text-align: left;
}
.post-info__author-image {
display: inline-flex;
flex-direction: column;
justify-content: center;
}
.main-wrap .post-info {
line-height: 1.5em;
}
.post-info a {
color: darker(#5050b9, 30%);
}
.post-info .avatar {
border-radius: 50%;
}
.post-info__divider {
display: inline-block;
margin: 0 5px;
}
.post-info__share-block {
color: darker(#5050b9, 30%);
margin-bottom: 0;
}
.post-info__share-link {
align-items: center;
display: inline-flex;
height: 16px;
margin: 0 0 0 5px;
opacity: 1;
position: relative;
transition: opacity 0.5s ease-in-out;
vertical-align: middle;
width: 16px;
}
.post-info__share-link:hover {
opacity: 0.7;
}
.post-info__edited {
color: #5b5b5b;
padding-left: 0.5rem;
}
.post-info__edited a {
color: #5b5b5b;
text-decoration: none;
}
.post-info__author-info {
display: inline-block;
font-size: 0.75rem;
margin: 0 0 0 12px;
text-align: left;
}
.post-info__author-info strong {
width: 100%;
}
.post-info__author-info .fa-facebook {
background-color: #000;
border-radius: 50%;
color: #fff;
height: 14px;
padding: 2px;
text-align: center;
width: 14px;
}
.related-thumb {
height: 130px;
text-align: center;
width: auto;
}
.related-thumb img {
max-height: 130px;
}
.margin-modifier {
margin-left: 0.625rem !important;
margin-right: 0.625rem !important;
}
.text-white, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5 {
color: #fff;
}
.bg-shadow, .bg-white {
background-color: #fff;
}
.bg-shadow {
border: 1px solid #f3f3f3;
box-shadow: 0 2px 4px 0 rgba(222, 222, 222, .5);
}
.bg-primary {
background-color: #202050;
}
.margin-top {
margin-top: 30px;
}
:root:root .no-margins {
margin: 0;
}
.related-content a {
text-decoration: none;
}
.related-content a:hover {
text-decoration: underline;
}
.gen-padding {
padding-bottom: 60px;
padding-top: 60px;
}
.large-padding {
padding-bottom: 15px;
padding-top: 15px;
}
.large-padding-full {
padding: 15px;
}
.medium-padding {
padding-bottom: 15px;
padding-top: 15px;
}
.medium-padding-full {
padding: 15px;
}
.small-padding {
padding-bottom: 10px;
padding-top: 10px;
}
.small-padding-full {
padding: 10px;
}
.medium-down-text-center {
text-align: center;
}
.grid-x {
flex-flow: row wrap;
}
.flex, .grid-x {
display: flex;
}
.hidden {
display: none;
visibility: hidden;
}
.font-small {
font-size: 0.875rem;
line-height: 1.375rem;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal;
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.nav-links {
margin-top: 30px;
text-align: center;
}
.nav-links .page-numbers {
background-color: #ff2128;
border-radius: 0;
color: #fff;
display: inline-block;
font-weight: 700;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
width: 40px;
}
.nav-links .page-numbers:active, .nav-links .page-numbers:focus, .nav-links .page-numbers:hover {
background-color: #a52b19;
}
.nav-links .page-numbers.dots:active, .nav-links .page-numbers.dots:focus, .nav-links .page-numbers.dots:hover {
background-color: #ff2128;
}
.nav-links .page-numbers.current {
background-color: #a52b19;
color: #fff;
}
.nav-links .page-numbers.current:active, .nav-links .page-numbers.current:focus, .nav-links .page-numbers.current:hover {
background-color: #ff080f;
}
.nav-links .page-numbers.next {
margin-left: 5px;
}
.nav-links .page-numbers.prev {
margin-right: 5px;
}
.one-fourth, .one-half, .one-third, .three-fourth, .two-third {
float: left;
margin-right: 4%;
position: relative;
}
.one-fourth.col-last, .one-half.col-last, .one-third.col-last, .three-fourth.col-last, .two-third.col-last {
clear: right;
margin-right: 0;
}
.one-half {
width: 48%;
}
.one-third {
width: 30.66%;
}
.two-third {
width: 65.32%;
}
.one-fourth {
width: 22%;
}
.three-fourth {
width: 74%;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
img.alignleft {
display: inline;
margin-right: 15px;
}
img.alignright {
display: inline;
margin-left: 15px;
}
.post-meta {
display: table;
margin-bottom: 0;
}
.main-wrap .post-meta {
line-height: 1.5em;
}
.post-meta__avatar {
display: table-cell;
overflow: hidden;
vertical-align: middle;
}
.post-meta__avatar .avatar {
border-radius: 50%;
}
.post-meta__author {
display: table-cell;
padding-left: 10px;
vertical-align: middle;
}
.author-meta__social {
display: inline-block;
font-size: 1.25rem;
padding: 0 5px;
}
.single-review-hero-card-container > .row:first-child {
background-color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 2px 4px #c5c5c5;
margin-bottom: -20px;
margin-top: 30px;
z-index: 1;
}
._form label {
display: inline-block !important;
}
@font-face {
font-display: auto;
font-family: icomoon;
font-style: normal;
font-weight: 400;
src: url(../fonts/blog/icomoon/icomoon.eot);
src: url(../fonts/blog/icomoon/icomoon.eot#iefix) format("embedded-opentype"), url(../fonts/blog/icomoon/icomoon.woff) format("woff"), url(../fonts/blog/icomoon/icomoon.ttf) format("truetype"), url(../fonts/blog/icomoon/icomoon.svg#icomoon) format("svg");
}
[class*=" icon-"], [class^=icon-] {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: icomoon;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-transform: none;
}
.icon-star:before {
content: "\f005";
}
.icon-check:before {
content: "\f00c";
}
.icon-close:before, .icon-remove:before, .icon-times:before {
content: "\f00d";
}
.icon-chevron-left:before {
content: "\f053";
}
.icon-chevron-right:before {
content: "\f054";
}
.icon-times-circle:before {
content: "\f057";
}
.icon-check-circle:before {
content: "\f058";
}
.icon-info-circle:before {
content: "\f05a";
}
.icon-chevron-up:before {
content: "\f077";
}
.icon-chevron-down:before {
content: "\f078";
}
.icon-star-half:before {
content: "\f089";
}
.icon-star-half-empty:before, .icon-star-half-full:before, .icon-star-half-o:before {
content: "\f123";
}
.featured-post {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 600px;
position: relative;
width: 100%;
}
.featured-post__info {
background-color: rgba(0, 0, 0, .4);
bottom: 0;
color: #fff;
left: 0;
padding: 20px 20px 40px;
position: absolute;
text-align: left;
width: 100%;
}
.featured-post__info a {
color: #fff;
}
.featured-post__info a:active, .featured-post__info a:focus, .featured-post__info a:hover {
color: #f2f2f2;
}
.featured-post__info h3 a {
text-decoration: none;
}
.featured-post__info h3 a:hover {
text-decoration: underline;
}
.featured-slider {
background-color: #fff;
}
.featured-slider:hover .slick-next, .featured-slider:hover .slick-prev {
opacity: 1;
transition: opacity 0.2s ease-in;
}
.featured-slider .slick-next, .featured-slider .slick-prev {
height: 44px;
opacity: 0;
width: 44px;
}
.featured-slider .slick-next:before, .featured-slider .slick-prev:before {
font-size: 44px;
}
.featured-slider .slick-next, .featured-slider .slick-prev {
display: none;
}
.featured-slider .slick-dots {
bottom: -10px;
margin-left: 0;
}
.featured-slider .slick-dots li button:before {
color: #fff;
font-size: 40px;
}
.featured-slider .slick-dots li.slick-active button:before {
color: #fff;
}
.slick-slider {
margin-bottom: 30px;
}
.stars {
display: inline-block;
height: 37px;
margin: 0;
min-width: 144px;
overflow: hidden;
white-space: nowrap;
}
.stars.dynamic label {
cursor: pointer;
}
.stars input[type=radio] {
display: none;
margin: 0;
}
.stars input[type=radio]:disabled {
cursor: default;
}
.stars input[type=radio]:disabled + label[for] {
cursor: default;
margin: 0;
}
.stars label {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
align-self: center;
color: #5b5b5b;
float: right;
font-family: icomoon;
font-size: 1.5rem;
line-height: 1;
margin: 0;
text-transform: none;
}
.stars label:before {
content: "\f005";
margin: 0 0.1875rem;
}
.stars label.half:before {
content: "\f089";
position: absolute;
}
.stars.small label:before {
font-size: 1.375rem;
}
.stars.medium {
height: 60px;
min-width: 219px;
}
.stars.medium label:before {
font-size: 2.5rem;
}
.stars.large {
height: 75px;
min-width: 265px;
}
.stars.large label:before {
font-size: 3.125rem;
}
.stars.orange input[type=radio]:checked ~ label, .stars.orange.dynamic:not(:checked) > label:hover, .stars.orange.dynamic:not(:checked) > label:hover ~ label {
color: #ffd800;
}
.stars.orange.dynamic input:checked + label:hover, .stars.orange.dynamic input:checked ~ label:hover, .stars.orange.dynamic input:checked ~ label:hover ~ label, .stars.orange.dynamic label:hover ~ input:checked ~ label {
color: #ffe033;
}
.stars.blue input[type=radio]:checked ~ label, .stars.blue.dynamic:not(:checked) > label:hover, .stars.blue.dynamic:not(:checked) > label:hover ~ label {
color: #767676;
}
.stars.blue.dynamic input:checked + label:hover, .stars.blue.dynamic input:checked ~ label:hover, .stars.blue.dynamic input:checked ~ label:hover ~ label, .stars.blue.dynamic label:hover ~ input:checked ~ label {
color: #909090;
}
.stars.charcoal input[type=radio]:checked ~ label, .stars.charcoal.dynamic:not(:checked) > label:hover, .stars.charcoal.dynamic:not(:checked) > label:hover ~ label {
color: #5050b9;
}
.stars.charcoal.dynamic input:checked + label:hover, .stars.charcoal.dynamic input:checked ~ label:hover, .stars.charcoal.dynamic input:checked ~ label:hover ~ label, .stars.charcoal.dynamic label:hover ~ input:checked ~ label {
color: #7474c8;
}
.scStarsContainer {
display: inline-flex;
vertical-align: bottom;
}
.scStarsContainer .stars {
height: auto;
}
.scStarsContainer #text {
font-size: 50px;
}
.product-card .stars-container {
display: inline-block;
position: relative;
}
.product-card .stars-container .stars-full {
left: 0;
position: absolute;
top: 0;
}
.product-card .rating-star-empty, .product-card .rating-star-full {
display: inline-block;
}
.product-card .rating-star-empty {
background-image: url(../images/components/rating-stars/rating-star-empty.svg);
background-repeat: no-repeat;
width: 18px;
}
.product-card .rating-star-full {
background-image: url(../images/components/rating-stars/rating-star-full.svg);
background-position: 0 0;
background-repeat: no-repeat;
min-height: 18px;
width: 18px;
}
.single-review-hero-card .stars-container {
display: inline-block;
position: relative;
}
.single-review-hero-card .stars-container .stars-full {
left: 0;
position: absolute;
top: 0;
}
.single-review-hero-card .rating-star-empty, .single-review-hero-card .rating-star-full {
display: inline-block;
}
.single-review-hero-card .rating-star-empty {
background-image: url(../images/components/rating-stars/rating-star-empty.svg);
background-repeat: no-repeat;
width: 18px;
}
.single-review-hero-card .rating-star-full {
background-image: url(../images/components/rating-stars/rating-star-full.svg);
background-position: 0 0;
background-repeat: no-repeat;
min-height: 18px;
width: 18px;
}
.best-of-hero-card .stars-container {
display: inline-block;
position: relative;
}
.best-of-hero-card .stars-container .stars-full {
left: 0;
position: absolute;
top: 0;
}
.best-of-hero-card .rating-star-empty, .best-of-hero-card .rating-star-full {
display: inline-block;
}
.best-of-hero-card .rating-star-empty {
background-image: url(../images/components/rating-stars/rating-star-empty.svg);
background-repeat: no-repeat;
width: 39px;
}
.best-of-hero-card .rating-star-full {
background-image: url(../images/components/rating-stars/rating-star-full.svg);
background-position: 0 0;
background-repeat: no-repeat;
min-height: 37px;
width: 39px;
}
.vc_cta3-container .vc_general.vc_cta3 {
padding: 15px;
}
.full-width-hero-card1 {
background-color: #fff;
border: 2px solid #235457;
border-radius: 0 5px 5px 0;
box-shadow: 1px 2px 9px rgba(0, 0, 0, .7);
display: flex;
margin-bottom: 60px;
position: relative;
table-layout: fixed;
width: 100%;
z-index: 3;
}
.full-width-hero-card1 .image img {
display: block;
margin: 0 auto;
overflow: visible;
width: 100%;
}
.full-width-hero-card1 .dish-bar {
display: block;
margin: 0 auto;
padding-bottom: 20px;
}
.full-width-hero-card1 .customer-ratings {
color: #9b9b9b;
font-size: 12px;
font-weight: 500;
}
.full-width-hero-card1 .contents {
display: inline-flex;
margin-bottom: 30px;
margin-top: 30px;
width: calc(100% - 30px);
z-index: 1;
}
.full-width-hero-card1 .contents .columns {
display: flex;
padding: 23px 0;
}
.full-width-hero-card1 .contents .column, .full-width-hero-card1 .contents .columns {
display: table-cell;
padding: 20px 15px;
vertical-align: middle;
}
.full-width-hero-card1 .contents .column-1 {
margin: 0 auto;
width: 25%;
}
.full-width-hero-card1 .contents .column-2 {
height: 100%;
padding: 0 0 20px;
text-align: center;
width: 25%;
}
.full-width-hero-card1 .contents .column-2 .rating-container {
color: #6e7176;
font-size: 16px;
}
.full-width-hero-card1 .contents .column-2 .rating-container .rating {
margin-bottom: 10px;
}
.full-width-hero-card1 .contents .column-2 .rating-container .rating .rating-label {
color: #2e3645;
font-size: 20px;
font-weight: 700;
margin-right: 15px;
}
.full-width-hero-card1 .contents .column-2 .rating-container .rating .rating-score {
color: #3f9ba1;
font-size: 45px;
font-weight: 400;
text-align: center;
}
.full-width-hero-card1 .contents .column-3 {
padding-bottom: 0;
padding-left: 40px;
width: 25%;
}
.full-width-hero-card1 .contents .column-4 {
width: 25%;
}
.full-width-hero-card1 .contents .column-4 .ctas {
display: table;
justify-content: center;
margin: 0 auto;
text-align: center;
}
.full-width-hero-card1 .contents .column-4 .ctas .primary {
background-color: #e24220;
border-radius: 5px;
color: #fff;
display: block;
font-size: 18px;
font-weight: 400;
height: 50px;
line-height: 50px;
padding: 0 5px;
text-align: center;
text-decoration: none;
width: 130px;
}
.full-width-hero-card1 .contents .column-4 .ctas .primary:hover {
background-color: #ff3c22;
}
.full-width-hero-card1 .contents .column-4 .ctas .primary:active {
background-color: #ff7945;
}
.full-width-hero-card1 .contents .column-4 .ctas .secondary {
display: block;
font-size: 16px;
text-align: center;
}
.full-width-hero-card1 .features-bullets {
font-size: 15px;
}
.full-width-hero-card1 .features-bullets .feature-headline {
color: #586a79;
font-weight: 400;
margin-bottom: 8px;
margin-left: 8px;
}
.full-width-hero-card1 .features-bullets .feature {
display: flex;
margin-bottom: 30px;
width: 100%;
}
.full-width-hero-card1 .features-bullets .feature .feature-label, .full-width-hero-card1 .features-bullets .feature .feature-value {
font-size: 33px;
text-align: left;
width: 50%;
}
.full-width-hero-card1 .features-bullets .feature .feature-label {
color: #2e3645;
font-size: 60px;
font-weight: 900;
width: 10%;
}
.full-width-hero-card1 .features-bullets .feature .feature-value {
color: #586a79;
font-weight: 400;
}
.full-width-hero-card1 .features-bullets .feature .feature-bullet {
width: 34px;
}
.full-width-hero-card1 .features-bullets .feature .feature-bullet .icon-thin-check {
color: #85c950;
font-size: 0.85em;
}
.full-width-hero-card1 .features-bullets .feature .feature-bullet .icon-thin-x {
color: #ff3c22;
font-size: 0.8em;
}
.full-width-hero-card1 .features-bullets .feature .feature-text {
color: #586a79;
font-size: 13px;
font-weight: 500;
width: calc(100% - 34px);
}
.full-width-hero-card1 .features-bullets .feature:not(:last-child) {
margin-bottom: 15px;
}
.full-width-hero-card1 .features-bullets .feature:last-child {
margin-bottom: 0;
}
.full-width-hero-card1 .label-value-features {
width: 130%;
}
.full-width-hero-card1 .label-value-features .feature {
display: flex;
width: 100%;
}
.full-width-hero-card1 .label-value-features .feature .feature-label {
color: #586a79;
font-size: 15px;
text-align: left;
width: 50%;
}
.full-width-hero-card1 .label-value-features .feature .feature-value {
color: #586a79;
font-size: 15px;
padding-left: 10px;
text-align: left;
width: 50%;
}
.full-width-hero-card1 .label-value-features .feature:not(:last-child) {
margin-bottom: 15px;
}
.full-width-hero-card1 .snippet {
color: #6e7176;
font-size: 16px;
}
.full-width-hero-card1 .snippet strong {
color: #2e3645;
}
.full-width-hero-card1 .snippet p {
font-size: 16px;
line-height: 22px;
margin: 0 0 10px;
}
.full-width-background {
background-color: #215357;
padding: 4.5%;
width: 100%;
}
.full-width-background .full-width-hero-card2 {
background-color: #fff;
border: 1px solid #235457;
border-radius: 0 5px 5px 0;
box-shadow: 1px 2px 9px rgba(0, 0, 0, .7);
display: flex;
position: relative;
table-layout: fixed;
width: 100%;
z-index: 3;
}
.full-width-background .full-width-hero-card2 .image img {
display: block;
margin: 0 auto;
overflow: visible;
width: 200px;
}
.full-width-background .full-width-hero-card2 .dish-bar {
display: block;
margin: 0 auto;
padding-bottom: 20px;
}
.full-width-background .full-width-hero-card2 .customer-ratings {
color: #9b9b9b;
font-size: 12px;
font-weight: 500;
}
.full-width-background .full-width-hero-card2 .contents {
display: inline-flex;
margin-bottom: 30px;
margin-top: 30px;
width: calc(100% - 30px);
z-index: 1;
}
.full-width-background .full-width-hero-card2 .contents .columns {
display: flex;
padding: 23px 0;
}
.full-width-background .full-width-hero-card2 .contents .column, .full-width-background .full-width-hero-card2 .contents .columns {
display: table-cell;
padding: 15px 10px;
vertical-align: middle;
}
.full-width-background .full-width-hero-card2 .contents .column-1 {
margin: 0 auto;
width: 25%;
}
.full-width-background .full-width-hero-card2 .contents .column-2 {
height: 100%;
padding: 0 0 20px;
text-align: center;
width: 25%;
}
.full-width-background .full-width-hero-card2 .contents .column-2 .rating-container {
color: #6e7176;
font-size: 16px;
}
.full-width-background .full-width-hero-card2 .contents .column-2 .rating-container .rating {
margin-bottom: 10px;
}
.full-width-background .full-width-hero-card2 .contents .column-2 .rating-container .rating .rating-label {
color: #2e3645;
font-size: 20px;
font-weight: 700;
margin-right: 15px;
}
.full-width-background .full-width-hero-card2 .contents .column-2 .rating-container .rating .rating-score {
color: #3f9ba1;
font-size: 45px;
font-weight: 400;
text-align: center;
}
.full-width-background .full-width-hero-card2 .contents .column-3 {
padding-bottom: 0;
padding-left: 40px;
width: 30%;
}
.full-width-background .full-width-hero-card2 .contents .column-4 {
width: 20%;
}
.full-width-background .full-width-hero-card2 .contents .column-4 .ctas {
display: table;
justify-content: center;
margin: 0 auto;
text-align: center;
}
.full-width-background .full-width-hero-card2 .contents .column-4 .ctas .primary {
background-color: #e24220;
border-radius: 5px;
color: #fff;
display: block;
font-size: 18px;
font-weight: 400;
height: 50px;
line-height: 50px;
padding: 0 5px;
text-align: center;
text-decoration: none;
width: 130px;
}
.full-width-background .full-width-hero-card2 .contents .column-4 .ctas .primary:hover {
background-color: #ff3c22;
}
.full-width-background .full-width-hero-card2 .contents .column-4 .ctas .primary:active {
background-color: #ff7945;
}
.full-width-background .full-width-hero-card2 .contents .column-4 .ctas .secondary {
display: block;
font-size: 16px;
text-align: center;
}
.full-width-background .full-width-hero-card2 .features-bullets {
font-size: 18px;
}
.full-width-background .full-width-hero-card2 .features-bullets .feature-headline {
color: #586a79;
font-weight: 400;
margin-bottom: 8px;
margin-left: 8px;
}
.full-width-background .full-width-hero-card2 .features-bullets .feature {
display: flex;
margin-bottom: 30px;
width: 100%;
}
.full-width-background .full-width-hero-card2 .features-bullets .feature .feature-label, .full-width-background .full-width-hero-card2 .features-bullets .feature .feature-value {
font-size: 33px;
text-align: left;
width: 25%;
}
.full-width-background .full-width-hero-card2 .features-bullets .feature .feature-label {
color: #2e3645;
font-size: 60px;
font-weight: 900;
width: 10%;
}
.full-width-background .full-width-hero-card2 .features-bullets .feature .feature-value {
color: #586a79;
font-weight: 400;
}
.full-width-background .full-width-hero-card2 .features-bullets .feature .feature-bullet {
width: 34px;
}
.full-width-background .full-width-hero-card2 .features-bullets .feature .feature-bullet .icon-thin-check {
color: #85c950;
font-size: 0.85em;
}
.full-width-background .full-width-hero-card2 .features-bullets .feature .feature-bullet .icon-thin-x {
color: #ff3c22;
font-size: 0.8em;
}
.full-width-background .full-width-hero-card2 .features-bullets .feature .feature-text {
color: #586a79;
font-size: 13px;
font-weight: 500;
width: calc(100% - 34px);
}
.full-width-background .full-width-hero-card2 .features-bullets .feature:not(:last-child) {
margin-bottom: 15px;
}
.full-width-background .full-width-hero-card2 .features-bullets .feature:last-child {
margin-bottom: 0;
}
.full-width-background .full-width-hero-card2 .label-value-features {
width: 130%;
}
.full-width-background .full-width-hero-card2 .label-value-features .feature {
display: flex;
width: 100%;
}
.full-width-background .full-width-hero-card2 .label-value-features .feature .feature-label {
color: #586a79;
font-size: 16px;
text-align: right;
width: 50%;
}
.full-width-background .full-width-hero-card2 .label-value-features .feature .feature-value {
color: #586a79;
font-size: 16px;
padding-left: 10px;
text-align: left;
width: 50%;
}
.full-width-background .full-width-hero-card2 .label-value-features .feature:not(:last-child) {
margin-bottom: 15px;
}
.full-width-background .full-width-hero-card2 .snippet {
color: #6e7176;
font-size: 16px;
}
.full-width-background .full-width-hero-card2 .snippet strong {
color: #2e3645;
}
.full-width-background .full-width-hero-card2 .snippet p {
font-size: 16px;
line-height: 22px;
margin: 0 0 10px;
}
.zip-finder {
margin-bottom: 15px;
width: 100%;
}
.zip-finder--inline {
color: #151515;
}
.zip-finder--is-centered {
width: 100%;
}
.zip-finder--is-centered .zip-finder__fields {
justify-content: center;
margin: 0 auto;
width: auto;
}
.zip-finder--blue {
border: 2px solid #5050b9;
border-radius: 2px;
}
.zip-finder--blue, .zip-finder--gray {
margin-bottom: 0.9375rem;
padding: 0.9375rem;
}
.zip-finder--gray {
background-color: #f3f3f3;
border: 2px solid #c5c5c5;
border-radius: 2px;
}
.zip-finder__header {
font-size: 1rem;
font-weight: 700;
margin-bottom: 0.9375rem;
}
.zip-finder__fields {
display: flex;
position: relative;
}
.zip-finder__fields .form-error {
bottom: -22px;
position: absolute;
}
.zip-finder__input {
width: auto;
}
.zip-finder__input input {
border-radius: 0;
font-size: 1.25rem;
height: 60px;
margin-right: 0.3125rem;
width: 140px;
}
.zip-finder__button button {
background-color: #ff2128;
font-size: 1.125rem;
font-weight: 700;
height: 60px;
line-height: 0.8;
padding: 0.5rem 1.25rem;
text-transform: uppercase;
vertical-align: -2px;
}
.zip-finder__button button:active, .zip-finder__button button:focus, .zip-finder__button button:hover {
background-color: #d40007;
}
.zip-finder__button h4.zip-finder__button__header {
color: #fff;
font-family: Oswald, Helvetica, Arial, sans-serif;
margin: 0;
}
.zip-finder .h4 {
font-weight: 700;
}
.zip-checker {
width: 100%;
}
.zip-checker__wrapper {
border: 2px solid #363687;
border-radius: 5px;
margin-bottom: 15px;
padding: 15px;
}
.zip-checker__fields {
display: flex;
flex-direction: row;
}
.zip-checker__input {
width: auto;
}
.zip-checker__input__secondary {
display: flex;
}
.zip-checker__input input {
border-radius: 0;
box-shadow: none;
font-size: 1.25rem;
height: 60px;
margin-right: 15px;
width: 105px;
}
.zip-checker__input input:focus {
background-color: inherit;
border: 1px solid #cacaca;
box-shadow: none;
}
.zip-checker__input input .is-invalid-input {
color: #cacaca;
}
.zip-checker__button button {
font-size: 1.25rem;
font-weight: 700;
height: 60px;
line-height: 0.8;
padding: 0.625rem;
vertical-align: -4px;
}
.zip-checker__button button:active, .zip-checker__button button:focus, .zip-checker__button button:hover {
background-color: #d40007;
}
.zip-checker__results .results-found .icon-check {
color: #5050b9;
display: inline-block;
font-size: 28px;
margin-right: 3px;
vertical-align: -5px;
}
.zip-checker__results .results-not-found .icon-times {
color: #ff2128;
display: inline-block;
font-size: 28px;
margin-right: 3px;
vertical-align: -5px;
}
.table--vc-default {
width: auto !important;
}
.table--vc-default--is-full-width {
width: 100% !important;
}
.table--vc-default a {
font-weight: 700;
}
.table--vc-main {
width: auto !important;
}
.table--vc-main--is-full-width {
width: 100% !important;
}
.table--vc-main a {
font-weight: 700;
}
.table--vc-comparison {
width: auto !important;
}
.table--vc-comparison--is-full-width {
width: 100% !important;
}
.table--vc-comparison tr td:first-child {
background-color: #c5c5c5;
border: 1px solid #9f9f9f;
}
.table--vc-comparison a {
font-weight: 700;
}
.vc-table-scrolling {
display: block;
width: 100%;
}
.vc-table-scrolling th {
text-align: left;
}
.vc-table-scrolling__label {
border-top: 1px solid #d8d8d8;
color: #fff;
font-weight: 700;
text-align: left;
}
.vc-table-scrolling__label.has-headings td {
background-color: #1d253c;
border: 1px solid #1d253c;
color: #fff;
}
.vc-table-scrolling__label.has-labels td {
background-color: #fff;
border-top: 1px solid #d8d8d8;
color: #1d253c;
}
.vc-table-scrolling__label__content {
font-size: 14px;
line-height: 16px;
}
.vc-table-scrolling__table-container {
max-width: 100%;
overflow-y: auto;
position: relative;
}
.vc-table-scrolling__labels {
border-left: 1px solid #d8d8d8;
position: relative;
width: calc(100% + 1px);
z-index: 1;
}
.vc-table-scrolling__labels.is-scrollable {
box-shadow: 4px 0 4px -2px rgba(0, 0, 0, .2);
}
.vc-table-scrolling__table {
border-right: 1px solid #d8d8d8;
max-width: 100%;
position: relative;
width: 100%;
}
.vc-table-scrolling .sticky-label {
left: 0;
padding: 18px 14px;
position: sticky;
}
.vc-table-scrolling__labels, .vc-table-scrolling__table {
border-collapse: collapse;
border-spacing: 0;
}
.vc-table-scrolling__labels tr, .vc-table-scrolling__table tr {
border-bottom: 1px solid #d8d8d8;
}
.vc-table-scrolling__labels tr td, .vc-table-scrolling__table tr td {
color: #000;
padding: 18px 14px;
text-align: left;
}
.vc-table-scrolling__labels tr td:first-child, .vc-table-scrolling__table tr td:first-child {
box-shadow: 4px 0 4px -2px rgba(0, 0, 0, .2);
}
.vc-table-scrolling__labels tr:nth-child(2n), .vc-table-scrolling__labels tr:nth-child(2n) td.sticky-label, .vc-table-scrolling__labels tr:nth-child(2n) th.sticky-label, .vc-table-scrolling__table tr:nth-child(2n), .vc-table-scrolling__table tr:nth-child(2n) td.sticky-label, .vc-table-scrolling__table tr:nth-child(2n) th.sticky-label {
background-color: #f3f3f3;
}
.vc-table-scrolling__labels tr:nth-child(odd), .vc-table-scrolling__labels tr:nth-child(odd) td.sticky-label, .vc-table-scrolling__table tr:nth-child(odd), .vc-table-scrolling__table tr:nth-child(odd) td.sticky-label {
background-color: #fff;
}
.vc-table-scrolling__labels tr:first-child, .vc-table-scrolling__table tr:first-child {
background-color: #1d253c;
border: 1px solid #1d253c;
color: #fff;
}
.vc-table-scrolling__labels tr:first-child td, .vc-table-scrolling__labels tr:first-child th, .vc-table-scrolling__table tr:first-child td, .vc-table-scrolling__table tr:first-child th {
color: #fff;
font-weight: 700;
}
.vc-table-scrolling__row {
border-top: 1px solid #d8d8d8;
}
.vc-table-scrolling__row.has-headings td {
background-color: #1d253c;
color: #fff;
font-weight: 700;
vertical-align: top;
}
.vc-table-scrolling__row.has-labels td {
background-color: #fff;
color: #1d253c;
font-weight: 700;
vertical-align: top;
}
.vc-table-scrolling__cell {
font-size: 14px;
line-height: 16px;
}
.vc-table-scrolling__cell.text-blue {
color: #5050b9;
}
.vc-table-scrolling__cell.text-gray {
color: #506a89;
}
.vc-table-scrolling__cell ul {
text-align: left;
}
.vc-table-scrolling__cell ul br {
display: none;
}
.vc-table-scrolling th.sticky-label {
background-color: #1d253c;
}
.hero-components .vc-table-scrolling {
display: block;
margin-top: 4px;
}
.hero-components .vc-table-scrolling th {
text-align: left;
}
.hero-components .vc-table-scrolling__label {
border-top: 2px solid #f3f3f3;
color: #fff;
font-weight: 400;
text-align: left;
}
.hero-components .vc-table-scrolling__label.has-headings td {
background-color: #fff;
border: 0;
color: #1d253c;
}
.hero-components .vc-table-scrolling__label.has-labels td {
background-color: #fff;
border: 0;
color: #5b5b5b;
}
.hero-components .vc-table-scrolling__label__content {
background-color: #fff;
font-size: 12px;
line-height: 14px;
}
.hero-components .vc-table-scrolling__table-container {
max-width: 100%;
overflow-y: auto;
position: relative;
}
.hero-components .vc-table-scrolling__labels {
border-left: 0;
position: relative;
width: calc(100% + 1px);
z-index: 1;
}
.hero-components .vc-table-scrolling__labels.is-scrollable {
box-shadow: 4px 0 4px -2px rgba(0, 0, 0, .2);
}
.hero-components .vc-table-scrolling__table {
border-right: 0;
max-width: 100%;
position: relative;
width: 100%;
}
.hero-components .vc-table-scrolling .sticky-label {
left: 0;
position: sticky;
}
.hero-components .vc-table-scrolling__labels, .hero-components .vc-table-scrolling__table {
border-collapse: collapse;
border-spacing: 0;
}
.hero-components .vc-table-scrolling__labels tr, .hero-components .vc-table-scrolling__table tr {
border-bottom: 2px solid #f3f3f3;
}
.hero-components .vc-table-scrolling__labels tr td, .hero-components .vc-table-scrolling__table tr td {
color: #000;
padding: 18px 14px;
text-align: left;
}
.hero-components .vc-table-scrolling__labels tr:nth-child(2n), .hero-components .vc-table-scrolling__labels tr:nth-child(2n) td.sticky-label, .hero-components .vc-table-scrolling__labels tr:nth-child(2n) th.sticky-label, .hero-components .vc-table-scrolling__labels tr:nth-child(odd), .hero-components .vc-table-scrolling__labels tr:nth-child(odd) td.sticky-label, .hero-components .vc-table-scrolling__labels tr:nth-child(odd) th.sticky-label, .hero-components .vc-table-scrolling__table tr:nth-child(2n), .hero-components .vc-table-scrolling__table tr:nth-child(2n) td.sticky-label, .hero-components .vc-table-scrolling__table tr:nth-child(2n) th.sticky-label, .hero-components .vc-table-scrolling__table tr:nth-child(odd), .hero-components .vc-table-scrolling__table tr:nth-child(odd) td.sticky-label, .hero-components .vc-table-scrolling__table tr:nth-child(odd) th.sticky-label {
background-color: #fff;
}
.hero-components .vc-table-scrolling__labels tr:first-child, .hero-components .vc-table-scrolling__table tr:first-child {
background-color: #fff;
border: 0;
color: #1d253c;
}
.hero-components .vc-table-scrolling__labels tr:first-child td, .hero-components .vc-table-scrolling__labels tr:first-child th, .hero-components .vc-table-scrolling__table tr:first-child td, .hero-components .vc-table-scrolling__table tr:first-child th {
color: #1d253c;
font-weight: 700;
}
.hero-components .vc-table-scrolling__row {
border-top: 2px solid #f3f3f3;
}
.hero-components .vc-table-scrolling__row.has-headings td {
background-color: #fff;
border: 0;
color: #1d253c;
}
.hero-components .vc-table-scrolling__row.has-labels td {
background-color: #fff;
color: #5b5b5b;
font-weight: 400;
vertical-align: top;
}
.hero-components .vc-table-scrolling__cell {
font-size: 12px;
line-height: 14px;
}
.hero-components .vc-table-scrolling__cell.text-blue {
color: #5050b9;
}
.hero-components .vc-table-scrolling__cell.text-gray {
color: #506a89;
}
.hero-components .vc-table-scrolling__cell ul {
text-align: left;
}
.hero-components .vc-table-scrolling__cell ul br {
display: none;
}
.product-card {
background-color: #fff;
border: 4px solid #5050b9;
color: #1d253c;
display: flex;
height: auto;
margin-bottom: 60px;
padding: 20px;
position: relative;
width: 100%;
}
.product-card .contents {
background-color: #fff;
display: block;
margin: 0;
padding: 0;
width: 100%;
}
.product-card .contents .column-1 {
width: 100%;
}
.product-card .contents .column-1 .image--is-provider-logo {
max-width: 145px;
}
.product-card .contents .column-2 {
flex-basis: 50%;
width: 100%;
}
.product-card .contents .column-3 {
align-self: center;
width: 100%;
}
.product-card .contents .logo-rating-container {
position: relative;
text-align: center;
}
.product-card .contents .rating-container {
margin: 10px 0;
text-align: center;
}
.product-card .contents .rating-container .rating {
margin-bottom: 10px;
}
.product-card .contents .rating-container .rating .rating-link {
color: #5050b9;
font-size: 14px;
font-weight: 400;
text-decoration: underline;
}
.product-card .contents .rating-container .rating-star {
margin-right: 6px;
}
.product-card .contents .cta-container {
margin: 0 auto;
max-width: 175px;
position: relative;
text-align: center;
}
.product-card .contents .pros-cons-container .pros-cons-item {
display: flex;
margin-bottom: 10px;
}
.product-card .contents .pros-cons-container .pros-cons-item:last-child {
margin-bottom: 20px;
}
.product-card .contents .pros-cons-container .pros-cons-icon {
display: inline-block;
margin-right: 10px;
margin-top: 3px;
width: 20px;
}
.product-card .contents .pros-cons-container .pros-cons-text {
color: #151515;
display: inline-block;
font-size: 14px;
line-height: 16px;
margin-left: -4px;
text-align: left;
width: calc(100% - 40px);
}
.product-card .contents .features-container {
height: 100% !important;
margin-bottom: 15px;
text-align: left;
}
.product-card .contents .features-container .feature {
display: list-item;
list-style-type: none;
width: 100%;
}
.product-card .contents .features-container .feature .feature-label, .product-card .contents .features-container .feature .feature-value {
font-size: 14px;
text-align: left;
}
.product-card .contents .features-container .feature .feature-label {
color: #151515;
display: inline-block;
font-weight: 400;
}
.product-card .contents .features-container .feature .feature-value {
color: #151515;
display: inline-block;
font-weight: 700;
margin-left: 5px;
}
.product-card .contents .features-container .feature:not(:last-child) {
margin-bottom: 10px;
}
.product-card img {
display: block;
margin: auto;
}
.product-card__label {
align-items: center;
background-color: #5050b9;
color: #f3f3f3;
display: flex;
font-size: 0.875rem;
font-weight: 700;
height: 30px;
justify-content: center;
left: -4px;
line-height: 0.875rem;
padding: 12px;
position: absolute;
text-align: center;
top: -30px;
width: auto;
}
.product-card .brand-logo__img {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 50px;
margin: 0 auto;
width: 150px;
}
.product-card .cta-link {
margin-top: 10px;
}
.product-card .cta-link a {
color: #5050b9;
font-size: 14px;
font-weight: 400;
text-decoration: underline;
}
.single-review-hero-card {
box-shadow: 0 5px 4px -4px #c5c5c5;
color: #1d253c;
display: block;
height: auto;
padding: 0;
position: relative;
width: 100%;
z-index: 1;
}
.single-review-hero-card .contents {
align-items: center;
background-color: #fff;
display: flex;
flex-direction: column;
margin: 0;
padding: 15px;
width: 100%;
}
.single-review-hero-card .contents .column-1 {
width: 100%;
}
.single-review-hero-card .contents .column-2 {
border-top: 2px solid #f3f3f3;
padding-top: 15px;
width: 100%;
}
.single-review-hero-card .contents .column-3 {
align-self: center;
width: 100%;
}
.single-review-hero-card .contents .logo-container {
position: relative;
text-align: center;
}
.single-review-hero-card .contents .rating-container {
margin: 15px 0 10px;
text-align: center;
}
.single-review-hero-card .contents .rating-container .rating {
margin: 0;
}
.single-review-hero-card .contents .rating-container .rating .rating-link {
color: #5050b9;
display: block;
font-size: 12px;
font-weight: 400;
margin-top: -5px;
text-decoration: underline;
}
.single-review-hero-card .contents .rating-container .rating-star {
margin-right: 6px;
}
.single-review-hero-card .contents .cta-container {
margin: 0 auto;
max-width: 300px;
position: relative;
text-align: center;
}
.single-review-hero-card .contents .pros-cons-container .pros-cons-item {
display: flex;
margin-bottom: 10px;
}
.single-review-hero-card .contents .pros-cons-container .pros-cons-item:last-child {
margin-bottom: 20px;
}
.single-review-hero-card .contents .pros-cons-container .pros-cons-icon {
display: inline-block;
margin-right: 10px;
margin-top: 3px;
width: 20px;
}
.single-review-hero-card .contents .pros-cons-container .pros-cons-text {
color: #151515;
display: inline-block;
font-size: 14px;
line-height: 16px;
margin-left: -4px;
text-align: left;
width: calc(100% - 40px);
}
.single-review-hero-card .contents .features-container {
margin-bottom: 15px;
text-align: left;
}
.single-review-hero-card .contents .features-container .features-html, .single-review-hero-card .contents .features-container .features-html > li, .single-review-hero-card .contents .features-container .features-html > p {
font-size: 12px;
line-height: 18px;
}
.single-review-hero-card .contents .features-container .feature {
display: list-item;
list-style-type: none;
width: 100%;
}
.single-review-hero-card .contents .features-container .feature .feature-label, .single-review-hero-card .contents .features-container .feature .feature-value {
font-size: 12px;
text-align: left;
}
.single-review-hero-card .contents .features-container .feature .feature-label {
color: #151515;
display: inline-block;
font-weight: 400;
}
.single-review-hero-card .contents .features-container .feature .feature-value {
color: #151515;
display: inline-block;
font-weight: 700;
margin-left: 5px;
}
.single-review-hero-card .contents .features-container .feature:not(:last-child) {
margin-bottom: 10px;
}
.single-review-hero-card img {
display: block;
margin: auto;
}
.single-review-hero-card img.image--is-provider-logo {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 70px;
margin: 0 auto 20px;
max-width: 210px;
width: 210px;
}
.single-review-hero-card__label {
align-items: center;
background-color: #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #f3f3f3;
display: flex;
font-size: 0.875rem;
font-weight: 700;
height: 30px;
justify-content: left;
line-height: 0.875rem;
padding: 12px;
position: absolute;
text-align: center;
top: -30px;
width: 100%;
}
.single-review-hero-card .brand-logo__img {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 70px;
margin: 0 auto;
width: 210px;
}
.single-review-hero-card .cta-link {
margin-top: 5px;
}
.single-review-hero-card .cta-link a {
color: #5050b9;
font-size: 14px;
font-weight: 400;
text-decoration: underline;
}
.best-of-hero-card {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #1d253c;
display: inline-flex;
flex-direction: column;
padding: 12px 8px;
position: relative;
width: 100%;
z-index: 1;
}
.best-of-hero-card.layout-columns .best-of-hero-card__contents__first-column {
justify-content: start;
}
.best-of-hero-card:not(.is-best) .best-of-hero-card__contents {
border-bottom: 2px solid #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
filter: drop-shadow(5px 0 5px rgba(0, 0, 0, .3));
}
.best-of-hero-card.is-best .best-of-hero-card__label {
background-color: #ff2128;
}
.best-of-hero-card.is-best .best-of-hero-card__contents {
border-bottom: 2px solid #ff2128;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-left: 2px solid #ff2128;
border-right: 2px solid #ff2128;
}
.best-of-hero-card__label {
align-items: center;
background-color: #363687;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #f3f3f3;
display: flex;
font-size: 0.875rem;
font-weight: 700;
justify-content: left;
line-height: 0.875rem;
padding: 12px;
text-align: left;
width: 100%;
}
.best-of-hero-card__contents {
background-color: #fff;
display: flex;
flex-direction: column;
height: 100%;
margin: 0;
padding: 15px;
width: 100%;
}
.best-of-hero-card__contents__first-column {
border-right: none;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
max-width: none;
padding: 0;
}
.best-of-hero-card__contents__logo-container {
border-bottom: 2px solid #f3f3f3;
padding: 0 0 8px;
position: relative;
}
.best-of-hero-card__contents__cta-container {
margin: 0 auto;
max-width: 300px;
padding: 0;
position: relative;
text-align: center;
}
.best-of-hero-card__contents__features-container {
padding: 16px 0;
width: 100%;
}
.best-of-hero-card__contents__features-container.first-container {
display: block;
}
.best-of-hero-card__contents__features-container.second-container {
display: none;
}
.best-of-hero-card__contents .rating-container {
margin: 12px 0 8px;
text-align: center;
}
.best-of-hero-card__contents .rating-container .rating {
margin: 0;
}
.best-of-hero-card__contents .rating-container .rating .rating-link {
color: #5050b9;
display: block;
font-size: 12px;
font-weight: 400;
margin-top: -5px;
text-decoration: underline;
}
.best-of-hero-card__contents .rating-container .rating-star {
margin-right: 6px;
}
.best-of-hero-card__contents .featured-price-container {
font-size: 18px;
font-weight: 700;
margin-bottom: 12px;
}
.best-of-hero-card__contents .pros-cons-container {
margin: 0 auto;
max-width: 230px;
}
.best-of-hero-card__contents .pros-cons-container .pros-cons-item {
display: flex;
margin-bottom: 10px;
}
.best-of-hero-card__contents .pros-cons-container .pros-cons-item:last-child {
margin-bottom: 20px;
}
.best-of-hero-card__contents .pros-cons-container .pros-cons-icon {
display: inline-block;
margin-right: 10px;
margin-top: 0;
width: 18px;
}
.best-of-hero-card__contents .pros-cons-container .pros-cons-text {
color: #151515;
display: inline-block;
font-size: 12px;
line-height: 14px;
margin-left: -4px;
text-align: left;
width: calc(100% - 40px);
}
.best-of-hero-card__contents .features-list-container .feature {
display: flex;
justify-content: space-between;
padding: 8px 0;
text-align: left;
}
.best-of-hero-card__contents .features-list-container .feature:not(:last-of-type) {
border-bottom: 2px solid #f3f3f3;
}
.best-of-hero-card__contents .features-list-container .feature-label {
font-weight: 700;
}
.best-of-hero-card__contents .features-list-container .feature-value {
text-align: right;
}
.best-of-hero-card__contents .features-html-container p {
margin: 0;
padding: 8px 0;
}
.best-of-hero-card img {
display: block;
margin: auto;
}
.best-of-hero-card img.image--is-provider-logo {
margin: 0 auto 8px;
max-width: 210px;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.best-of-hero-card .brand-logo__img, .best-of-hero-card img.image--is-provider-logo {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 70px;
}
.best-of-hero-card .brand-logo__img {
margin: 0 auto;
width: 210px;
}
.best-of-hero-card .cta-link {
margin-top: 5px;
}
.best-of-hero-card .cta-link a {
color: #5050b9;
font-size: 14px;
font-weight: 400;
text-decoration: underline;
}
.swipeable-animation {
display: none;
height: 40px;
position: fixed;
width: 40px;
z-index: 999;
}
.swipeable-animation.is-animating {
display: block;
transition: right 1s ease-in;
}
.vc-email-form {
width: 100%;
}
.vc-email-form__wrapper {
background-color: #f3f3f3;
border-top: 6px solid #5b5b5b;
margin-bottom: 35px;
padding: 30px 15px;
}
.vc-email-form__wrapper .callout-area {
margin-bottom: 20px;
}
.vc-email-form__wrapper .callout-area p {
font-size: 0.875rem;
line-height: 1.5rem;
}
.vc-email-form__disclaimer {
color: #151515;
font-size: 0.75rem;
text-align: left;
}
.vc-email-form__disclaimer a {
font-size: 0.75rem;
}
.vc-email-form__disclaimer a:hover {
text-decoration: underline;
}
.vc-email-form__inline-form {
text-align: center;
}
.vc-email-form label {
display: none;
}
.vc-email-form ._form-content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 20px;
margin-top: 5px;
}
.vc-email-form ._form-content ._field-wrapper {
position: relative;
}
.vc-email-form ._form-content ._field-wrapper ._error._below {
color: #cc4b37;
font-size: 0.75rem;
font-weight: 700;
left: 0;
position: absolute;
text-align: left;
top: -25%;
}
.vc-email-form p.vc-email-form__disclaimer {
line-height: 1rem;
}
.vc-email-form input {
border-radius: 0;
height: 60px;
padding: 0.5rem;
}
.vc-email-form input.field-email {
margin-right: 15px;
width: 200px;
}
.vc-email-form input.field-zip {
margin-right: 15px;
width: 100px;
}
.vc-email-form button {
background-color: #5050b9;
border-radius: 0;
color: #fff;
font-size: 1.25rem;
font-weight: 400;
height: 60px;
line-height: 0.8;
padding: 1rem;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
width: 100%;
}
.vc-email-subscribe {
width: 100%;
}
.vc-email-subscribe__wrapper {
background-color: #f3f3f3;
border: 5px solid #303b5d;
padding: 30px 15px;
}
.vc-email-subscribe__wrapper .callout-area {
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 10px;
margin-top: 7px;
}
.vc-email-subscribe__wrapper .callout-area .callout-icon {
margin: 0 auto 15px;
}
.vc-email-subscribe__wrapper .callout-area .callout-icon svg {
height: 54px;
width: 65px;
}
.vc-email-subscribe__wrapper .callout-area .callout-text {
display: flex;
flex-direction: column;
margin-left: 0;
margin-top: -5px !important;
}
.vc-email-subscribe__wrapper .callout-area .callout-text h3 {
border: 0;
}
.vc-email-subscribe__wrapper .callout-area .callout-text p {
margin-top: -7px;
}
.vc-email-subscribe__disclaimer {
color: #151515;
font-size: 0.75rem;
font-weight: 400;
text-align: left;
}
.vc-email-subscribe__disclaimer a {
font-size: 0.75rem;
}
.vc-email-subscribe__disclaimer a:hover {
text-decoration: underline;
}
.vc-email-subscribe__inline-form {
text-align: left;
}
.vc-email-subscribe label {
display: none;
}
.vc-email-subscribe ._form-content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 5px;
}
.vc-email-subscribe ._form-content ._field-wrapper {
position: relative;
}
.vc-email-subscribe ._form-content ._field-wrapper ._error._below {
color: #cc4b37;
font-size: 0.75rem;
font-weight: 700;
left: 0;
position: absolute;
top: -25%;
}
.vc-email-subscribe input {
border-radius: 0;
font-size: 1.25rem;
height: 60px;
margin-bottom: 5px;
padding: 0.5rem;
}
.vc-email-subscribe input.field-email {
margin-bottom: 15px;
margin-right: 15px;
width: 236px;
}
.vc-email-subscribe input.field-zip {
margin-right: 15px;
width: 115px;
}
.vc-email-subscribe input::-moz-placeholder {
text-transform: uppercase;
}
.vc-email-subscribe input::placeholder {
text-transform: uppercase;
}
.vc-email-subscribe button {
background-color: #ff2128;
border-radius: 0;
color: #fff;
font-size: 1.25rem;
font-weight: 700;
height: 60px;
line-height: 0.8;
padding: 1rem;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
width: 100%;
}
._form-thank-you {
color: #ff2128;
text-align: right;
}
.post-block {
margin-bottom: 30px;
}
.post-block--featured-image {
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
min-height: 200px;
width: 100%;
}
.post-block--featured-image .image-holder img {
-o-object-fit: cover;
object-fit: cover;
}
.post-block--title {
margin-bottom: 5px;
}
.post-block--title a {
color: #1d253c;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.375rem;
text-decoration: none;
text-transform: uppercase;
}
.post-block--title a:hover {
text-decoration: underline;
}
.post-block--title.dark-bg a {
color: #fff;
}
.post-block--author-area {
align-items: center;
display: flex;
justify-content: flex-start;
margin-bottom: 10px;
width: 100%;
}
.post-block--author-area .author-area--image-link {
flex-grow: 0;
margin-right: 10px;
}
.post-block--author-area .author-area--name {
flex-grow: 3;
font-size: 0.875rem;
}
.post-block--author-area .author-area--name a {
color: #1d253c;
font-size: 0.875rem;
text-decoration: none;
}
.post-block--author-area .author-area--name a:hover {
text-decoration: underline;
}
.post-block--author-area .author-area--name.dark-bg, .post-block--author-area .author-area--name.dark-bg a {
color: #fff;
}
.post-block--author-area .author-area--date {
flex-grow: 1;
font-size: 0.875rem;
text-align: right;
}
.post-block--author-area .author-area--date.dark-bg {
color: #fff;
}
.post-block--excerpt {
border: 0;
color: #1d253c;
}
.post-block--excerpt.dark-bg {
color: #fff;
}
.responsive-embed, .video-wrapper {
height: 0;
padding-bottom: 56.25%;
padding-top: 25px;
position: relative;
}
.responsive-embed iframe, .video-wrapper iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.image-ads .image-ad-container.vertical-space-below {
margin-bottom: 15px;
}
.pull_quote {
margin-bottom: 50px;
margin-left: 35px;
margin-top: 20px;
padding: 35px 25px;
position: relative;
text-align: left;
}
.pull_quote .h4 {
font-size: 30px;
font-weight: 700;
line-height: 2.25rem;
}
.pull_quote .author_name {
font-size: 18px;
}
.pull_quote_icon {
background-color: #ff2128;
height: 75px;
left: -37px;
padding: 21px 16px;
position: absolute;
top: -37px;
width: 75px;
}
.pull_quote.dark {
background-color: #1d1d49;
color: #fff;
}
.pull_quote.dark h4 {
color: #fff;
}
.pull_quote.dark .triangle {
border-top-color: #1d1d49;
}
.pull_quote.light {
background-color: #fff;
border: 3px solid #ff2128;
color: #1d1d49;
}
.pull_quote.light h4 {
color: #1d1d49;
}
.pull_quote.light .triangle {
border-top-color: #ff2128;
bottom: -32px;
}
.pull_quote.light .triangle:before {
border-color: #fff transparent transparent;
border-style: solid;
border-width: 27px 32px 0 0;
content: "";
height: 0;
left: 3px;
position: absolute;
top: -34px;
width: 0;
}
.pull_quote .triangle {
border-bottom: 0 solid transparent;
border-left: 0 solid transparent;
border-right: 35px solid transparent;
border-top-style: solid;
border-top-width: 30px;
bottom: -30px;
height: 0;
left: 60%;
position: absolute;
width: 0;
}
.generic-form [type=color], .generic-form [type=date], .generic-form [type=datetime-local], .generic-form [type=datetime], .generic-form [type=email], .generic-form [type=month], .generic-form [type=number], .generic-form [type=password], .generic-form [type=search], .generic-form [type=tel], .generic-form [type=text], .generic-form [type=time], .generic-form [type=url], .generic-form [type=week] {
border-radius: 0;
margin-bottom: 0;
padding: 1.813rem;
}
.generic-form [type=checkbox] {
margin: 0 0.5rem;
}
.generic-form .button, .generic-form .has-button a:first-of-type, .has-button .generic-form a:first-of-type {
font-size: 1.25rem;
min-width: 160px;
padding: 1.25rem;
width: auto;
}
.generic-form .disclaimer-text {
font-size: 0.875rem;
line-height: 1.5rem;
}
.generic-form label {
display: inline-block;
font-size: 1rem;
line-height: 1.5;
}
.generic-form .input-row {
margin-bottom: 30px;
}
.generic-form ._error-inner {
color: #ff2128;
}
select.state-select {
background-color: #f3f3f3;
background-image: url(../images/pages/generic/arrow-down.svg);
background-origin: border-box;
background-position: right 0 bottom 50%;
background-repeat: no-repeat;
background-size: 50px 65%;
border: 0;
border-radius: 0;
color: #000;
cursor: pointer;
font-size: 1.25rem;
height: 60px;
max-width: 240px;
padding: 10px 45px 10px 10px;
width: 100%;
}
select.state-select:active, select.state-select:focus {
border: 1px solid #3c3c8b;
}
select.city-select {
background-color: #fff;
background-image: url(../images/pages/generic/arrow-down.svg);
background-origin: border-box;
background-position: right 0 bottom 50%;
background-repeat: no-repeat;
background-size: 50px 65%;
border-color: #c5c5c5;
border-radius: 0;
border-width: 3px;
color: #000;
cursor: pointer;
font-size: 0.9375rem;
height: 50px;
max-width: 240px;
padding: 10px 45px 10px 10px;
width: 100%;
}
select.city-select:active, select.city-select:focus {
border: 1px solid #3c3c8b;
}
.vc_separator {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon {
font-size: 2.15em !important;
}
#content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child, .vc_message_box > p:last-child, .wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child {
margin-bottom: 0;
}
.vc_sep_pos_align_center {
margin-left: auto;
margin-right: auto;
}
.vc_sep_width_100, .wpb_single_image img.vc_img-placeholder {
width: 100%;
}
.vc_separator.vc_sep_color_grey .vc_sep_line {
border-color: #ebebeb;
}
.vc_separator .vc_sep_holder .vc_sep_line {
border-top: 1px solid #ebebeb;
display: block;
height: 1px;
position: relative;
top: 1px;
width: 100%;
}
.vc_separator .vc_icon_element {
margin-bottom: 0;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md {
line-height: 2.15em !important;
max-width: 100% !important;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
border: 2px solid transparent;
box-sizing: content-box;
display: inline-block;
height: 4em;
position: relative;
text-align: center;
width: 4em;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-green .vc_icon_element-icon {
color: #6dab3c;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon {
font-feature-settings: normal;
display: inline-block;
font-kerning: auto;
font-language-override: normal;
font-size: 2.15em;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: 400;
left: 50%;
line-height: 1 !important;
position: absolute;
text-rendering: auto;
top: 50%;
transform: translate(-50%, -50%);
}
.vc_separator .vc_icon_element:not(.vc_icon_element-have-style) + h4 {
padding-left: 0;
}
.vc_separator.vc_separator_align_center h4 {
padding: 0 0.8em;
}
.vc_separator h4 {
word-wrap: break-word;
flex: 0 1 auto;
font-size: 100%;
line-height: 1em;
margin: 0;
}
.vc_separator .vc_sep_holder {
flex: 1 1 auto;
height: 1px;
min-width: 10%;
position: relative;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-juicy_pink .vc_icon_element-icon {
color: #f4524d;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon:before {
display: inline-block;
font-size: 1em;
font-style: normal;
font-weight: 400;
height: inherit;
text-align: center;
text-decoration: inherit;
text-rendering: optimizelegibility;
width: inherit;
}
.vc_separator.vc_sep_color_blue .vc_sep_line {
border-color: #5472d2;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon {
color: #5472d2;
}
.wpb_single_image.vc_align_center {
text-align: center;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
margin-bottom: 35px;
}
.wpb_single_image .vc_figure {
margin: 0;
}
.wpb_single_image .vc_figure, .wpb_single_image .vc_single_image-wrapper {
display: inline-block;
max-width: 100%;
vertical-align: top;
}
.wpb_single_image a {
border: none;
outline: 0;
}
.wpb_single_image img {
height: auto;
max-width: 100%;
vertical-align: top;
}
.vc_cta3-container:after, .vc_cta3-container:before {
content: " ";
display: table;
}
.vc_general.vc_cta3.vc_cta3-icons-on-border.vc_cta3-icons-top.vc_cta3-icon-size-md {
margin-top: 28px;
}
.vc_general.vc_cta3.vc_cta3-color-blue.vc_cta3-style-outline {
background-color: transparent;
border-color: #5472d2;
}
.vc_general.vc_cta3.vc_cta3-style-outline {
border-width: 3px;
}
.vc_general.vc_cta3.vc_cta3-icons-on-border {
position: relative;
}
.vc_general.vc_cta3 {
word-wrap: break-word;
border: 1px solid transparent;
font-size: 1em;
padding: 28px;
}
.vc_general.vc_cta3.vc_cta3-icons-on-border.vc_cta3-icons-top .vc_cta3-icons {
left: 50%;
top: 0;
transform: translate(-50%, -50%);
}
.vc_general.vc_cta3.vc_cta3-icons-on-border .vc_cta3-icons {
position: absolute;
}
.separator_align_center, .vc_general.vc_cta3.vc_cta3-icons-bottom .vc_cta3-icons, .vc_general.vc_cta3.vc_cta3-icons-top .vc_cta3-icons, .vc_pie_chart {
text-align: center;
}
.vc_general.vc_cta3 .vc_cta3-icons {
vertical-align: middle;
}
.vc_general.vc_cta3.vc_cta3-icons-bottom .vc_cta3-icons .vc_icon_element, .vc_general.vc_cta3.vc_cta3-icons-top .vc_cta3-icons .vc_icon_element {
display: inline-block;
}
.vc_general.vc_cta3 .vc_cta3-content > :last-child, .vc_general.vc_cta3 .vc_cta3-icons > :last-child {
margin-bottom: 0;
}
.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left {
text-align: left;
}
.vc_icon_element.vc_icon_element-outer {
box-sizing: border-box;
text-align: center;
}
.vc_icon_element {
font-size: 14px;
line-height: 0;
margin-bottom: 35px;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-background-color-white.vc_icon_element-background {
background-color: #fff;
}
.vc_cta3-container {
margin-bottom: 35px;
margin-left: auto;
margin-right: auto;
}
.vc_general.vc_cta3.vc_cta3-icons-on-border.vc_cta3-icons-top.vc_cta3-icon-size-lg .vc_cta3_content-container, .vc_general.vc_cta3.vc_cta3-icons-on-border.vc_cta3-icons-top.vc_cta3-icon-size-md.vc_cta3-icons-in-box .vc_cta3_content-container {
padding-top: 21px;
}
.vc_general.vc_cta3.vc_cta3-icons-on-border.vc_cta3-icons-top.vc_cta3-icon-size-md .vc_cta3_content-container, .vc_general.vc_cta3.vc_cta3-icons-on-border.vc_cta3-icons-top.vc_cta3-icon-size-sm.vc_cta3-icons-in-box .vc_cta3_content-container {
padding-top: 14px;
}
.vc_general.vc_cta3.vc_cta3-icons-top .vc_cta3_content-container {
padding-top: 1em;
}
.vc_color-info.vc_message_box {
background-color: #dff2fe;
border-color: #cfebfe;
color: #5e7f96;
}
.vc_message_box-rounded {
border-radius: 5px;
}
.vc_message_box {
border: 1px solid transparent;
box-sizing: border-box;
display: block;
font-size: 1em;
margin: 0 0 21.74px;
overflow: hidden;
padding: 1em 1em 1em 4em;
position: relative;
}
.vc_color-info.vc_message_box .vc_message_box-icon {
color: #56b0ee;
}
.vc_message_box-icon {
bottom: 0;
font-size: 1em;
left: 0;
top: 0;
width: 4em;
}
.vc_message_box-icon > *, .vc_message_box-icon > .fa {
font-size: 1.7em;
line-height: 1;
}
.vc_message_box-icon > * {
transform: translate(-50%, -50%);
}
.vc_message_box-icon > *, .vc_toggle_simple .vc_toggle_icon:after, .vc_toggle_simple .vc_toggle_icon:before {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.vc_message_box-icon, .vc_message_box-icon > * {
font-style: normal;
font-weight: 400;
position: absolute;
}
.vc_general.vc_cta3.vc_cta3-shape-rounded {
border-radius: 5px;
}
.vc_general.vc_cta3.vc_cta3-style-classic, .vc_general.vc_cta3.vc_cta3-style-custom {
background-color: #f7f7f7;
border-color: #f0f0f0;
}
@media print, screen and (min-width: 40em) {
.reveal, .reveal.large, .reveal.small, .reveal.tiny {
left: auto;
margin: 0 auto;
right: auto;
}
.row .row {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.column, .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.medium-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.medium-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.medium-3 {
flex: 0 0 25%;
max-width: 25%;
}
.medium-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.medium-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.medium-6 {
flex: 0 0 50%;
max-width: 50%;
}
.medium-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.medium-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.medium-9 {
flex: 0 0 75%;
max-width: 75%;
}
.medium-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.medium-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.medium-12 {
flex: 0 0 100%;
max-width: 100%;
}
.medium-up-1 {
flex-wrap: wrap;
}
.medium-up-1 > .column, .medium-up-1 > .columns {
flex: 0 0 100%;
max-width: 100%;
}
.medium-up-2 {
flex-wrap: wrap;
}
.medium-up-2 > .column, .medium-up-2 > .columns {
flex: 0 0 50%;
max-width: 50%;
}
.medium-up-3 {
flex-wrap: wrap;
}
.medium-up-3 > .column, .medium-up-3 > .columns {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.medium-up-4 {
flex-wrap: wrap;
}
.medium-up-4 > .column, .medium-up-4 > .columns {
flex: 0 0 25%;
max-width: 25%;
}
.medium-up-5 {
flex-wrap: wrap;
}
.medium-up-5 > .column, .medium-up-5 > .columns {
flex: 0 0 20%;
max-width: 20%;
}
.medium-up-6 {
flex-wrap: wrap;
}
.medium-up-6 > .column, .medium-up-6 > .columns {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.medium-up-7 {
flex-wrap: wrap;
}
.medium-up-7 > .column, .medium-up-7 > .columns {
flex: 0 0 14.28571%;
max-width: 14.28571%;
}
.medium-up-8 {
flex-wrap: wrap;
}
.medium-up-8 > .column, .medium-up-8 > .columns {
flex: 0 0 12.5%;
max-width: 12.5%;
}
.row.medium-unstack > .column, .row.medium-unstack > .columns {
flex: 1 1 0px;
}
.medium-collapse > .column, .medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.column-block {
margin-bottom: 1.875rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
.medium-order-1 {
order: 1;
}
.medium-order-2 {
order: 2;
}
.medium-order-3 {
order: 3;
}
.medium-order-4 {
order: 4;
}
.medium-order-5 {
order: 5;
}
.medium-order-6 {
order: 6;
}
.medium-flex-container {
display: flex;
}
.medium-flex-child-auto {
flex: 1 1 auto;
}
.medium-flex-child-grow {
flex: 1 0 auto;
}
.medium-flex-child-shrink {
flex: 0 1 auto;
}
.medium-flex-dir-row {
flex-direction: row;
}
.medium-flex-dir-row-reverse {
flex-direction: row-reverse;
}
.medium-flex-dir-column {
flex-direction: column;
}
.medium-flex-dir-column-reverse {
flex-direction: column-reverse;
}
.h1, h1 {
font-size: 2.625rem;
}
.h2, h2 {
font-size: 1.875rem;
}
.h3, h3 {
font-size: 1.5rem;
}
.h4, h4 {
font-size: 1.125rem;
}
.h5, h5 {
font-size: 1rem;
}
.h6, h6 {
font-size: 0.875rem;
}
.h7, h7 {
font-size: 0.75rem;
}
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
.menu.medium-horizontal {
flex-direction: row;
flex-wrap: wrap;
}
.menu.medium-vertical {
flex-direction: column;
flex-wrap: nowrap;
}
.menu.medium-expanded li, .menu.medium-simple li {
flex: 1 1 0px;
}
.hide-for-medium {
display: none !important;
}
.reveal {
max-width: 75rem;
min-height: 0;
width: 600px;
}
.reveal.tiny {
max-width: 75rem;
width: 30%;
}
.reveal.small {
max-width: 75rem;
width: 50%;
}
.reveal.large {
max-width: 75rem;
width: 90%;
}
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%;
}
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
left: 0;
right: auto;
top: 100%;
}
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 100%;
top: 0;
}
.dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
left: 100%;
right: auto;
}
.grid-container, .grid-container.fluid {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.grid-x > .medium-1, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-full, .grid-x > .medium-shrink {
flex-basis: auto;
}
.grid-x > .medium-auto {
flex: 1 1 0px;
width: auto;
}
.grid-x > .medium-shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x > .medium-1 {
width: 8.33333%;
}
.grid-x > .medium-2 {
width: 16.66667%;
}
.grid-x > .medium-3 {
width: 25%;
}
.grid-x > .medium-4 {
width: 33.33333%;
}
.grid-x > .medium-5 {
width: 41.66667%;
}
.grid-x > .medium-6 {
width: 50%;
}
.grid-x > .medium-7 {
width: 58.33333%;
}
.grid-x > .medium-8 {
width: 66.66667%;
}
.grid-x > .medium-9 {
width: 75%;
}
.grid-x > .medium-10 {
width: 83.33333%;
}
.grid-x > .medium-11 {
width: 91.66667%;
}
.grid-x > .medium-12 {
width: 100%;
}
.grid-margin-x {
margin-left: - 0.9375rem;
margin-right: - 0.9375rem;
}
.grid-margin-x > .cell {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
width: calc(100% - 1.875rem);
}
.grid-margin-x > .auto, .grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .small-2 {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .small-4 {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x > .small-5 {
width: calc(41.66667% - 1.875rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .small-7 {
width: calc(58.33333% - 1.875rem);
}
.grid-margin-x > .small-8 {
width: calc(66.66667% - 1.875rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .small-10 {
width: calc(83.33333% - 1.875rem);
}
.grid-margin-x > .small-11 {
width: calc(91.66667% - 1.875rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.875rem);
}
.grid-margin-x > .medium-auto, .grid-margin-x > .medium-shrink {
width: auto;
}
.grid-margin-x > .medium-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .medium-2 {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x > .medium-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .medium-4 {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x > .medium-5 {
width: calc(41.66667% - 1.875rem);
}
.grid-margin-x > .medium-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .medium-7 {
width: calc(58.33333% - 1.875rem);
}
.grid-margin-x > .medium-8 {
width: calc(66.66667% - 1.875rem);
}
.grid-margin-x > .medium-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .medium-10 {
width: calc(83.33333% - 1.875rem);
}
.grid-margin-x > .medium-11 {
width: calc(91.66667% - 1.875rem);
}
.grid-margin-x > .medium-12 {
width: calc(100% - 1.875rem);
}
.grid-container:not(.full) > .grid-padding-x, .grid-padding-x .grid-padding-x {
margin-left: - 0.9375rem;
margin-right: - 0.9375rem;
}
.grid-padding-x > .cell {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.medium-up-1 > .cell {
width: 100%;
}
.medium-up-2 > .cell {
width: 50%;
}
.medium-up-3 > .cell {
width: 33.33333%;
}
.medium-up-4 > .cell {
width: 25%;
}
.medium-up-5 > .cell {
width: 20%;
}
.medium-up-6 > .cell {
width: 16.66667%;
}
.medium-up-7 > .cell {
width: 14.28571%;
}
.medium-up-8 > .cell {
width: 12.5%;
}
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.25rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.25rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.33333% - 1.25rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.25rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.25rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.66667% - 1.25rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.28571% - 1.25rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.25rem);
}
.grid-margin-x.medium-up-1 > .cell {
width: calc(100% - 1.875rem);
}
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 1.875rem);
}
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 1.875rem);
}
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 1.875rem);
}
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.28571% - 1.875rem);
}
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 1.875rem);
}
.small-margin-collapse > .medium-1 {
width: 8.33333%;
}
.small-margin-collapse > .medium-2 {
width: 16.66667%;
}
.small-margin-collapse > .medium-3 {
width: 25%;
}
.small-margin-collapse > .medium-4 {
width: 33.33333%;
}
.small-margin-collapse > .medium-5 {
width: 41.66667%;
}
.small-margin-collapse > .medium-6 {
width: 50%;
}
.small-margin-collapse > .medium-7 {
width: 58.33333%;
}
.small-margin-collapse > .medium-8 {
width: 66.66667%;
}
.small-margin-collapse > .medium-9 {
width: 75%;
}
.small-margin-collapse > .medium-10 {
width: 83.33333%;
}
.small-margin-collapse > .medium-11 {
width: 91.66667%;
}
.small-margin-collapse > .medium-12 {
width: 100%;
}
.medium-margin-collapse, .medium-margin-collapse > .cell {
margin-left: 0;
margin-right: 0;
}
.medium-margin-collapse > .small-1 {
width: 8.33333%;
}
.medium-margin-collapse > .small-2 {
width: 16.66667%;
}
.medium-margin-collapse > .small-3 {
width: 25%;
}
.medium-margin-collapse > .small-4 {
width: 33.33333%;
}
.medium-margin-collapse > .small-5 {
width: 41.66667%;
}
.medium-margin-collapse > .small-6 {
width: 50%;
}
.medium-margin-collapse > .small-7 {
width: 58.33333%;
}
.medium-margin-collapse > .small-8 {
width: 66.66667%;
}
.medium-margin-collapse > .small-9 {
width: 75%;
}
.medium-margin-collapse > .small-10 {
width: 83.33333%;
}
.medium-margin-collapse > .small-11 {
width: 91.66667%;
}
.medium-margin-collapse > .small-12 {
width: 100%;
}
.medium-margin-collapse > .medium-1 {
width: 8.33333%;
}
.medium-margin-collapse > .medium-2 {
width: 16.66667%;
}
.medium-margin-collapse > .medium-3 {
width: 25%;
}
.medium-margin-collapse > .medium-4 {
width: 33.33333%;
}
.medium-margin-collapse > .medium-5 {
width: 41.66667%;
}
.medium-margin-collapse > .medium-6 {
width: 50%;
}
.medium-margin-collapse > .medium-7 {
width: 58.33333%;
}
.medium-margin-collapse > .medium-8 {
width: 66.66667%;
}
.medium-margin-collapse > .medium-9 {
width: 75%;
}
.medium-margin-collapse > .medium-10 {
width: 83.33333%;
}
.medium-margin-collapse > .medium-11 {
width: 91.66667%;
}
.medium-margin-collapse > .medium-12 {
width: 100%;
}
.medium-padding-collapse {
margin-left: 0;
margin-right: 0;
}
.medium-padding-collapse > .cell {
padding-left: 0;
padding-right: 0;
}
.medium-offset-0 {
margin-left: 0;
}
.grid-margin-x > .medium-offset-0 {
margin-left: 0.9375rem;
}
.medium-offset-1 {
margin-left: 8.33333%;
}
.grid-margin-x > .medium-offset-1 {
margin-left: calc(8.33333% + .9375rem);
}
.medium-offset-2 {
margin-left: 16.66667%;
}
.grid-margin-x > .medium-offset-2 {
margin-left: calc(16.66667% + .9375rem);
}
.medium-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .medium-offset-3 {
margin-left: calc(25% + .9375rem);
}
.medium-offset-4 {
margin-left: 33.33333%;
}
.grid-margin-x > .medium-offset-4 {
margin-left: calc(33.33333% + .9375rem);
}
.medium-offset-5 {
margin-left: 41.66667%;
}
.grid-margin-x > .medium-offset-5 {
margin-left: calc(41.66667% + .9375rem);
}
.medium-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .medium-offset-6 {
margin-left: calc(50% + .9375rem);
}
.medium-offset-7 {
margin-left: 58.33333%;
}
.grid-margin-x > .medium-offset-7 {
margin-left: calc(58.33333% + .9375rem);
}
.medium-offset-8 {
margin-left: 66.66667%;
}
.grid-margin-x > .medium-offset-8 {
margin-left: calc(66.66667% + .9375rem);
}
.medium-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .medium-offset-9 {
margin-left: calc(75% + .9375rem);
}
.medium-offset-10 {
margin-left: 83.33333%;
}
.grid-margin-x > .medium-offset-10 {
margin-left: calc(83.33333% + .9375rem);
}
.medium-offset-11 {
margin-left: 91.66667%;
}
.grid-margin-x > .medium-offset-11 {
margin-left: calc(91.66667% + .9375rem);
}
.grid-y > .medium-1, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-full, .grid-y > .medium-shrink {
flex-basis: auto;
}
.grid-y > .medium-auto {
flex: 1 1 0px;
height: auto;
}
.grid-y > .medium-shrink {
height: auto;
}
.grid-y > .medium-1 {
height: 8.33333%;
}
.grid-y > .medium-2 {
height: 16.66667%;
}
.grid-y > .medium-3 {
height: 25%;
}
.grid-y > .medium-4 {
height: 33.33333%;
}
.grid-y > .medium-5 {
height: 41.66667%;
}
.grid-y > .medium-6 {
height: 50%;
}
.grid-y > .medium-7 {
height: 58.33333%;
}
.grid-y > .medium-8 {
height: 66.66667%;
}
.grid-y > .medium-9 {
height: 75%;
}
.grid-y > .medium-10 {
height: 83.33333%;
}
.grid-y > .medium-11 {
height: 91.66667%;
}
.grid-y > .medium-12 {
height: 100%;
}
.grid-padding-y .grid-padding-y {
margin-bottom: - 0.9375rem;
margin-top: - 0.9375rem;
}
.grid-padding-y > .cell {
padding-bottom: 0.9375rem;
padding-top: 0.9375rem;
}
.medium-grid-frame {
align-items: stretch;
flex-wrap: nowrap;
overflow: hidden;
position: relative;
width: 100vw;
}
.cell .medium-grid-frame {
width: 100%;
}
.medium-cell-block {
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
max-width: 100%;
overflow-x: auto;
}
.medium-cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%;
}
.medium-cell-block-container > .grid-x {
flex-wrap: nowrap;
max-height: 100%;
}
.medium-cell-block-y {
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
max-height: 100%;
overflow-y: auto;
}
.grid-y.medium-grid-frame {
align-items: stretch;
flex-wrap: nowrap;
height: 100vh;
overflow: hidden;
position: relative;
width: auto;
}
.cell .grid-y.medium-grid-frame {
height: 100%;
}
.grid-margin-y {
margin-bottom: - 0.9375rem;
margin-top: - 0.9375rem;
}
.grid-margin-y > .cell {
height: calc(100% - 1.875rem);
margin-bottom: 0.9375rem;
margin-top: 0.9375rem;
}
.grid-margin-y > .auto, .grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .small-2 {
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .small-4 {
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .small-5 {
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .small-7 {
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .small-8 {
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .small-10 {
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .small-11 {
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.875rem);
}
.grid-margin-y > .medium-auto, .grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.875rem);
}
.grid-frame.grid-margin-y, .grid-margin-y.medium-grid-frame {
height: calc(100vh + 1.875rem);
}
.margin-bottom {
margin-bottom: 30px !important;
}
.hero {
padding-left: 0;
padding-right: 0;
}
.hero--generic {
padding-bottom: 50px;
padding-top: 50px;
}
.hero--generic h1 {
font-size: 2.625rem;
line-height: 3rem;
width: 60%;
}
.hero--generic h1 .heading--geo-small-text {
font-size: 1rem;
}
.hero--generic h1.heading--is-not-constrained {
width: 100%;
}
.hero--generic h2.subtitle {
font-size: 1.125rem;
}
.hero--generic h5 {
font-size: 1rem;
width: 100%;
}
.hero--generic.no-padding-bottom {
padding-bottom: 0;
}
.hero--generic p.subtitle-header {
font-size: 1.125rem;
}
.hero--generic-blog {
padding-bottom: 30px;
padding-top: 30px;
}
.hero--generic-blog h1 {
font-size: 2.625rem;
line-height: 3rem;
width: 60%;
}
.hero--generic-blog h1.heading--is-not-constrained {
width: 100%;
}
.hero--generic-blog h5 {
font-size: 1rem;
width: 100%;
}
.hero--generic-blog.no-padding-bottom {
padding-bottom: 0;
}
.header__promo {
align-items: center;
color: #fefefe;
display: flex;
font-size: 1.25rem;
justify-content: space-between;
min-height: 50px;
text-align: center;
}
.site__footer {
padding-bottom: 3.125rem;
padding-top: 3.125rem;
}
.footer__column:nth-child(2), .footer__column:nth-child(3) {
border-right-width: 1px;
margin-bottom: 0;
}
.footer__iframe {
height: 95px;
}
.footer__sitemap {
text-align: left;
}
.footer__social {
flex-wrap: wrap;
justify-content: flex-start;
}
.footer__social-item {
float: left;
position: relative;
text-align: left;
width: 50%;
}
.footer__social-item__link {
position: absolute;
}
.footer__social-item__label {
color: #5b5b5b;
display: block;
padding: 0.1875rem 0 0.625rem 2.5rem;
}
.footer__brands {
justify-content: flex-start;
}
.ctv-logo {
max-width: 150px;
}
.slider-content .slick-dots {
display: none;
}
.slider-content--toggle {
padding-bottom: 70px;
padding-top: 25px;
}
.slider-content__slide p {
padding: 0 0.9375rem;
}
.slider-content__slide--toggle p {
padding: 0;
}
.slider-content__slide-top {
height: auto;
padding-bottom: 0;
}
.slider-content__slide-bottom {
padding-bottom: 0;
}
.slider-content__list ul {
max-width: 28.125rem;
padding-left: 4.0625rem;
}
.slider-content__list--aligned-left ul.fill-in li {
float: left;
width: 48%;
}
.zip-form--fixed-width {
width: 80%;
}
.zip-form--blue-inline {
float: right;
margin: 0;
}
.zip-form--blue-inline .zip-form__fields {
margin: 0;
}
.zip-form--blue-inline:after {
clear: both;
content: "";
display: table;
}
.zip-form__input input {
width: 100%;
}
.cta-text__text {
font-size: 2.1875rem;
line-height: 2.1875rem;
}
.cta-text__link {
display: inline-block;
font-size: 1.75rem;
line-height: 1.75rem;
}
.main-wrap .page .cta-sticky {
padding-bottom: 15px;
padding-top: 15px;
text-align: left;
}
.main-wrap .page .cta-sticky--column-padding-restrict {
padding-left: 10px;
padding-right: 10px;
}
.main-wrap .page .cta-sticky--stuck {
padding-left: 15px;
padding-right: 15px;
}
.main-wrap .page .cta-sticky__heading {
font-size: 1.875rem;
line-height: 2.25rem;
}
.package-card__wrapper {
max-width: 275px;
}
.provider-cards .tabs-title a {
font-size: 1rem;
line-height: 1em;
padding: 0.9375rem 1rem;
}
.provider-cards__filters {
padding-right: 0;
}
.provider-cards__filters li {
font-size: 1rem;
line-height: 16px;
margin-left: 0.5rem;
padding: 0.9375rem 1rem;
}
.provider-cards__select-area .provider-cards__select {
color: #5b5b5b;
font-size: 1rem;
height: 50px;
width: 250px;
}
.provider-cards__card-bottom {
padding-top: 15px;
}
.provider-cards__card-bottom .columns:nth-child(2) {
border-top: 0;
}
.provider-cards__card-bottom .columns:nth-child(3) {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.provider-cards__card-bottom .columns:nth-child(4) {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.provider-cards__card-flex-area {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.provider-cards__card-flex-area .provider-cards__card-features-table-cell {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.provider-cards__card-flex-area .provider-cards__card-button-area {
border-left: 1px solid #e6e6e6;
display: table;
height: 100%;
width: auto;
}
.provider-cards__card-flex-area .provider-cards__card-button-area > div {
display: table-cell;
vertical-align: middle;
}
.provider-cards__card-flex-area .provider-cards__display-table {
border-left: 1px solid #e6e6e6;
display: table;
height: 100%;
}
.provider-cards__card-flex-area .provider-cards__card-pricing {
border-top: 0;
display: table-cell;
height: 100%;
text-align: center;
vertical-align: middle;
}
.provider-cards-small__card-bottom {
padding-top: 15px;
}
.best-tv-providers-cards__card {
justify-content: space-evenly;
padding-top: 25px;
}
.best-tv-providers-cards__card .card__num-logo-area {
margin-bottom: 0;
}
.best-tv-providers-cards__card .card__num {
left: 0;
margin-bottom: 0;
position: relative;
text-align: center;
}
.best-tv-providers-cards__card .card__best-feature {
margin-bottom: 0;
width: 200px;
}
.best-tv-providers-cards__card .card__stars {
margin-top: 15px;
width: auto;
}
.best-tv-providers-cards__card .card__button {
margin-top: 0;
width: auto;
}
.best-tv-providers-summary .summary__logo {
display: block;
}
.best-tv-providers-summary hr {
margin: 1.875rem auto;
}
.city-list-toggle .city-list-toggle__blocks .blocks__block--center {
display: table-cell;
vertical-align: middle;
}
h1 {
font-size: 2.625rem;
line-height: 3rem;
}
h2 {
font-size: 1.875rem;
line-height: 2.25rem;
}
h3 {
font-size: 1.5rem;
line-height: 1.875rem;
}
h4 {
font-size: 1.125rem;
}
h5 {
font-size: 1rem;
}
h6 {
font-size: 0.875rem;
}
h7 {
font-size: 0.75rem;
}
.heading--channel-lineup {
font-size: 1.875rem;
line-height: 2.1875rem;
}
.section--padding-top {
padding-top: 60px;
}
.section--padding-bottom {
padding-bottom: 60px;
}
.image--is-provider-logo {
max-width: 200px;
}
.image--featured-banner {
margin-bottom: 0;
position: relative;
top: -20px;
}
.image--featured-banner img {
margin-bottom: 0;
width: 50% !important;
}
.price__main {
font-size: 3.125rem;
line-height: 3.125rem;
}
.price__main__duration {
margin-top: 9px;
}
.list__features {
display: block;
}
.list__features li {
font-size: 1.25rem;
line-height: 1.6875rem;
}
.list--fill-in li {
float: left;
width: 48%;
}
.hr, hr {
margin: 3.75rem auto;
}
.button--is-auto-width {
width: auto;
}
.margin-bottom {
margin-bottom: 30px;
}
ul.channel-lineup__lineup li {
width: 33.333%;
}
.container--circle-top {
width: 100%;
}
.container--is-icon-tile {
display: flex;
}
.container--is-icon-circle {
height: 120px;
max-width: 120px;
min-height: 120px;
min-width: 120px;
}
.container--is-icon-circle svg {
height: 60px;
width: 60px;
}
.container--has-outline-generic-color1, .container--has-outline-xfinity-color1 {
padding-left: 60px;
padding-right: 60px;
}
.container__flex-stack {
flex-direction: column;
}
.container__flex-stack--icon {
margin: 0;
}
.container__flex-stack--text {
text-align: center;
width: 200px;
}
.container--is-black-friday-ad .ad-bg1 {
min-width: 150px;
padding: 20px 45px;
}
.hero--home {
background-image: url(../images/home-hero-1440.jpeg);
}
.tabs__container .tabs li {
display: inline-block;
margin-right: 10px;
position: relative;
}
.tabs__container .tabs li.is-active {
border-bottom: 2px solid #fefefe;
}
.tabs__panels--higher .tabs__panels-border-top {
background-color: #cdcdcd;
display: block;
height: 3px;
position: relative;
top: 0;
width: 100%;
z-index: 0;
}
.table--channel-lineup tr th a, .table--default tr td, .table--default tr th {
font-size: 0.875rem;
line-height: 1rem;
}
.margin--top-15-small-only, .margin--top-30-small-only, .margin--top-5-small-only, .margin--top-60-small-only {
margin-top: 0;
}
.margin--bottom-15-small-only {
margin-bottom: 0;
}
.store-locations__map {
border: 1px #c5c5c5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: block;
height: 398px;
width: auto;
}
.store-locations__select-area {
align-items: center;
background-color: rgba(10, 10, 10, .8);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
display: flex;
height: 4.375rem;
justify-content: space-between;
margin-bottom: 12px;
padding: 1rem;
}
.store-locations__select-area .select-area__text {
color: #f3f3f3;
display: inline-block;
}
.store-locations__select-area .select-area__input select {
min-width: 12.5rem;
}
.store-locations__loading .loading-gif {
margin-top: 150px;
}
.disclosure-text {
font-size: 0.8125rem;
}
.toggle-option__section {
margin-left: 35px;
}
.logo-row__item {
flex: 1 0 16.66%;
padding: 15px;
width: auto;
}
.logo-row__item a {
padding: 15px;
}
.logo-row--only-5 .logo-row__item {
max-width: auto;
}
.article-callout {
margin-top: 15px;
}
.article-callout__image {
margin-bottom: 30px;
}
.article-callout__image img {
height: 220px;
}
.reveal.exit-intent-popup {
width: 41.125rem;
}
.reveal.exit-intent-popup .dialog__bottom, .reveal.exit-intent-popup .dialog__top {
margin: 0 auto;
width: 30.375rem;
}
.reveal.exit-intent-popup h3 {
font-size: 1.25rem;
}
.ppc-zip-form-dialog__content {
max-width: 75rem;
width: 600px;
}
.ppc-zip-form-dialog__top h4 {
font-size: 1rem;
}
.cities-list {
grid-template-columns: repeat(4, 1fr);
}
.cta-new {
padding-bottom: 22px;
padding-top: 22px;
text-align: left;
}
.cta-new .cta-new__timer {
align-content: flex-end;
align-items: center;
flex-direction: column;
flex-wrap: wrap;
font-weight: 700;
height: 34px;
justify-content: flex-end;
line-height: 1rem;
margin-bottom: -9px;
}
.cta-new .cta-new__timer--spectrum, .cta-new .cta-new__timer--xfinity {
align-content: flex-start;
}
.cta-new .cta-new__timer .timer__left {
flex: 1 1 12px;
font-weight: 700;
margin-right: 0;
}
.cta-new .cta-new__timer .timer__nums {
flex: 2 1 12px;
font-size: 24px;
line-height: 24px;
margin-left: 15px;
margin-right: 0;
order: 3;
}
.cta-new .cta-new__timer .timer__lang {
align-self: flex-end;
flex: 1 1 18px;
order: 2;
}
.callout-area p {
margin-bottom: 0;
}
.site__footer--generic {
padding-bottom: 1.875rem;
padding-top: 3.75rem;
}
.footer__column--generic, .footer__logo--generic {
margin-bottom: 15px;
}
.footer__colheader--generic {
font-size: 1rem;
font-weight: 700;
margin-bottom: 15px;
text-align: left;
}
.footer__sep--generic {
margin: 15px 0 10px;
}
.footer__copyright--generic {
margin-bottom: 0;
}
.reveal-dialog .dialog__top h4, .reveal-dialog .dialog__top p {
font-size: 1rem;
}
.footer__email-form {
padding-left: 20px;
}
.footer__email-form__disclaimer {
text-align: right;
}
.footer__email-form__inline-form {
color: #ff2128;
font-weight: 700;
text-align: right;
}
.footer__email-form ._form-content {
justify-content: flex-end;
}
.header-logo--buckeye-broadband {
height: 2.125rem;
width: 10.8125rem;
}
.main-wrap.page .search-result, .main-wrap.post .search-result, .main-wrap.search .search-result {
flex-direction: row;
margin-bottom: 60px;
}
.main-wrap.page .hero-components.best-of-hero-card-container .full-width-hero .column, .main-wrap.page .hero-components.best-of-hero-card-container .full-width-hero .columns, .main-wrap.post .hero-components.best-of-hero-card-container .full-width-hero .column, .main-wrap.post .hero-components.best-of-hero-card-container .full-width-hero .columns, .main-wrap.search .hero-components.best-of-hero-card-container .full-width-hero .column, .main-wrap.search .hero-components.best-of-hero-card-container .full-width-hero .columns {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
}
.margin-modifier {
margin-left: auto !important;
margin-right: auto !important;
}
.gen-padding {
padding-bottom: 60px;
padding-top: 60px;
}
.large-padding {
padding-bottom: 30px;
padding-top: 30px;
}
.large-padding-full {
padding: 30px;
}
.medium-padding {
padding-bottom: 15px;
padding-top: 15px;
}
.medium-padding-full {
padding: 15px;
}
.small-padding {
padding-bottom: 10px;
padding-top: 10px;
}
.small-padding-full {
padding: 10px;
}
.nav-links {
text-align: right;
}
.single-review-hero-card-container > .row:first-child {
margin-top: 45px;
}
.vc_cta3-container {
margin-left: 5px !important;
margin-right: 5px !important;
}
.vc_cta3-container .vc_general.vc_cta3 {
padding: 30px;
}
.zip-finder--blue, .zip-finder--gray {
padding: 1.875rem;
}
.zip-finder__input input {
margin-right: 0.9375rem;
width: 220px;
}
.zip-checker__wrapper {
margin-bottom: 30px;
padding: 30px;
}
.zip-checker__input input {
margin-right: 0.9375rem;
width: 220px;
}
.zip-checker__button button {
padding: 0.5rem 1.25rem;
}
.vc-table-scrolling__label__content {
font-size: 1rem;
line-height: 1.125rem;
}
.vc-table-scrolling__labels tr td:first-child, .vc-table-scrolling__table tr td:first-child {
box-shadow: none;
}
.vc-table-scrolling__cell {
font-size: 16px;
line-height: 18px;
}
.hero-components .vc-table-scrolling__label__content {
font-size: 0.75rem;
line-height: 0.875rem;
}
.hero-components .vc-table-scrolling__cell {
font-size: 12px;
line-height: 14px;
}
.product-card {
padding: 30px;
}
.product-card .contents {
align-items: center;
display: flex;
justify-content: space-between;
}
.product-card .contents .column-1 {
width: 30%;
}
.product-card .contents .column-2 {
width: 40%;
}
.product-card .contents .column-3 {
width: 30%;
}
.product-card .contents .logo-rating-container {
float: left;
max-width: 210px;
text-align: center;
}
.product-card .contents .cta-container {
float: right;
text-align: center;
}
.product-card .contents .pros-cons-container .pros-cons-item:last-child {
margin-bottom: 10px;
}
.single-review-hero-card .contents {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 15px 30px;
}
.single-review-hero-card .contents .column-1 {
flex-basis: 33%;
}
.single-review-hero-card .contents .column-2 {
border-top: 0;
flex-basis: 33%;
padding-left: 15px;
}
.single-review-hero-card .contents .column-3 {
flex-basis: 33%;
}
.single-review-hero-card .contents .logo-container {
float: left;
max-width: 210px;
text-align: center;
}
.single-review-hero-card .contents .cta-container {
float: right;
max-width: 175px;
text-align: center;
}
.best-of-hero-card__contents .pros-cons-container .pros-cons-item:last-child, .single-review-hero-card .contents .pros-cons-container .pros-cons-item:last-child {
margin-bottom: 10px;
}
.best-of-hero-card.num-cards-2 {
width: 50%;
}
.best-of-hero-card.num-cards-3 {
width: 33%;
}
.best-of-hero-card.num-cards-4 {
width: 25%;
}
.best-of-hero-card.num-cards-5 {
width: 50%;
}
.best-of-hero-card img.image--is-provider-logo {
height: 65px;
max-width: 175px;
}
.vc-email-form__wrapper {
padding: 30px;
}
.vc-email-form__wrapper .callout-area p {
font-size: 1rem;
}
.vc-email-form__inline-form {
color: #ff2128;
font-weight: 700;
text-align: right;
}
.vc-email-subscribe__wrapper {
padding: 30px;
}
.vc-email-subscribe__wrapper .callout-area {
flex-direction: row;
}
.vc-email-subscribe__wrapper .callout-area .callout-icon {
margin: 0;
}
.vc-email-subscribe__wrapper .callout-area .callout-text {
margin-left: 35px;
}
.vc-email-subscribe__disclaimer {
text-align: center;
}
.vc-email-subscribe__inline-form {
color: #ff2128;
font-weight: 700;
text-align: left;
}
.vc-email-subscribe ._form-content {
justify-content: center;
}
.vc-email-subscribe input.field-email {
margin-bottom: 0;
margin-right: 15px;
}
.post-block {
margin-bottom: 15px;
}
.pull_quote {
margin-left: 0;
margin-top: 30px;
padding: 35px;
}
select.city-select, select.state-select {
max-width: 309px;
}
}
@media screen and (min-width: 49.375em) {
.row .row {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.topbar-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.topbar-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.topbar-3 {
flex: 0 0 25%;
max-width: 25%;
}
.topbar-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.topbar-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.topbar-6 {
flex: 0 0 50%;
max-width: 50%;
}
.topbar-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.topbar-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.topbar-9 {
flex: 0 0 75%;
max-width: 75%;
}
.topbar-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.topbar-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.topbar-12 {
flex: 0 0 100%;
max-width: 100%;
}
.topbar-up-1 {
flex-wrap: wrap;
}
.topbar-up-1 > .column, .topbar-up-1 > .columns {
flex: 0 0 100%;
max-width: 100%;
}
.topbar-up-2 {
flex-wrap: wrap;
}
.topbar-up-2 > .column, .topbar-up-2 > .columns {
flex: 0 0 50%;
max-width: 50%;
}
.topbar-up-3 {
flex-wrap: wrap;
}
.topbar-up-3 > .column, .topbar-up-3 > .columns {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.topbar-up-4 {
flex-wrap: wrap;
}
.topbar-up-4 > .column, .topbar-up-4 > .columns {
flex: 0 0 25%;
max-width: 25%;
}
.topbar-up-5 {
flex-wrap: wrap;
}
.topbar-up-5 > .column, .topbar-up-5 > .columns {
flex: 0 0 20%;
max-width: 20%;
}
.topbar-up-6 {
flex-wrap: wrap;
}
.topbar-up-6 > .column, .topbar-up-6 > .columns {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.topbar-up-7 {
flex-wrap: wrap;
}
.topbar-up-7 > .column, .topbar-up-7 > .columns {
flex: 0 0 14.28571%;
max-width: 14.28571%;
}
.topbar-up-8 {
flex-wrap: wrap;
}
.topbar-up-8 > .column, .topbar-up-8 > .columns {
flex: 0 0 12.5%;
max-width: 12.5%;
}
.row.topbar-unstack > .column, .row.topbar-unstack > .columns {
flex: 1 1 0px;
}
.topbar-collapse > .column, .topbar-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.topbar-uncollapse > .column, .topbar-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.topbar-order-1 {
order: 1;
}
.topbar-order-2 {
order: 2;
}
.topbar-order-3 {
order: 3;
}
.topbar-order-4 {
order: 4;
}
.topbar-order-5 {
order: 5;
}
.topbar-order-6 {
order: 6;
}
.topbar-flex-container {
display: flex;
}
.topbar-flex-child-auto {
flex: 1 1 auto;
}
.topbar-flex-child-grow {
flex: 1 0 auto;
}
.topbar-flex-child-shrink {
flex: 0 1 auto;
}
.topbar-flex-dir-row {
flex-direction: row;
}
.topbar-flex-dir-row-reverse {
flex-direction: row-reverse;
}
.topbar-flex-dir-column {
flex-direction: column;
}
.topbar-flex-dir-column-reverse {
flex-direction: column-reverse;
}
.topbar-text-left {
text-align: left;
}
.topbar-text-right {
text-align: right;
}
.topbar-text-center {
text-align: center;
}
.topbar-text-justify {
text-align: justify;
}
.menu.topbar-horizontal {
flex-direction: row;
flex-wrap: wrap;
}
.menu.topbar-vertical {
flex-direction: column;
flex-wrap: nowrap;
}
.menu.topbar-expanded li, .menu.topbar-simple li {
flex: 1 1 0px;
}
.top-bar {
flex-wrap: nowrap;
}
.top-bar .top-bar-left {
flex: 1 1 auto;
margin-right: auto;
}
.top-bar .top-bar-right {
flex: 0 1 auto;
margin-left: auto;
}
.hide-for-topbar {
display: none !important;
}
.dropdown.menu.topbar-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%;
}
.dropdown.menu.topbar-horizontal > li.opens-right > .is-dropdown-submenu {
left: 0;
right: auto;
top: 100%;
}
.dropdown.menu.topbar-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.topbar-vertical > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 100%;
top: 0;
}
.dropdown.menu.topbar-vertical > li.opens-right > .is-dropdown-submenu {
left: 100%;
right: auto;
}
.grid-x > .topbar-1, .grid-x > .topbar-10, .grid-x > .topbar-11, .grid-x > .topbar-12, .grid-x > .topbar-2, .grid-x > .topbar-3, .grid-x > .topbar-4, .grid-x > .topbar-5, .grid-x > .topbar-6, .grid-x > .topbar-7, .grid-x > .topbar-8, .grid-x > .topbar-9, .grid-x > .topbar-full, .grid-x > .topbar-shrink {
flex-basis: auto;
}
.grid-x > .topbar-auto {
flex: 1 1 0px;
width: auto;
}
.grid-x > .topbar-shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x > .topbar-1 {
width: 8.33333%;
}
.grid-x > .topbar-2 {
width: 16.66667%;
}
.grid-x > .topbar-3 {
width: 25%;
}
.grid-x > .topbar-4 {
width: 33.33333%;
}
.grid-x > .topbar-5 {
width: 41.66667%;
}
.grid-x > .topbar-6 {
width: 50%;
}
.grid-x > .topbar-7 {
width: 58.33333%;
}
.grid-x > .topbar-8 {
width: 66.66667%;
}
.grid-x > .topbar-9 {
width: 75%;
}
.grid-x > .topbar-10 {
width: 83.33333%;
}
.grid-x > .topbar-11 {
width: 91.66667%;
}
.grid-x > .topbar-12 {
width: 100%;
}
.grid-margin-x > .topbar-auto, .grid-margin-x > .topbar-shrink {
width: auto;
}
.grid-margin-x > .topbar-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .topbar-2 {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x > .topbar-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .topbar-4 {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x > .topbar-5 {
width: calc(41.66667% - 1.875rem);
}
.grid-margin-x > .topbar-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .topbar-7 {
width: calc(58.33333% - 1.875rem);
}
.grid-margin-x > .topbar-8 {
width: calc(66.66667% - 1.875rem);
}
.grid-margin-x > .topbar-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .topbar-10 {
width: calc(83.33333% - 1.875rem);
}
.grid-margin-x > .topbar-11 {
width: calc(91.66667% - 1.875rem);
}
.grid-margin-x > .topbar-12 {
width: calc(100% - 1.875rem);
}
.topbar-up-1 > .cell {
width: 100%;
}
.topbar-up-2 > .cell {
width: 50%;
}
.topbar-up-3 > .cell {
width: 33.33333%;
}
.topbar-up-4 > .cell {
width: 25%;
}
.topbar-up-5 > .cell {
width: 20%;
}
.topbar-up-6 > .cell {
width: 16.66667%;
}
.topbar-up-7 > .cell {
width: 14.28571%;
}
.topbar-up-8 > .cell {
width: 12.5%;
}
.grid-margin-x.topbar-up-1 > .cell {
width: calc(100% - 1.875rem);
}
.grid-margin-x.topbar-up-2 > .cell {
width: calc(50% - 1.875rem);
}
.grid-margin-x.topbar-up-3 > .cell {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x.topbar-up-4 > .cell {
width: calc(25% - 1.875rem);
}
.grid-margin-x.topbar-up-5 > .cell {
width: calc(20% - 1.875rem);
}
.grid-margin-x.topbar-up-6 > .cell {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x.topbar-up-7 > .cell {
width: calc(14.28571% - 1.875rem);
}
.grid-margin-x.topbar-up-8 > .cell {
width: calc(12.5% - 1.875rem);
}
.small-margin-collapse > .topbar-1 {
width: 8.33333%;
}
.small-margin-collapse > .topbar-2 {
width: 16.66667%;
}
.small-margin-collapse > .topbar-3 {
width: 25%;
}
.small-margin-collapse > .topbar-4 {
width: 33.33333%;
}
.small-margin-collapse > .topbar-5 {
width: 41.66667%;
}
.small-margin-collapse > .topbar-6 {
width: 50%;
}
.small-margin-collapse > .topbar-7 {
width: 58.33333%;
}
.small-margin-collapse > .topbar-8 {
width: 66.66667%;
}
.small-margin-collapse > .topbar-9 {
width: 75%;
}
.small-margin-collapse > .topbar-10 {
width: 83.33333%;
}
.small-margin-collapse > .topbar-11 {
width: 91.66667%;
}
.small-margin-collapse > .topbar-12 {
width: 100%;
}
.medium-margin-collapse > .topbar-1 {
width: 8.33333%;
}
.medium-margin-collapse > .topbar-2 {
width: 16.66667%;
}
.medium-margin-collapse > .topbar-3 {
width: 25%;
}
.medium-margin-collapse > .topbar-4 {
width: 33.33333%;
}
.medium-margin-collapse > .topbar-5 {
width: 41.66667%;
}
.medium-margin-collapse > .topbar-6 {
width: 50%;
}
.medium-margin-collapse > .topbar-7 {
width: 58.33333%;
}
.medium-margin-collapse > .topbar-8 {
width: 66.66667%;
}
.medium-margin-collapse > .topbar-9 {
width: 75%;
}
.medium-margin-collapse > .topbar-10 {
width: 83.33333%;
}
.medium-margin-collapse > .topbar-11 {
width: 91.66667%;
}
.medium-margin-collapse > .topbar-12 {
width: 100%;
}
.topbar-margin-collapse, .topbar-margin-collapse > .cell {
margin-left: 0;
margin-right: 0;
}
.topbar-margin-collapse > .small-1 {
width: 8.33333%;
}
.topbar-margin-collapse > .small-2 {
width: 16.66667%;
}
.topbar-margin-collapse > .small-3 {
width: 25%;
}
.topbar-margin-collapse > .small-4 {
width: 33.33333%;
}
.topbar-margin-collapse > .small-5 {
width: 41.66667%;
}
.topbar-margin-collapse > .small-6 {
width: 50%;
}
.topbar-margin-collapse > .small-7 {
width: 58.33333%;
}
.topbar-margin-collapse > .small-8 {
width: 66.66667%;
}
.topbar-margin-collapse > .small-9 {
width: 75%;
}
.topbar-margin-collapse > .small-10 {
width: 83.33333%;
}
.topbar-margin-collapse > .small-11 {
width: 91.66667%;
}
.topbar-margin-collapse > .small-12 {
width: 100%;
}
.topbar-margin-collapse > .medium-1 {
width: 8.33333%;
}
.topbar-margin-collapse > .medium-2 {
width: 16.66667%;
}
.topbar-margin-collapse > .medium-3 {
width: 25%;
}
.topbar-margin-collapse > .medium-4 {
width: 33.33333%;
}
.topbar-margin-collapse > .medium-5 {
width: 41.66667%;
}
.topbar-margin-collapse > .medium-6 {
width: 50%;
}
.topbar-margin-collapse > .medium-7 {
width: 58.33333%;
}
.topbar-margin-collapse > .medium-8 {
width: 66.66667%;
}
.topbar-margin-collapse > .medium-9 {
width: 75%;
}
.topbar-margin-collapse > .medium-10 {
width: 83.33333%;
}
.topbar-margin-collapse > .medium-11 {
width: 91.66667%;
}
.topbar-margin-collapse > .medium-12 {
width: 100%;
}
.topbar-margin-collapse > .topbar-1 {
width: 8.33333%;
}
.topbar-margin-collapse > .topbar-2 {
width: 16.66667%;
}
.topbar-margin-collapse > .topbar-3 {
width: 25%;
}
.topbar-margin-collapse > .topbar-4 {
width: 33.33333%;
}
.topbar-margin-collapse > .topbar-5 {
width: 41.66667%;
}
.topbar-margin-collapse > .topbar-6 {
width: 50%;
}
.topbar-margin-collapse > .topbar-7 {
width: 58.33333%;
}
.topbar-margin-collapse > .topbar-8 {
width: 66.66667%;
}
.topbar-margin-collapse > .topbar-9 {
width: 75%;
}
.topbar-margin-collapse > .topbar-10 {
width: 83.33333%;
}
.topbar-margin-collapse > .topbar-11 {
width: 91.66667%;
}
.topbar-margin-collapse > .topbar-12 {
width: 100%;
}
.topbar-margin-collapse > .large-1 {
width: 8.33333%;
}
.topbar-margin-collapse > .large-2 {
width: 16.66667%;
}
.topbar-margin-collapse > .large-3 {
width: 25%;
}
.topbar-margin-collapse > .large-4 {
width: 33.33333%;
}
.topbar-margin-collapse > .large-5 {
width: 41.66667%;
}
.topbar-margin-collapse > .large-6 {
width: 50%;
}
.topbar-margin-collapse > .large-7 {
width: 58.33333%;
}
.topbar-margin-collapse > .large-8 {
width: 66.66667%;
}
.topbar-margin-collapse > .large-9 {
width: 75%;
}
.topbar-margin-collapse > .large-10 {
width: 83.33333%;
}
.topbar-margin-collapse > .large-11 {
width: 91.66667%;
}
.topbar-margin-collapse > .large-12 {
width: 100%;
}
.topbar-padding-collapse {
margin-left: 0;
margin-right: 0;
}
.topbar-padding-collapse > .cell {
padding-left: 0;
padding-right: 0;
}
.large-margin-collapse > .topbar-1 {
width: 8.33333%;
}
.large-margin-collapse > .topbar-2 {
width: 16.66667%;
}
.large-margin-collapse > .topbar-3 {
width: 25%;
}
.large-margin-collapse > .topbar-4 {
width: 33.33333%;
}
.large-margin-collapse > .topbar-5 {
width: 41.66667%;
}
.large-margin-collapse > .topbar-6 {
width: 50%;
}
.large-margin-collapse > .topbar-7 {
width: 58.33333%;
}
.large-margin-collapse > .topbar-8 {
width: 66.66667%;
}
.large-margin-collapse > .topbar-9 {
width: 75%;
}
.large-margin-collapse > .topbar-10 {
width: 83.33333%;
}
.large-margin-collapse > .topbar-11 {
width: 91.66667%;
}
.large-margin-collapse > .topbar-12 {
width: 100%;
}
.topbar-offset-0 {
margin-left: 0;
}
.grid-margin-x > .topbar-offset-0 {
margin-left: 0.9375rem;
}
.topbar-offset-1 {
margin-left: 8.33333%;
}
.grid-margin-x > .topbar-offset-1 {
margin-left: calc(8.33333% + .9375rem);
}
.topbar-offset-2 {
margin-left: 16.66667%;
}
.grid-margin-x > .topbar-offset-2 {
margin-left: calc(16.66667% + .9375rem);
}
.topbar-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .topbar-offset-3 {
margin-left: calc(25% + .9375rem);
}
.topbar-offset-4 {
margin-left: 33.33333%;
}
.grid-margin-x > .topbar-offset-4 {
margin-left: calc(33.33333% + .9375rem);
}
.topbar-offset-5 {
margin-left: 41.66667%;
}
.grid-margin-x > .topbar-offset-5 {
margin-left: calc(41.66667% + .9375rem);
}
.topbar-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .topbar-offset-6 {
margin-left: calc(50% + .9375rem);
}
.topbar-offset-7 {
margin-left: 58.33333%;
}
.grid-margin-x > .topbar-offset-7 {
margin-left: calc(58.33333% + .9375rem);
}
.topbar-offset-8 {
margin-left: 66.66667%;
}
.grid-margin-x > .topbar-offset-8 {
margin-left: calc(66.66667% + .9375rem);
}
.topbar-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .topbar-offset-9 {
margin-left: calc(75% + .9375rem);
}
.topbar-offset-10 {
margin-left: 83.33333%;
}
.grid-margin-x > .topbar-offset-10 {
margin-left: calc(83.33333% + .9375rem);
}
.topbar-offset-11 {
margin-left: 91.66667%;
}
.grid-margin-x > .topbar-offset-11 {
margin-left: calc(91.66667% + .9375rem);
}
.grid-y > .topbar-1, .grid-y > .topbar-10, .grid-y > .topbar-11, .grid-y > .topbar-12, .grid-y > .topbar-2, .grid-y > .topbar-3, .grid-y > .topbar-4, .grid-y > .topbar-5, .grid-y > .topbar-6, .grid-y > .topbar-7, .grid-y > .topbar-8, .grid-y > .topbar-9, .grid-y > .topbar-full, .grid-y > .topbar-shrink {
flex-basis: auto;
}
.grid-y > .topbar-auto {
flex: 1 1 0px;
height: auto;
}
.grid-y > .topbar-shrink {
height: auto;
}
.grid-y > .topbar-1 {
height: 8.33333%;
}
.grid-y > .topbar-2 {
height: 16.66667%;
}
.grid-y > .topbar-3 {
height: 25%;
}
.grid-y > .topbar-4 {
height: 33.33333%;
}
.grid-y > .topbar-5 {
height: 41.66667%;
}
.grid-y > .topbar-6 {
height: 50%;
}
.grid-y > .topbar-7 {
height: 58.33333%;
}
.grid-y > .topbar-8 {
height: 66.66667%;
}
.grid-y > .topbar-9 {
height: 75%;
}
.grid-y > .topbar-10 {
height: 83.33333%;
}
.grid-y > .topbar-11 {
height: 91.66667%;
}
.grid-y > .topbar-12 {
height: 100%;
}
.topbar-grid-frame {
align-items: stretch;
flex-wrap: nowrap;
overflow: hidden;
position: relative;
width: 100vw;
}
.cell .topbar-grid-frame {
width: 100%;
}
.topbar-cell-block {
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
max-width: 100%;
overflow-x: auto;
}
.topbar-cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%;
}
.topbar-cell-block-container > .grid-x {
flex-wrap: nowrap;
max-height: 100%;
}
.topbar-cell-block-y {
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
max-height: 100%;
overflow-y: auto;
}
.grid-y.topbar-grid-frame {
align-items: stretch;
flex-wrap: nowrap;
height: 100vh;
overflow: hidden;
position: relative;
width: auto;
}
.cell .grid-y.topbar-grid-frame {
height: 100%;
}
.grid-margin-y > .topbar-auto, .grid-margin-y > .topbar-shrink {
height: auto;
}
.grid-margin-y > .topbar-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .topbar-2 {
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .topbar-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .topbar-4 {
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .topbar-5 {
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .topbar-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .topbar-7 {
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .topbar-8 {
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .topbar-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .topbar-10 {
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .topbar-11 {
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .topbar-12 {
height: calc(100% - 1.875rem);
}
.grid-frame.grid-margin-y, .grid-margin-y.topbar-grid-frame {
height: calc(100vh + 1.875rem);
}
.subnav__list li a:active, .subnav__list li a:focus, .subnav__list li a:hover {
text-decoration: underline;
}
.container__flex-stack--text {
text-align: center;
width: 315px;
}
}
@media print, screen and (min-width: 64em) {
.row .row {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.large-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.large-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.large-3 {
flex: 0 0 25%;
max-width: 25%;
}
.large-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.large-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.large-6 {
flex: 0 0 50%;
max-width: 50%;
}
.large-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.large-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.large-9 {
flex: 0 0 75%;
max-width: 75%;
}
.large-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.large-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.large-12 {
flex: 0 0 100%;
max-width: 100%;
}
.large-up-1 {
flex-wrap: wrap;
}
.large-up-1 > .column, .large-up-1 > .columns {
flex: 0 0 100%;
max-width: 100%;
}
.large-up-2 {
flex-wrap: wrap;
}
.large-up-2 > .column, .large-up-2 > .columns {
flex: 0 0 50%;
max-width: 50%;
}
.large-up-3 {
flex-wrap: wrap;
}
.large-up-3 > .column, .large-up-3 > .columns {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.large-up-4 {
flex-wrap: wrap;
}
.large-up-4 > .column, .large-up-4 > .columns {
flex: 0 0 25%;
max-width: 25%;
}
.large-up-5 {
flex-wrap: wrap;
}
.large-up-5 > .column, .large-up-5 > .columns {
flex: 0 0 20%;
max-width: 20%;
}
.large-up-6 {
flex-wrap: wrap;
}
.large-up-6 > .column, .large-up-6 > .columns {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.large-up-7 {
flex-wrap: wrap;
}
.large-up-7 > .column, .large-up-7 > .columns {
flex: 0 0 14.28571%;
max-width: 14.28571%;
}
.large-up-8 {
flex-wrap: wrap;
}
.large-up-8 > .column, .large-up-8 > .columns {
flex: 0 0 12.5%;
max-width: 12.5%;
}
.row.large-unstack > .column, .row.large-unstack > .columns {
flex: 1 1 0px;
}
.large-collapse > .column, .large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.large-order-1 {
order: 1;
}
.large-order-2 {
order: 2;
}
.large-order-3 {
order: 3;
}
.large-order-4 {
order: 4;
}
.large-order-5 {
order: 5;
}
.large-order-6 {
order: 6;
}
.large-flex-container {
display: flex;
}
.large-flex-child-auto {
flex: 1 1 auto;
}
.large-flex-child-grow {
flex: 1 0 auto;
}
.large-flex-child-shrink {
flex: 0 1 auto;
}
.large-flex-dir-row {
flex-direction: row;
}
.large-flex-dir-row-reverse {
flex-direction: row-reverse;
}
.large-flex-dir-column {
flex-direction: column;
}
.large-flex-dir-column-reverse {
flex-direction: column-reverse;
}
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
.menu.large-horizontal {
flex-direction: row;
flex-wrap: wrap;
}
.menu.large-vertical {
flex-direction: column;
flex-wrap: nowrap;
}
.menu.large-expanded li, .menu.large-simple li {
flex: 1 1 0px;
}
.hide-for-large {
display: none !important;
}
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%;
}
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
left: 0;
right: auto;
top: 100%;
}
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 100%;
top: 0;
}
.dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
left: 100%;
right: auto;
}
.grid-container, .grid-container.fluid {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.grid-x > .large-1, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-full, .grid-x > .large-shrink {
flex-basis: auto;
}
.grid-x > .large-auto {
flex: 1 1 0px;
width: auto;
}
.grid-x > .large-shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x > .large-1 {
width: 8.33333%;
}
.grid-x > .large-2 {
width: 16.66667%;
}
.grid-x > .large-3 {
width: 25%;
}
.grid-x > .large-4 {
width: 33.33333%;
}
.grid-x > .large-5 {
width: 41.66667%;
}
.grid-x > .large-6 {
width: 50%;
}
.grid-x > .large-7 {
width: 58.33333%;
}
.grid-x > .large-8 {
width: 66.66667%;
}
.grid-x > .large-9 {
width: 75%;
}
.grid-x > .large-10 {
width: 83.33333%;
}
.grid-x > .large-11 {
width: 91.66667%;
}
.grid-x > .large-12 {
width: 100%;
}
.grid-margin-x {
margin-left: - 0.9375rem;
margin-right: - 0.9375rem;
}
.grid-margin-x > .cell {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
width: calc(100% - 1.875rem);
}
.grid-margin-x > .auto, .grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .small-2 {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .small-4 {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x > .small-5 {
width: calc(41.66667% - 1.875rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .small-7 {
width: calc(58.33333% - 1.875rem);
}
.grid-margin-x > .small-8 {
width: calc(66.66667% - 1.875rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .small-10 {
width: calc(83.33333% - 1.875rem);
}
.grid-margin-x > .small-11 {
width: calc(91.66667% - 1.875rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.875rem);
}
.grid-margin-x > .medium-auto, .grid-margin-x > .medium-shrink {
width: auto;
}
.grid-margin-x > .medium-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .medium-2 {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x > .medium-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .medium-4 {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x > .medium-5 {
width: calc(41.66667% - 1.875rem);
}
.grid-margin-x > .medium-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .medium-7 {
width: calc(58.33333% - 1.875rem);
}
.grid-margin-x > .medium-8 {
width: calc(66.66667% - 1.875rem);
}
.grid-margin-x > .medium-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .medium-10 {
width: calc(83.33333% - 1.875rem);
}
.grid-margin-x > .medium-11 {
width: calc(91.66667% - 1.875rem);
}
.grid-margin-x > .medium-12 {
width: calc(100% - 1.875rem);
}
.grid-margin-x > .large-auto, .grid-margin-x > .large-shrink {
width: auto;
}
.grid-margin-x > .large-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .large-2 {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x > .large-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .large-4 {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x > .large-5 {
width: calc(41.66667% - 1.875rem);
}
.grid-margin-x > .large-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .large-7 {
width: calc(58.33333% - 1.875rem);
}
.grid-margin-x > .large-8 {
width: calc(66.66667% - 1.875rem);
}
.grid-margin-x > .large-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .large-10 {
width: calc(83.33333% - 1.875rem);
}
.grid-margin-x > .large-11 {
width: calc(91.66667% - 1.875rem);
}
.grid-margin-x > .large-12 {
width: calc(100% - 1.875rem);
}
.grid-container:not(.full) > .grid-padding-x, .grid-padding-x .grid-padding-x {
margin-left: - 0.9375rem;
margin-right: - 0.9375rem;
}
.grid-padding-x > .cell {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.large-up-1 > .cell {
width: 100%;
}
.large-up-2 > .cell {
width: 50%;
}
.large-up-3 > .cell {
width: 33.33333%;
}
.large-up-4 > .cell {
width: 25%;
}
.large-up-5 > .cell {
width: 20%;
}
.large-up-6 > .cell {
width: 16.66667%;
}
.large-up-7 > .cell {
width: 14.28571%;
}
.large-up-8 > .cell {
width: 12.5%;
}
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.25rem);
}
.grid-margin-x.medium-up-1 > .cell {
width: calc(100% - 1.875rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.25rem);
}
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 1.875rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.33333% - 1.25rem);
}
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.25rem);
}
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 1.875rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.25rem);
}
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 1.875rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.66667% - 1.25rem);
}
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.28571% - 1.25rem);
}
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.28571% - 1.875rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.25rem);
}
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 1.875rem);
}
.grid-margin-x.large-up-1 > .cell {
width: calc(100% - 1.875rem);
}
.grid-margin-x.large-up-2 > .cell {
width: calc(50% - 1.875rem);
}
.grid-margin-x.large-up-3 > .cell {
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x.large-up-4 > .cell {
width: calc(25% - 1.875rem);
}
.grid-margin-x.large-up-5 > .cell {
width: calc(20% - 1.875rem);
}
.grid-margin-x.large-up-6 > .cell {
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x.large-up-7 > .cell {
width: calc(14.28571% - 1.875rem);
}
.grid-margin-x.large-up-8 > .cell {
width: calc(12.5% - 1.875rem);
}
.small-margin-collapse > .large-1 {
width: 8.33333%;
}
.small-margin-collapse > .large-2 {
width: 16.66667%;
}
.small-margin-collapse > .large-3 {
width: 25%;
}
.small-margin-collapse > .large-4 {
width: 33.33333%;
}
.small-margin-collapse > .large-5 {
width: 41.66667%;
}
.small-margin-collapse > .large-6 {
width: 50%;
}
.small-margin-collapse > .large-7 {
width: 58.33333%;
}
.small-margin-collapse > .large-8 {
width: 66.66667%;
}
.small-margin-collapse > .large-9 {
width: 75%;
}
.small-margin-collapse > .large-10 {
width: 83.33333%;
}
.small-margin-collapse > .large-11 {
width: 91.66667%;
}
.small-margin-collapse > .large-12 {
width: 100%;
}
.medium-margin-collapse > .large-1 {
width: 8.33333%;
}
.medium-margin-collapse > .large-2 {
width: 16.66667%;
}
.medium-margin-collapse > .large-3 {
width: 25%;
}
.medium-margin-collapse > .large-4 {
width: 33.33333%;
}
.medium-margin-collapse > .large-5 {
width: 41.66667%;
}
.medium-margin-collapse > .large-6 {
width: 50%;
}
.medium-margin-collapse > .large-7 {
width: 58.33333%;
}
.medium-margin-collapse > .large-8 {
width: 66.66667%;
}
.medium-margin-collapse > .large-9 {
width: 75%;
}
.medium-margin-collapse > .large-10 {
width: 83.33333%;
}
.medium-margin-collapse > .large-11 {
width: 91.66667%;
}
.medium-margin-collapse > .large-12 {
width: 100%;
}
.large-margin-collapse, .large-margin-collapse > .cell {
margin-left: 0;
margin-right: 0;
}
.large-margin-collapse > .small-1 {
width: 8.33333%;
}
.large-margin-collapse > .small-2 {
width: 16.66667%;
}
.large-margin-collapse > .small-3 {
width: 25%;
}
.large-margin-collapse > .small-4 {
width: 33.33333%;
}
.large-margin-collapse > .small-5 {
width: 41.66667%;
}
.large-margin-collapse > .small-6 {
width: 50%;
}
.large-margin-collapse > .small-7 {
width: 58.33333%;
}
.large-margin-collapse > .small-8 {
width: 66.66667%;
}
.large-margin-collapse > .small-9 {
width: 75%;
}
.large-margin-collapse > .small-10 {
width: 83.33333%;
}
.large-margin-collapse > .small-11 {
width: 91.66667%;
}
.large-margin-collapse > .small-12 {
width: 100%;
}
.large-margin-collapse > .medium-1 {
width: 8.33333%;
}
.large-margin-collapse > .medium-2 {
width: 16.66667%;
}
.large-margin-collapse > .medium-3 {
width: 25%;
}
.large-margin-collapse > .medium-4 {
width: 33.33333%;
}
.large-margin-collapse > .medium-5 {
width: 41.66667%;
}
.large-margin-collapse > .medium-6 {
width: 50%;
}
.large-margin-collapse > .medium-7 {
width: 58.33333%;
}
.large-margin-collapse > .medium-8 {
width: 66.66667%;
}
.large-margin-collapse > .medium-9 {
width: 75%;
}
.large-margin-collapse > .medium-10 {
width: 83.33333%;
}
.large-margin-collapse > .medium-11 {
width: 91.66667%;
}
.large-margin-collapse > .medium-12 {
width: 100%;
}
.large-margin-collapse > .large-1 {
width: 8.33333%;
}
.large-margin-collapse > .large-2 {
width: 16.66667%;
}
.large-margin-collapse > .large-3 {
width: 25%;
}
.large-margin-collapse > .large-4 {
width: 33.33333%;
}
.large-margin-collapse > .large-5 {
width: 41.66667%;
}
.large-margin-collapse > .large-6 {
width: 50%;
}
.large-margin-collapse > .large-7 {
width: 58.33333%;
}
.large-margin-collapse > .large-8 {
width: 66.66667%;
}
.large-margin-collapse > .large-9 {
width: 75%;
}
.large-margin-collapse > .large-10 {
width: 83.33333%;
}
.large-margin-collapse > .large-11 {
width: 91.66667%;
}
.large-margin-collapse > .large-12 {
width: 100%;
}
.large-padding-collapse {
margin-left: 0;
margin-right: 0;
}
.large-padding-collapse > .cell {
padding-left: 0;
padding-right: 0;
}
.large-offset-0 {
margin-left: 0;
}
.grid-margin-x > .large-offset-0 {
margin-left: 0.9375rem;
}
.large-offset-1 {
margin-left: 8.33333%;
}
.grid-margin-x > .large-offset-1 {
margin-left: calc(8.33333% + .9375rem);
}
.large-offset-2 {
margin-left: 16.66667%;
}
.grid-margin-x > .large-offset-2 {
margin-left: calc(16.66667% + .9375rem);
}
.large-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .large-offset-3 {
margin-left: calc(25% + .9375rem);
}
.large-offset-4 {
margin-left: 33.33333%;
}
.grid-margin-x > .large-offset-4 {
margin-left: calc(33.33333% + .9375rem);
}
.large-offset-5 {
margin-left: 41.66667%;
}
.grid-margin-x > .large-offset-5 {
margin-left: calc(41.66667% + .9375rem);
}
.large-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .large-offset-6 {
margin-left: calc(50% + .9375rem);
}
.large-offset-7 {
margin-left: 58.33333%;
}
.grid-margin-x > .large-offset-7 {
margin-left: calc(58.33333% + .9375rem);
}
.large-offset-8 {
margin-left: 66.66667%;
}
.grid-margin-x > .large-offset-8 {
margin-left: calc(66.66667% + .9375rem);
}
.large-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .large-offset-9 {
margin-left: calc(75% + .9375rem);
}
.large-offset-10 {
margin-left: 83.33333%;
}
.grid-margin-x > .large-offset-10 {
margin-left: calc(83.33333% + .9375rem);
}
.large-offset-11 {
margin-left: 91.66667%;
}
.grid-margin-x > .large-offset-11 {
margin-left: calc(91.66667% + .9375rem);
}
.grid-y > .large-1, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-full, .grid-y > .large-shrink {
flex-basis: auto;
}
.grid-y > .large-auto {
flex: 1 1 0px;
height: auto;
}
.grid-y > .large-shrink {
height: auto;
}
.grid-y > .large-1 {
height: 8.33333%;
}
.grid-y > .large-2 {
height: 16.66667%;
}
.grid-y > .large-3 {
height: 25%;
}
.grid-y > .large-4 {
height: 33.33333%;
}
.grid-y > .large-5 {
height: 41.66667%;
}
.grid-y > .large-6 {
height: 50%;
}
.grid-y > .large-7 {
height: 58.33333%;
}
.grid-y > .large-8 {
height: 66.66667%;
}
.grid-y > .large-9 {
height: 75%;
}
.grid-y > .large-10 {
height: 83.33333%;
}
.grid-y > .large-11 {
height: 91.66667%;
}
.grid-y > .large-12 {
height: 100%;
}
.grid-padding-y .grid-padding-y {
margin-bottom: - 0.9375rem;
margin-top: - 0.9375rem;
}
.grid-padding-y > .cell {
padding-bottom: 0.9375rem;
padding-top: 0.9375rem;
}
.large-grid-frame {
align-items: stretch;
flex-wrap: nowrap;
overflow: hidden;
position: relative;
width: 100vw;
}
.cell .large-grid-frame {
width: 100%;
}
.large-cell-block {
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
max-width: 100%;
overflow-x: auto;
}
.large-cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%;
}
.large-cell-block-container > .grid-x {
flex-wrap: nowrap;
max-height: 100%;
}
.large-cell-block-y {
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
max-height: 100%;
overflow-y: auto;
}
.grid-y.large-grid-frame {
align-items: stretch;
flex-wrap: nowrap;
height: 100vh;
overflow: hidden;
position: relative;
width: auto;
}
.cell .grid-y.large-grid-frame {
height: 100%;
}
.grid-margin-y {
margin-bottom: - 0.9375rem;
margin-top: - 0.9375rem;
}
.grid-margin-y > .cell {
height: calc(100% - 1.875rem);
margin-bottom: 0.9375rem;
margin-top: 0.9375rem;
}
.grid-margin-y > .auto, .grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .small-2 {
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .small-4 {
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .small-5 {
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .small-7 {
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .small-8 {
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .small-10 {
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .small-11 {
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.875rem);
}
.grid-margin-y > .medium-auto, .grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.875rem);
}
.grid-margin-y > .large-auto, .grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .large-2 {
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .large-4 {
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .large-5 {
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .large-7 {
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .large-8 {
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .large-10 {
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .large-11 {
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 1.875rem);
}
.grid-frame.grid-margin-y, .grid-margin-y.large-grid-frame {
height: calc(100vh + 1.875rem);
}
.hero--generic {
padding-bottom: 60px;
padding-top: 60px;
}
.hero--generic-blog.no-padding-bottom, .hero--generic.no-padding-bottom {
padding-bottom: 0;
}
.footer__column {
margin-bottom: 0;
}
.footer__column--logo {
border-right-width: 1px;
margin-bottom: 0;
}
.footer__iframe {
height: 85px;
}
.footer__colheader {
font-size: 1rem;
font-weight: 700;
margin-bottom: 1rem;
text-align: left;
}
.main-menu .main-menu__container {
box-shadow: none;
display: block;
left: auto;
position: relative;
top: auto;
}
.main-menu .main-menu__container .searchform {
display: none;
}
.main-menu ul.main-menu__ul > li {
display: inline-block;
}
.main-menu ul.main-menu__ul > li.menu-item-has-children {
border-bottom: 0;
}
.main-menu ul.main-menu__ul > li.menu-item-has-children > a:after {
display: none;
}
.main-menu ul.main-menu__ul > li > a {
padding: 26px;
}
.main-menu ul.main-menu__ul > li > ul {
background: #fefefe;
box-shadow: 0 2px 4px #5b5b5b;
display: none;
min-width: 250px;
padding: 20px 0;
position: absolute;
right: 0;
top: 90%;
z-index: 3;
}
.main-menu ul.main-menu__ul > li:hover ul {
display: block;
}
.toggle-mobile-nav {
display: none;
}
.change-location-link-area {
font-size: 1rem;
}
.scroll::-webkit-scrollbar {
cursor: pointer;
height: 4px;
}
.scroll::-webkit-scrollbar-track {
background: #f3f3f3;
}
.scroll::-webkit-scrollbar-thumb {
background: #fff;
}
.cta-text__text {
font-size: 2.5rem;
line-height: 2.5rem;
padding-right: 12px;
}
.cta-text__link {
font-size: 2.1875rem;
line-height: 2.1875rem;
}
.provider-cards__card-bottom .columns, .provider-cards__card-bottom .columns:nth-child(3) {
border-left: 1px solid #e6e6e6;
border-top: 0;
}
.provider-cards__card-logo {
margin-bottom: 0;
}
.provider-cards__card-logo img {
max-width: 100%;
}
.provider-cards__card-rating-table {
padding: 0;
}
.provider-cards__card-channels-speeds-table {
margin: 0 auto;
padding: 0;
text-align: center;
}
.provider-cards__card-flex-area .provider-cards__card-phone-area {
text-align: center;
}
.provider-cards__card-flex-area .provider-cards__card-phone-area span {
display: block;
}
.provider-cards-small__card-logo img {
max-width: 100%;
}
.provider-cards-small__card-rating-table {
padding: 0;
}
.best-tv-providers-cards__card {
padding: 30px 0;
}
.best-tv-providers-cards__card .card__stars {
margin-top: 0;
width: auto;
}
.image--is-provider-logo {
max-width: 300px;
}
ul.channel-lineup__lineup li {
width: 25%;
}
.container--circle-top {
width: 80%;
}
.container--is-icon-tile {
display: flex;
height: 142px;
width: 142px;
}
.container--is-icon-tile svg {
height: 90px;
width: 90px;
}
._static-content--center {
align-items: flex-start;
justify-content: left;
text-align: left;
}
.logo-row__break {
display: none;
}
.ppc-zip-form-dialog__top h4 {
font-size: 1.125rem;
}
.cities-list {
grid-template-columns: repeat(5, 1fr);
}
.searchform {
border: 0;
}
.searchform button {
height: 40px;
width: 40px;
}
.searchform button img {
height: 16px;
width: 16px;
}
.reveal-dialog .dialog__top h4, .reveal-dialog .dialog__top p {
font-size: 1.125rem;
}
.footer__email-form ._form-content {
flex-wrap: nowrap;
}
.provider-cards__card--is-bf .provider-cards__card-bottom .columns, .provider-cards__card--is-bf .provider-cards__card-bottom .columns:nth-child(3) {
border-left: 0;
}
.main-wrap.page .hero-components.best-of-hero-card-container .full-width-hero .column, .main-wrap.page .hero-components.best-of-hero-card-container .full-width-hero .columns, .main-wrap.post .hero-components.best-of-hero-card-container .full-width-hero .column, .main-wrap.post .hero-components.best-of-hero-card-container .full-width-hero .columns, .main-wrap.search .hero-components.best-of-hero-card-container .full-width-hero .column, .main-wrap.search .hero-components.best-of-hero-card-container .full-width-hero .columns {
flex-wrap: nowrap;
justify-content: space-between;
}
.post-info__author-info {
font-size: 1rem;
}
.gen-padding {
padding-bottom: 60px;
padding-top: 60px;
}
.large-padding {
padding-bottom: 30px;
padding-top: 30px;
}
.large-padding-full {
padding: 30px;
}
.medium-padding {
padding-bottom: 15px;
padding-top: 15px;
}
.medium-padding-full {
padding: 15px;
}
.small-padding {
padding-bottom: 10px;
padding-top: 10px;
}
.small-padding-full {
padding: 10px;
}
.medium-down-text-center {
text-align: inherit;
}
.product-card .contents .pros-cons-container .pros-cons-text {
line-height: 19px;
}
.product-card .brand-logo__img {
height: 70px;
width: 210px;
}
.single-review-hero-card .contents .pros-cons-container .pros-cons-text {
line-height: 19px;
}
.single-review-hero-card .brand-logo__img, .single-review-hero-card img.image--is-provider-logo {
height: 70px;
width: 210px;
}
.best-of-hero-card.layout-columns .best-of-hero-card__contents {
flex-direction: row;
}
.best-of-hero-card.layout-columns .best-of-hero-card__contents__first-column {
border-right: 2px solid #f3f3f3;
max-width: 50%;
padding: 0 16px;
}
.best-of-hero-card.layout-columns .best-of-hero-card__contents__features-container {
padding: 16px 12px;
}
.best-of-hero-card.layout-columns .best-of-hero-card__contents__features-container.first-container {
display: none;
}
.best-of-hero-card.layout-columns .best-of-hero-card__contents__features-container.second-container {
display: block;
}
.best-of-hero-card.layout-columns .best-of-hero-card__contents__cta-container {
padding: 16px 0;
}
.best-of-hero-card__contents .pros-cons-container .pros-cons-text {
line-height: 19px;
}
.best-of-hero-card.num-cards-4 img.image--is-provider-logo {
height: 55px;
max-width: 175px;
}
.best-of-hero-card.num-cards-5 {
width: 20%;
}
.best-of-hero-card.num-cards-5 .has-button a:first-of-type, .best-of-hero-card.num-cards-5 a.button, .has-button .best-of-hero-card.num-cards-5 a:first-of-type {
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
}
.best-of-hero-card.num-cards-5 img.image--is-provider-logo {
height: 45px;
max-width: 140px;
}
.best-of-hero-card .brand-logo__img {
height: auto;
padding-top: 56%;
width: 100%;
}
.vc-email-form__wrapper svg {
margin-bottom: -50px;
margin-left: -90px;
margin-right: 20px;
transform: scale(1.7);
}
.vc-email-form ._form-content {
flex-wrap: nowrap;
}
.vc-email-subscribe__wrapper .callout-area, .vc-email-subscribe__wrapper .callout-area .callout-icon, .vc-email-subscribe__wrapper .callout-area .callout-text p {
margin-left: 0;
}
.vc-email-subscribe__disclaimer {
text-align: left;
}
.vc-email-subscribe ._form-content {
flex-wrap: nowrap;
justify-content: flex-start;
}
.vc-email-subscribe input.field-email {
width: 200px;
}
.vc-email-subscribe input.field-zip {
width: 110px;
}
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.medium-expand {
flex: 1 1 0px;
}
}
@media screen and (min-width: 49.375em) and (min-width: 49.375em) {
.topbar-expand {
flex: 1 1 0px;
}
}
@media print, screen and (min-width: 64em) and (min-width: 64em) {
.large-expand {
flex: 1 1 0px;
}
}
@media print {
* {
background: transparent !important;
box-shadow: none !important;
color: #000 !important;
text-shadow: none !important;
}
.show-for-print {
display: block !important;
}
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print, th.show-for-print {
display: table-cell !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
.ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
content: "";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
blockquote, pre {
border: 1px solid #8a8a8a;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
img, tr {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
h2, h3, p {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
.print-break-inside {
page-break-inside: auto;
}
}
@media screen and (min-width:0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
}
}
@media screen and (max-width: 49.3125em) {
.top-bar.stacked-for-medium {
flex-wrap: wrap;
}
.top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right {
flex: 0 0 100%;
max-width: 100%;
}
.show-for-topbar {
display: none !important;
}
}
@media screen and (max-width: 63.9375em) {
.top-bar.stacked-for-topbar {
flex-wrap: wrap;
}
.top-bar.stacked-for-topbar .top-bar-left, .top-bar.stacked-for-topbar .top-bar-right {
flex: 0 0 100%;
max-width: 100%;
}
.show-for-large {
display: none !important;
}
ul.provider-cards__card-features.text-center.medium-text-left li svg {
display: none;
}
.provider-cards__card-features-table {
padding: 0;
}
.provider-cards__card, .provider-cards__card2 {
padding: 0px 10px;
}
.cta-text h2 {
font-size: 17px !important;
line-height: 20px !important;
}
.cta-text h3 {
font-size: 10px;
line-height: 10px;
}
}
@media screen and (max-width: 74.9375em) {
.top-bar.stacked-for-large {
flex-wrap: wrap;
}
.top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right {
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (max-width: 39.9375em) {
.hide-for-small-only, .show-for-medium {
display: none !important;
}
.reveal {
border: 0;
border-radius: 0;
height: 100%;
height: 100vh;
left: 0;
margin-left: 0;
max-width: none;
min-height: 100vh;
top: 0;
width: 100%;
}
ul.provider-cards__card-features.text-center.medium-text-left li svg {
display: none;
}
.provider-cards__card-features-table {
padding: 0;
}
.provider-cards__card, .provider-cards__card2 {
padding: 0px 10px;
}
.cta-text h2 {
font-size: 17px !important;
line-height: 20px !important;
}
.cta-text h3 {
font-size: 10px;
line-height: 10px;
}
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
.show-for-small-only {
display: none !important;
}
}
@media screen and (min-width: 40em) and (max-width: 49.3125em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 39.9375em), screen and (min-width: 49.375em) {
.show-for-medium-only {
display: none !important;
}
}
@media screen and (min-width: 49.375em) and (max-width: 63.9375em) {
.hide-for-topbar-only {
display: none !important;
}
}
@media screen and (max-width: 49.3125em), screen and (min-width: 64em) {
.show-for-topbar-only {
display: none !important;
}
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important;
}
}
@media screen and (orientation: landscape) {
.hide-for-portrait, .show-for-landscape {
display: block !important;
}
.hide-for-landscape, .show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-portrait, .show-for-landscape {
display: none !important;
}
.hide-for-landscape, .show-for-portrait {
display: block !important;
}
}
@media screen and (min-width: 500px) {
.provider-cards__card-top .coverage {
position: absolute;
right: 15px;
top: 18px;
}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
.provider-cards-small__card-logo img, .provider-cards__card-logo img {
max-width: 200px;
}
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
.provider-cards__card-flex-area .provider-cards__card-features li {
width: 245px;
}
}
@media screen and (min-width: 1025px) {
.featured-post {
height: 400px;
}
}
@media screen and (min-width: 640px) {
.full-width-hero-card1 {
height: 200px;
margin-bottom: 0;
}
.full-width-hero-card1 .contents {
width: 100%;
}
.full-width-hero-card1 .contents .column-2 {
border-right: 1px solid #d8d8d8;
padding-right: 10px;
text-align: center;
}
.full-width-hero-card1 .contents .column .column-3, .full-width-hero-card1 .contents .columns .column-3 {
max-width: 25%;
padding-bottom: 0;
}
.full-width-background .full-width-hero-card2 {
height: 200px;
margin-bottom: 0;
}
.full-width-background .full-width-hero-card2 .contents {
width: 100%;
}
.full-width-background .full-width-hero-card2 .contents .column-2 {
border-right: 1px solid #d8d8d8;
padding-right: 10px;
text-align: center;
}
.full-width-background .full-width-hero-card2 .contents .column-3 {
max-width: 35%;
}
.full-width-background .full-width-hero-card2 .contents .column .column-3, .full-width-background .full-width-hero-card2 .contents .columns .column-3 {
max-width: 25%;
padding-bottom: 0;
}
.full-width-background .full-width-hero-card2 .features-bullets {
max-width: 99%;
}
}
@media screen and (max-width: 640px) {
.full-width-hero-card1 .contents .column-1 {
padding-bottom: 30px;
}
.full-width-hero-card1 .contents .column-2 .rating-container .rating {
border-top: 1px solid #235457;
margin-left: 15%;
margin-right: 15%;
padding-top: 20px;
}
.full-width-hero-card1 {
display: block;
}
.full-width-hero-card1 .handle {
border-radius: 5px 5px 0 0;
box-shadow: none;
display: block;
min-height: 20px;
width: 100%;
}
.full-width-hero-card1 .contents {
display: block;
padding: 0 22px;
width: 100%;
}
.full-width-hero-card1 .contents .columns {
display: block;
padding: 23px 0;
}
.full-width-hero-card1 .contents .column, .full-width-hero-card1 .contents .columns {
display: block;
padding: 10px 15px;
}
.full-width-hero-card1 .contents .column-1 {
width: 100%;
}
.full-width-hero-card1 .contents .column-2 {
border-right: 0;
margin-top: 20px;
text-align: center;
width: 100%;
}
.full-width-hero-card1 .contents .column-3 {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.full-width-hero-card1 .contents .column-3 .icon-minus {
margin-bottom: 5px;
}
.full-width-hero-card1 .contents .column-3 .label-value-features {
padding-top: 20px;
}
.full-width-hero-card1 .contents .column-4 {
margin-left: -22px;
padding-top: 15px;
width: calc(100% + 44px);
}
.full-width-hero-card1 .contents .snippet, .full-width-hero-card1 .contents .snippet p {
font-size: 14px;
}
.full-width-hero-card1 .contents .rating-container {
font-size: 14px;
text-align: center;
}
.full-width-hero-card1 .contents .rating-container .rating .rating-label {
font-size: 16px;
margin-right: 10px;
}
.full-width-hero-card1 .contents .features-bullets {
font-size: 14px;
}
.full-width-hero-card1 .contents .features-bullets .feature {
display: flex;
margin-bottom: 10px;
}
.full-width-hero-card1 .contents .features-bullets .feature .feature-label, .full-width-hero-card1 .contents .features-bullets .feature .feature-value {
font-size: 14px;
}
.full-width-hero-card1 .contents .features-bullets .feature:last-child {
margin-bottom: 0;
}
.full-width-hero-card1 .label-value-features {
margin-top: -20px;
padding-top: 0;
width: 100%;
}
.full-width-hero-card1 .label-value-features .feature .feature-label, .full-width-hero-card1 .label-value-features .feature .feature-value {
font-size: 14px;
}
.full-width-background .full-width-hero-card2 .contents .column-1 {
padding-bottom: 30px;
}
.full-width-background .full-width-hero-card2 .contents .column-2 .rating-container .rating {
border-top: 1px solid #235457;
margin-left: 15%;
margin-right: 15%;
padding-top: 20px;
}
.full-width-background .full-width-hero-card2 {
display: block;
}
.full-width-background .full-width-hero-card2 .handle {
border-radius: 5px 5px 0 0;
box-shadow: none;
display: block;
min-height: 20px;
width: 100%;
}
.full-width-background .full-width-hero-card2 .contents {
display: block;
padding: 0 22px;
width: 100%;
}
.full-width-background .full-width-hero-card2 .contents .columns {
display: block;
padding: 23px 0;
}
.full-width-background .full-width-hero-card2 .contents .column, .full-width-background .full-width-hero-card2 .contents .columns {
display: block;
padding: 10px 15px;
}
.full-width-background .full-width-hero-card2 .contents .column-1 {
width: 100%;
}
.full-width-background .full-width-hero-card2 .contents .column-2 {
border-right: 0;
text-align: center;
width: 100%;
}
.full-width-background .full-width-hero-card2 .contents .column-3 {
margin-top: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
width: 100%;
}
.full-width-background .full-width-hero-card2 .contents .column-3 .icon-minus {
margin-bottom: 5px;
}
.full-width-background .full-width-hero-card2 .contents .column-3 .label-value-features {
padding-top: 20px;
}
.full-width-background .full-width-hero-card2 .contents .column-4 {
margin-left: -22px;
padding-top: 15px;
width: calc(100% + 44px);
}
.full-width-background .full-width-hero-card2 .contents .snippet, .full-width-background .full-width-hero-card2 .contents .snippet p {
font-size: 14px;
}
.full-width-background .full-width-hero-card2 .contents .rating-container {
font-size: 14px;
text-align: center;
}
.full-width-background .full-width-hero-card2 .contents .rating-container .rating .rating-label {
font-size: 16px;
margin-right: 10px;
}
.full-width-background .full-width-hero-card2 .contents .features-bullets {
font-size: 14px;
}
.full-width-background .full-width-hero-card2 .contents .features-bullets .feature {
display: flex;
margin-bottom: 10px;
}
.full-width-background .full-width-hero-card2 .contents .features-bullets .feature .feature-label, .full-width-background .full-width-hero-card2 .contents .features-bullets .feature .feature-value {
font-size: 14px;
}
.full-width-background .full-width-hero-card2 .contents .features-bullets .feature:last-child {
margin-bottom: 0;
}
.full-width-background .full-width-hero-card2 .label-value-features {
margin-top: -20px;
padding-top: 0;
width: 100%;
}
.full-width-background .full-width-hero-card2 .label-value-features .feature .feature-label, .full-width-background .full-width-hero-card2 .label-value-features .feature .feature-value {
font-size: 14px;
}
}
@media screen and (min-width: 640px) and (max-width: 960px) {
.full-width-hero-card1 .contents .columns {
padding: 0;
}
.full-width-hero-card1 .contents .column-1 {
width: 25%;
}
.full-width-hero-card1 .contents .column-2 {
padding-right: 10px;
text-align: center;
}
.full-width-hero-card1 .contents .column-2 .rating {
padding-top: 25px;
text-align: center;
}
.full-width-hero-card1 .contents .column-2 .rating .rating-score {
font-size: 35px;
}
.full-width-hero-card1 .contents .column-3 {
align-items: center;
display: flex;
justify-content: center;
max-width: 25%;
padding-bottom: 0;
padding-left: 10px;
padding-top: 0;
}
.full-width-hero-card1 .contents .column-3 .features-bullets .feature {
margin-bottom: 5px;
}
.full-width-hero-card1 .contents .column-3 .features-bullets .feature-text {
font-size: 13px;
line-height: normal;
}
.full-width-hero-card1 .contents .column-4 {
margin: auto;
}
.full-width-hero-card1 .contents .column-4 .ctas {
display: flex;
margin: 0 auto;
}
.full-width-background .full-width-hero-card2 .contents .columns {
padding: 0;
}
.full-width-background .full-width-hero-card2 .contents .column-1 {
width: 25%;
}
.full-width-background .full-width-hero-card2 .contents .column-2 {
padding-right: 10px;
text-align: center;
width: 25%;
}
.full-width-background .full-width-hero-card2 .contents .column-2 .rating-container .rating {
padding-top: 25px;
text-align: center;
}
.full-width-background .full-width-hero-card2 .contents .column-2 .rating-container .rating .rating-score {
font-size: 35px;
}
.full-width-background .full-width-hero-card2 .contents .column-3 {
align-items: center;
display: flex;
justify-content: center;
max-width: 35%;
padding-bottom: 0;
padding-left: 10px;
padding-top: 0;
}
.full-width-background .full-width-hero-card2 .contents .column-3 .features-bullets .feature {
margin-bottom: 5px;
}
.full-width-background .full-width-hero-card2 .contents .column-3 .features-bullets .feature-text {
font-size: 15px;
line-height: normal;
}
.full-width-background .full-width-hero-card2 .contents .column-4 {
margin: auto;
}
.full-width-background .full-width-hero-card2 .contents .column-4 .ctas {
display: flex;
margin: 0 auto;
}
}
@media screen and (min-width: 960px) {
.full-width-hero-card1 .contents .columns {
padding: 0;
width: 100%;
}
.full-width-hero-card1 .contents .column-1 {
margin-left: 20px;
}
.full-width-hero-card1 .contents .column-2 {
padding-top: 20px;
text-align: center;
width: 25%;
}
.full-width-hero-card1 .contents .column-3 {
align-items: center;
display: flex;
justify-content: center;
padding: 0 10px;
}
.full-width-hero-card1 .contents .column-3 .features-bullets .feature {
margin-bottom: 5px;
}
.full-width-hero-card1 .contents .column-3 .features-bullets .feature-text {
font-size: 13px;
line-height: 20px;
}
.full-width-hero-card1 .contents .column-3 .features-bullets .icon-minus {
margin-bottom: 7px;
}
.full-width-hero-card1 .contents .column-4 {
display: block;
margin: auto;
}
.full-width-hero-card1 .contents .column-4 .ctas {
display: flex;
margin: 0 auto;
padding: 0;
}
.full-width-background .full-width-hero-card2 .contents .columns {
padding: 0;
width: 100%;
}
.full-width-background .full-width-hero-card2 .contents .column-1 {
margin-left: 20px;
}
.full-width-background .full-width-hero-card2 .contents .column-2 {
padding-top: 20px;
text-align: center;
width: 30%;
}
.full-width-background .full-width-hero-card2 .contents .column-3 {
align-items: center;
display: flex;
justify-content: center;
padding: 0 10px;
}
.full-width-background .full-width-hero-card2 .contents .column-3 .features-bullets .feature {
margin-bottom: 5px;
}
.full-width-background .full-width-hero-card2 .contents .column-3 .features-bullets .feature-text {
font-size: 15px;
line-height: 20px;
}
.full-width-background .full-width-hero-card2 .contents .column-3 .features-bullets .icon-minus {
margin-bottom: 7px;
}
.full-width-background .full-width-hero-card2 .contents .column-4 {
display: block;
margin: auto;
}
.full-width-background .full-width-hero-card2 .contents .column-4 .ctas {
display: flex;
margin: 0 auto;
padding: 0;
}
}