body {
	font-family: lato, serif;
	margin: 0;
	position: relative;
	width: 100%;
}

i,
a,
img,
input,
button,
textarea,
:before,
:after,
label,
span,
nav ul li,
.fg-carrier-box,
.exp-chs-pln-box,
.plns-hover {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

body > .tk-msg-box {
	padding: 5% 10%;
}

.fg-port-number-wrap {
	background-color: #f5f7f8;
	display: flex;
	flex-wrap: wrap;
	min-height: calc(100vh - 6.25rem);
}

.fg-port-number-left {
	background-color: #263ea5;
	background-image: url("../img/steps-bg.jpg");
	background-position: center;
	background-size: cover;
	flex: 0 0 25%;
	max-width: 25%;
	position: relative;
}

.fg-port-number-left > ul {
	list-style: none;
	margin: 0;
	padding: 3.5rem 3.125rem;
	position: sticky;
	top: 0;
	width: 100%;
}

.fg-port-number-left > ul li {
	align-items: center;
	color: #fff;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	opacity: .5;
	position: relative;
}

.fg-port-number-left > ul li i {
	font-size: 2rem;
}

.fg-port-number-left > ul li span {
	font-size: 1.125rem;
	font-weight: 600;
	padding-left: 0.625rem;
	flex: 1 0 0;
	line-height: 1.35;
}

.fg-port-number-left > ul li.active,
.fg-port-number-left > ul li.done {
	opacity: 1;
}

.fg-port-number-left > ul li.active:before,
.fg-port-number-left > ul li.done:before {
	background-color: #fff;
}

.fg-port-number-left > ul li:not(:last-child) {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
}

.fg-port-number-right {
	flex: 0 0 75%;
	max-width: 75%;
	padding: 3rem 4rem 5.2rem;
	position: relative;
	z-index: 1;
}

.fg-port-number-left > ul li:not(:last-child):before {
	background-color: rgba(255, 255, 255, .5);
	bottom: -0.625rem;
	content: "";
	height: 1.25rem;
	left: 0.9375rem;
	position: absolute;
	width: 0.125rem;
}

.fg-port-number-right > h2 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 3.125rem;
	text-align: center;
}

.fg-port-number-right > h2 + p {
	margin-top: -2.5rem;
}

.fg-port-number-right > p {
	font-size: 1.25rem;
	font-weight: 400;
	margin-bottom: 3.125rem;
	text-align: center;
}

.fg-port-number-right > p strong {
	color: #004990;
	font-weight: 900;
}

.fg-port-number-right form {
	padding: 0 8%;
}

.fg-port-number-step {
	position: relative;
}

.fg-port-number-step-inner {
	min-height: 26.5625rem;
}

.fg-port-number-step .el-form-item {
	margin-bottom: 1.25rem;
}

.fg-port-number-step .el-form-item .el-form-item__label {
	font-size: 1.25rem;
	line-height: initial;
	margin-bottom: 0.625rem;
	text-align: initial;
}

.fg-port-number-step .el-form-item .el-input i {
	font-size: 1.5rem;
	line-height: 2.8125rem;
}

.fg-port-number-step .el-form-item .el-input__inner {
	font-size: .9375rem;
	height: 2.8125rem;
}

.fg-port-number-step .el-form-item .el-input__inner:focus {
	border-color: #004990;
}

.fg-port-number-step .el-form-item .el-form-item__error {
	font-size: .9375rem;
	left: auto;
	padding-top: 0.125rem;
	right: 0;
}

.el-select {
	width: 100%;
}

.fg-port-number-step > h3,
.fg-port-number-step-inner > h3 {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1.875rem;
}

.fg-port-number-step > h3 + p,
.fg-port-number-step-inner > h3 + p {
	margin: -1.25rem 0 1.875rem;
}

.fg-port-number-step > p,
.fg-port-number-step-inner > p {
	font-size: 1.125rem;
}

.fg-port-number-step > div + p,
.fg-port-number-step-inner > div + p {
	margin-top: 1.875rem;
}

.radio_list.el-radio-group {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.625rem;
}

.radio_list > label,
.fg-port-number-step .radio_list .el-form-item {
	flex: 0 0 calc(33.3333334% - 1.25rem);
	margin: 0 0.625rem 1.25rem;
	max-width: calc(33.3333334% - 1.25rem);
}

.fg-port-number-step .radio_list .el-form-item .el-input__inner {
	border: 0.125rem solid #bbc6d3;
	-webkit-border-radius: 0.3125rem !important;
	border-radius: 0.3125rem !important;
	font-size: 2rem;
	font-weight: 700;
	height: 8rem;
}

.radio_list > label .el-radio-button__inner {
	align-items: center;
	border: 0.125rem solid #bbc6d3 !important;
	-webkit-border-radius: 0.3125rem !important;
	border-radius: 0.3125rem !important;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	min-height: 9rem;
	padding: 1.875rem;
}

.radio_list .el-radio-button__inner:before,
.radio_list .el-radio-button__inner:after {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	content: "";
	height: 1.25rem;
	position: absolute;
	right: 0.625rem;
	top: 0.625rem;
	width: 1.25rem;
	z-index: 1;
}

.radio_list .el-radio-button__inner:before {
	border: 0.125rem solid #bbc6d3;
}

.radio_list .el-radio-button__inner:after {
	background-color: #004990;
	opacity: 0;
	right: 0.75rem;
	top: 0.75rem;
	-webkit-transform: scale(.2);
	transform: scale(.2);
}

.radio_list .el-radio-button__inner > img {
	max-width: 60%;
}

.radio_list > label input[value="Other"] + .el-radio-button__inner img {
	max-height: 3.125rem;
}

.radio_list > label input:checked + .el-radio-button__inner:after,
.radio_list .el-radio-button__inner:hover:after {
	opacity: 1;
	-webkit-transform: scale(.6);
	transform: scale(.6);
}

.radio_list .el-radio-button__inner:hover,
.radio_list > label input:checked + .el-radio-button__inner {
	background-color: #fff;
	border-color: #004990 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.plans_list .el-radio-button__inner > img,
.plans_list .el-radio-button__inner > .plns-hover > img {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: initial;
	max-width: 6.25rem;
}

.plans_list .el-radio-button__inner > .plns-hover > img {
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-bottom: 10px;
}

.plans_list .el-radio-button__inner > img + h4 {
	margin-top: 1.25rem;
}

.plans_list .el-radio-button__inner > h4 {
	color: #222;
	flex: 0 0 100%;
	font-size: 1.125rem;
	font-weight: 600;
	margin-bottom: 0;
	max-width: 100%;
	white-space: break-spaces;
	word-break: break-word;
}

.plns-hover {
	align-items: center;
	background-color: #fff;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	bottom: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	left: 0;
	opacity: 0;
	padding: 1.875rem .9375rem;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	visibility: hidden;
	white-space: normal;
}

.plns-hover > span {
	color: #004990;
	flex: 0 0 100%;
	font-size: 1.5rem;
	font-weight: 900;
	max-width: 100%;
	width: 100%;
}

.plns-hover > p {
	color: #777;
	font-size: 1.0625rem;
	line-height: 1.5;
	word-break: normal;
}

.radio_list > label .el-radio-button__inner:hover > .plns-hover {
	opacity: 1;
	visibility: visible;
}

.fg-port-number-steps-buttons {
	margin-top: 1.25rem;
}

.fg-port-number-steps-buttons > button {
	-webkit-border-radius: 0.4375rem;
	border-radius: 0.4375rem;
	-webkit-box-shadow: 0 0 0.375rem rgba(0, 0, 0, .15) !important;
	box-shadow: 0 0 0.375rem rgba(0, 0, 0, .15) !important;
	font-size: 1rem;
	font-weight: 700;
	padding: 0.8125rem 2.2em;
}

.fg-port-number-steps-buttons > button.el-button--primary {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #242424 !important;
}

.fg-port-number-steps-buttons > button.el-button--primary:hover,
.fg-port-number-steps-buttons > button.el-button--primary:focus {
	background-color: #004990 !important;
	border-color: #004990 !important;
	color: #fff !important;
}

.fg-port-number-steps-buttons > button.el-button--info {
	background-color: #a6a9ad;
	border-color: #a6a9ad;
}

.fg-port-number-steps-buttons > button.el-button--info:hover,
.fg-port-number-steps-buttons > button.el-button--info:focus {
	background-color: #909399;
	border-color: #909399;
}

.fg-port-number-steps-note {
	background-color: #d9e7f7;
	bottom: 0;
	left: 0;
	margin-top: 1.25rem;
	max-width: 100%;
	padding: 0.75rem;
	position: absolute;
	right: 0;
	text-align: center;
}

.fg-port-number-steps-note > p {
	margin: 0;
}

/*.fg-port-number-step .el-form-item .el-tooltip {
	position: absolute;
	right: 0;
	top: 0.1875rem;
}*/

.pre_order_wrap {
	background-color: #fff;
	border: 0.125rem solid #bbc6d3;
	-webkit-border-radius: 0.3125rem;
	border-radius: 0.3125rem;
	padding: 2.5rem;
}

.pre_order_wrap p {
	font-size: 1.125rem;
	margin-bottom: 0.625rem;
}

.pre_order_wrap p strong {
	color: #004990;
}

.pre_order_list {
	list-style: none;
	margin: 1.25rem 0 0;
	padding-left: 0;
}

.pre_order_list > li {
	font-size: 1.125rem;
}

.pre_order_list > li + li {
	margin-top: 0.1875rem;
}

.pre_order_list > li h4 {
	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: .9375rem;
}

.tk-msg-inner {
	background-color: #fff;
	border: 0.125rem solid #bbc6d3;
	-webkit-border-radius: 0.3125rem;
	border-radius: 0.3125rem;
	padding: 2.5rem;
}

.tk-msg-inner > img {
	margin-bottom: 1.875rem;
	max-height: 6.25rem;
}

.tk-msg-inner > img + p,
.tk-msg-inner > p + div.el-row {
	margin-top: 1.5rem;
}

.tk-msg-inner > p,
.tk-msg-inner p {
	font-size: 1.125rem;
	line-height: 1.8;
	margin-bottom: 0;
	text-align: initial;
}

.tk-msg-inner > p a,
.tk-msg-inner p a {
	color: #004990;
	text-decoration: underline;
}

.tk-msg-inner > p strong {
	color: #004990;
	word-break: normal;
}

.tk-msg-inner > p + p:not(.mt-40) {
	margin-top: 0.625rem;
}

.fg-port-number-step .pre-checkbox {
	margin-bottom: 0;
}

.fg-port-number-step .pre-checkbox .el-form-item__content {
	line-height: initial;
}

.fg-port-number-step .pre-checkbox .el-form-item__content .el-checkbox {
	font-size: 1.125rem;
	margin-bottom: 0;
}

.fg-port-number-step .pre-checkbox .el-form-item__content .el-checkbox span {
	color: #242424;
	font-size: inherit;
}

.fg-port-number-step .pre-checkbox .el-form-item__content .el-checkbox span a {
	text-decoration: underline;
}


.fg-port-number-wrap .page-loader.port-number-active {
	display: block !important;
}

.fg-port-number-wrap .page-loader {
	background: rgba(255, 255, 255, .9);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.fg-port-number-left > ul.active::before {
	content: "";
	height: 100%;
	opacity: 0;
	position: absolute;
	visibility: visible;
	width: 100%;
	z-index: 999;
}

.qrcode {
	display: inline-block;
	font-size: 0;
	margin: -1.25rem 0 0;
	position: relative;
}

body.el-popup-parent--hidden {
	padding-right: 0 !important;
}

.el-message-box {
	max-width: 31.25rem;
	width: 100%;
}

.fg-port-number-step .el-select > .el-select-dropdown.el-popper {
	left: 0 !important;
	position: absolute !important;
}

.tk-msg-inner img {
	max-width: 10rem;
}

.expire_date .el-date-editor {
	width: 100%;
}

.expire_date .el-picker-panel {
	left: 0 !important;
	position: absolute !important;
	top: 2.375rem !important;
}

.expire_date .el-picker-panel td a.cell:hover,
.expire_date .el-picker-panel td.current a.cell,
.expire_date .el-picker-panel td a.cell:hover,
.expire_date .el-picker-panel td.today a.cell:hover {
	background: #263fa6;
	color: #fff !important;
}

.expire_date .el-picker-panel td a.cell,
.expire_date .el-picker-panel .el-picker-panel__icon-btn {
	font-size: 0.9375rem;
}

.expire_date .el-picker-panel .el-picker-panel__icon-btn:hover,
.expire_date .el-picker-panel td.today a.cell {
	color: var(--color3) !important;
}

i.el-input__icon.el-input__validateIcon.el-icon-circle-check {
	color: #23b674;
}


/*===== NFL Color Branding =====*/

.scheme-nfl .el-button--primary:hover,
.scheme-nfl .el-button--primary:focus,
.scheme-nfl .fcp-buy-btn:hover,
.scheme-nfl .fcp-buy-btn:focus {
	background-color: var(--fcp-color1) !important;
}

.scheme-nfl .fg-port-number-left,
.scheme-nfl .radio_list .el-radio-button__inner:after,
.scheme-nfl .expire_date .el-picker-panel td.today a.cell,
.scheme-nfl .expire_date .el-picker-panel td a.cell:hover,
.scheme-nfl .expire_date .el-picker-panel td.current a.cell,
.scheme-nfl .expire_date .el-picker-panel td a.cell:hover,
.scheme-nfl .el-checkbox__input.is-checked .el-checkbox__inner,
.scheme-nfl .el-checkbox__input.is-indeterminate .el-checkbox__inner {
	background-color: #41baae;
}

.scheme-nfl .fg-port-number-left {
	background-image: none;
}

.scheme-nfl .fg-port-number-steps-buttons > button.el-button--primary:hover,
.scheme-nfl .fg-port-number-steps-buttons > button.el-button--primary:focus {
	background-color: #41baae !important;
	border-color: #41baae !important;
}

.scheme-nfl .radio_list .el-radio-button__inner:hover,
.scheme-nfl .radio_list > label input:checked + .el-radio-button__inner {
	border-color: #41baae !important;
}

.scheme-nfl .plns-hover > span,
.scheme-nfl .tk-msg-inner > p strong,
.scheme-nfl .tk-msg-inner > p a,
.scheme-nfl .tk-msg-inner p a {
	color: #41baae;
}

.fg-port-number-step-inner .el-checkbox__inner::after {
	left: 0.1875rem;
}

.el-form-item span.el-input__suffix {
	z-index: 9;
}

.el-form-item select#states {
	left: 0;
	position: absolute;
}

.el-form-item input#id_states {
	opacity: 0;
}

.card-info-popup .el-dialog__header {
	background-color: var(--color3);
	font-size: 1.25rem;
	padding: 1.25rem;
}

.card-info-popup .el-dialog {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.card-info-popup .el-dialog .el-dialog__header > button {
	color: #fff !important;
}

.card-info-popup .el-dialog__body {
	background-color: #fff;
	padding: 2.5rem !important;
	text-align: center;
}

.card-info-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.9375rem;
}

.card-info-wrap .card-info-box {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
	padding: 0 0.9375rem;
}

.fg-port-number-step .el-form-item .el-form-item__content > a {
	display: inherit;
	margin-top: -0.5rem;
}

.card-info-popup .el-dialog {
	-webkit-border-radius: 0.4375rem;
	border-radius: 0.4375rem;
	-webkit-box-shadow: 0 0 1rem rgb(0 0 0 / 9%);
	box-shadow: 0 0 1rem rgb(0 0 0 / 9%);
	overflow: hidden;
}

.card-info-popup .el-dialog__header {
	color: #fff;
}

.card-info-popup .el-dialog__header span {
	color: inherit;
}

/*===== Tooltip Style =====*/
.figgers-tooltip-item {
	border: 0 !important;
	-webkit-border-radius: 0.625rem;
	border-radius: 0.625rem;
	-webkit-box-shadow: 0 0 0.625rem rgba(0, 0, 0, .058);
	box-shadow: 0 0 0.625rem rgba(0, 0, 0, .058);
	overflow: hidden;
	padding: 0;
	z-index: 999999999999 !important;
}

.figgers-tooltip-item .help-head {
	background-color: #004990;
	color: #fff;
	font-size: 1.25rem;
	padding: 0.9375rem 0.625rem;
	text-align: center;
}

.figgers-tooltip-item .help-body {
	padding: 1.25rem;
	text-align: center;
}

/*===== Lines Box Style =====*/
.line-info {
	background-color: #e6eaec;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 1.875rem;
	padding: 1.25rem 1.25rem 7px;
}

.line-info > h4 {
	color: #555;
	font-size: 1.125rem;
	margin-bottom: 14px;
}

.fg-port-number-step .line-info .el-form-item .el-form-item__label {
	font-size: 1rem;
}

.line-info.prime-line {
	background-color: #ccdff3;
}

.tk-msg-inner ul {
	text-align: initial;
}

/*===== Figgers Corporate Port Number Style =====*/
.fg-corporate-port-number {
	-webkit-border-radius: initial;
	border-radius: initial;
	-webkit-box-shadow: initial;
	box-shadow: initial;
	left: auto;
	min-width: initial;
	overflow: initial;
	-webkit-transform: initial;
	transform: initial;
}

.fg-corporate-port-number .fg-port-number-left {min-height: calc(100vh - 3.125rem);}

p.note-price {
	background-color: #d9e7f7;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 1rem;
	padding: 10px .9375rem;
}

p.note-price span {
	font-weight: 600;
}


/*===== Avalibility Progress Style =====*/
.fg-port-number-right form.coverageWrap {
	padding: 0;
	width: calc(100% + 8rem);
	margin-top: -3rem;
	margin-left: -4rem;
	margin-bottom: -5.2rem;
}

.netAvWrap {
	display: flex;
	justify-content: center;
	min-height: 40vh;
	align-items: center;
}

.pac-container.pac-logo::after {content: none;display: none}

.el-form div#map {
	width: 100%;
	min-height: 60vh;
	max-height: 60vh;
	z-index: 1;
}

.netAvInner {
	max-width: 60%;
	flex: 0 0 60%;
	position: relative;
}

.netAvInner > button {
	position: absolute;
	left: -15rem;
	height: 2.5rem;
	width: 2.5rem;
	padding: 0 !important;
}

.netAvInner > h3 {
	font-size: 1.5rem;
}

.netAvInner > h3 + p {
	margin-top: 7px;
}

.netAvInner > p + .el-form-item {
	margin-top: 2.5rem;
}

.fg-port-number-steps-buttons + .avPro {
	margin-top: 3.125rem;
}

.avPro {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-top: 3.75rem;
	margin-bottom: 3.75rem;
}

.netAvWrap span.el-input__suffix {
	right: 0;
}

.netAvWrap span.el-input__suffix button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.av-prod-parent {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	flex: 0 0 100%;
}

.av-prod-parent:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .7);
	z-index: 999;
	flex: 0 0 100% !important;
	max-width: 100% !important;
	bottom: 0;
	width: 100%;
}

.av-prod-parent.active:before {
	opacity: 0;
	visibility: hidden;
}

.av-prod-parent > div {
	text-align: center;
	color: #fff;
	font-size: 1rem;
	height: 2.5rem;
	line-height: 2.5rem;
}

.av-prod-parent > div:first-child {
	flex: 0 0 40%;
	max-width: 40%;
}

.av-prod-parent > div:nth-child(2) {
	flex: 0 0 10%;
	max-width: 10%;
}

.av-prod-parent > div:nth-child(3) {
	flex: 0 0 20%;
	max-width: 20%;
}

.av-prod-parent > div:nth-child(4) {
	flex: 0 0 10%;
	max-width: 10%;
}

.av-prod-parent > div:nth-child(5) {
	flex: 0 0 20%;
	max-width: 20%;
}

.avProCur {
	position: absolute;
	left: 20%;
	line-height: initial;
	min-width: 2.5rem;
	text-align: center;
	color: var(--color3);
	font-weight: 700;
	margin-left: -1.25rem;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.avProCurTop {
	bottom: calc(100% + 1px);
	padding-bottom: 1.5rem;
}

.avProCurBottom {
	top: calc(100% + 1px);
	padding-top: 1.5rem;
}

.avProCur > svg {
	width: 1.875rem;
}

.avProCur:before {
	content: "";
	position: absolute;
	left: 0;
}

.avProCurTop:before {
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid var(--color3);
	bottom: 0;
	left: 0;
}

.avProCurBottom:before {
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid var(--color3);
	top: 0;
	left: 0;
}


.pin-location {
	display: flex;
	flex-direction: column;
	gap: .9375rem;
	padding: 1.25rem;
}

.pin-location > span {
	font-size: .9375rem;
	font-weight: 500;
	font-family: var(--font-lato);
}

.pin-location > span span i {
	margin-right: 6px;
	color: var(--color3);
}

.pin-location > span.coverage-per {
	color: var(--color3);
	font-weight: 600;
}

.pin-location > span.coverage-per span {
	font-weight: 500;
	color: #242424;
}